В Google Chrome ограничат блокировщики рекламы с июня 2024

cocucka · 3 years ago

В Google Chrome ограничат блокировщики рекламы с июня 2024

rezedent12 · 3 years ago

“Программирование на CSS” - уже не шутка.

Oberstserj · 3 years ago

Да проблема не в шутках, а в том, что все меньше остается тех, кто понимает, что там на уровне железа происходит. Слоев абстракции нагнал уже столько, что никакого железа не хватает. А дебилы вроде фермы срут что-то в комменты про нищеебство и что просто надо поставить 100500 гигов оперативы и все будет тормозить чуть меньше…обоссать бы вас всех…

rezedent12 · 3 years ago

Да проблема не в шутках, а в том, что все меньше остается тех, кто понимает, что там на уровне железа происходит

Ещё можно сказать, современные массовые компьютеры - это разновидности эмулятора PDP-11

Коли серьёзно. Я могу сколь угодно байтоёбствовать, но с высокой вероятностью выяснится, что компилятор оптимизируя мог бы достигнуть больших результатов, если бы не мой “не шаблонный” код.

Когда в каждой свистоперделке будет NPU, то ситуация качественно изменится. Большую часть слоёв абстракции поглотят текстовые модели. Именно поглотят, а не станут ещё одним слоем. Это всё будет преподнесено как инновационный фронт-енд-ИИ-фреймворк. Разметка содержимого в нём будет основана на указании приоритетов взаимодействия с вниманием пользователя. То есть для элемента интерфейса будет указываться не нахождение в каком то месте, а приоритеты в стиле “Должно быть заметно тому кто ищет эту информацию, но не должно привлекать блуждающего внимания.”

Из плюсов, пользователи будут сами перетаскивать элементы на страницах и ИИ будет учитывать привычки пользователей. А ещё ИИ через фронтальную камеру будет следить за взглядом что бы калибровать заметность элементов для конкретного человека.

Плюс в том, что WEB-дизайн как массовое явление закончится. Конфликты по поводу степени соответствия интерфейса макету потеряют смысл. Появится очередная гниющая от не профессионализма ниша когнитивного дизайна интерфейсов. Вот там то возможно пригодятся навыки гадания на таро.

Oberstserj · 3 years ago

Ещё можно сказать, современные массовые компьютеры - это разновидности эмулятора PDP-11

Ну это прям очень натянуто. Я не считаю, что процессор должен состоять только из сумматоров с мультиплексорами. Это нормально, что есть целые модули аппаратной обработки мультимедиа, например. Но когда этим модулям отдают приоритет, а логика управления частотой ядер вообще через жопу реализовывается, то тут вопросики.

Коли серьёзно. Я могу сколь угодно байтоёбствовать, но с высокой вероятностью выяснится, что компилятор оптимизируя мог бы достигнуть больших результатов, если бы не мой «не шаблонный» код.

Компиляторы тоже больная тема. То, что творит сраный комитет со стандартами С вызывает желание взять автомат, тонну пуль и идти косить всех этих умников. Другое уже не поможет.

Плюс в том, что WEB-дизайн как массовое явление закончится.

Сомневаюсь. ИИ - это еще один слой абстракции. Причем самый уродский. Ничего принципиально взрывного нового он не принесет.

rezedent12 · 3 years ago

Сомневаюсь. ИИ - это еще один слой абстракции. Причем самый уродский. Ничего принципиально взрывного нового он не принесет.

Если достаточно повысить величину контекста, то даже у нынешних текстовых моделей есть потенциал писать низкоуровневый код.

Причем самый уродский.

Следовательно уже принёс принципиально новое взрывное.

rezedent12 · 3 years ago

(Диалог с ChatGPT 3.5)

Сгенерируй WEB-шаблон. Страницу должен адаптивно заполнять фон back.jpeg В главном поле внимания пользователя должен быть текст из файла page-text.txt с заголовком “Наши идеи”. А где нибудь на переферии малозаметная ссылка на “условия использования”.

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="styles.css">
    <title>Ваши Идеи</title>
</head>
<body>

    <div class="background">
        <div class="content">
            <h1>Наши идеи</h1>
            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed nonne merninisti licere mihi ista probare, quae sunt a te dicta?</p>
            <a href="terms.html">Условия использования</a>
        </div>
    </div>

</body>
</html>

body {
    margin: 0;
    font-family: 'Arial', sans-serif;
}

.background {
    background-image: url('back.jpeg');
    background-size: cover;
    background-position: center;
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
}

.content {
    background-color: rgba(255, 255, 255, 0.8);
    padding: 20px;
    border-radius: 10px;
    text-align: center;
}

h1 {
    color: #333;
}

p {
    color: #555;
}

a {
    color: #888;
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

Теперь сделай аналогичный вывод, но виде консольного интерфейса (текстовый терминал). На любом языке программирования.

# Содержимое файла page-text.txt
# Пример текста для вставки
# Этот текст может быть заменен на реальный контент вашего файла

with open("page-text.txt", "w") as text_file:
    text_file.write("Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed nonne merninisti licere mihi ista probare, quae sunt a te dicta?")

# Содержимое файла terms.html
# Пример текста для условий использования
# Этот текст может быть заменен на реальный контент вашего файла

with open("terms.html", "w") as terms_file:
    terms_file.write("Условия использования вашего веб-сайта.")

# Скрипт Python для создания текстового вывода
# Запускайте этот скрипт в терминале

background_image = "back.jpeg"
page_text_file = "page-text.txt"
terms_link = "terms.html"

# Создание строки с заголовком
header = "Наши идеи"

# Создание строки с текстом из файла page-text.txt
with open(page_text_file, "r") as text_file:
    page_text = text_file.read()

# Создание строки с малозаметной ссылкой на условия использования
terms_link_text = "Условия использования"

# Формирование вывода
output = f"""
-------------------------------
{background_image}
-------------------------------

{header}

{page_text}

{terms_link} - {terms_link_text}
"""

# Вывод результата в терминал
print(output)

Oberstserj · 3 years ago

Это нерепрезентативный пример. Попробуй разложить проект посерьезнее. Чо хеллоуворлд-то оценивать

rezedent12 · 3 years ago

Это нерепрезентативный пример. Попробуй разложить проект посерьезнее. Чо хеллоуворлд-то оценивать

Окай…

Предположим есть окно графическое размером 1200x850 пикселей, разрешение дисплея 1920x1080. Размер дисплея (59.77cm × 33.62cm = 2009.68cm^²) at 81.59 PPI. Нужно разместить в окне: список пользователей, кнопки “изменить”, “удалить”, “выход”. Разместить картинку “аватар” пользователя и разместить тестовую зону для ужрнала последних действий выбранного пользователя. Ещё надо разместить зону с флажками фильтрации журнала, “ошибки”, “предупреждения”, “информация”. Дай координаты и размеры каждого блока в пикселях.

Список пользователей:

X: 5%
Y: 5%
Ширина: 20%
Высота: 70%
Кнопки "Изменить", "Удалить", "Выход":

X: 30%
Y: 5%
Ширина каждой кнопки: 15%
Высота: 5%
Картинка "Аватар" пользователя:

X: 55%
Y: 5%
Ширина: 10%
Высота: 10%
Тестовая зона для журнала последних действий:

X: 70%
Y: 5%
Ширина: 25%
Высота: 40%
Зона с флажками фильтрации журнала:

X: 70%
Y: 50%
Ширина: 25%
Высота: 40%

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Ваш Заголовок</title>
    <style>
        body {
            margin: 0;
            padding: 0;
            font-family: Arial, sans-serif;
        }

        .container {
            width: 1200px;
            height: 850px;
            position: relative;
            margin: 0 auto;
        }

        .user-list {
            position: absolute;
            left: 5%;
            top: 5%;
            width: 20%;
            height: 70%;
            border: 1px solid #000;
        }

        .action-buttons {
            position: absolute;
            left: 30%;
            top: 5%;
            width: 45%;
            height: 5%;
            display: flex;
            justify-content: space-between;
            border: 1px solid #000;
        }

        .avatar {
            position: absolute;
            left: 55%;
            top: 5%;
            width: 10%;
            height: 10%;
            border: 1px solid #000;
        }

        .log-zone {
            position: absolute;
            left: 70%;
            top: 5%;
            width: 25%;
            height: 40%;
            border: 1px solid #000;
        }

        .filter-zone {
            position: absolute;
            left: 70%;
            top: 50%;
            width: 25%;
            height: 40%;
            border: 1px solid #000;
        }
    </style>
</head>
<body>
    <div class="container">
        <div class="user-list">Список пользователей</div>
        <div class="action-buttons">
            <button>Изменить</button>
            <button>Удалить</button>
            <button>Выход</button>
        </div>
        <div class="avatar">Картинка "Аватар" пользователя</div>
        <div class="log-zone">Тестовая зона для журнала последних действий</div>
        <div class="filter-zone">Зона с флажками фильтрации журнала</div>
    </div>
</body>
</html>

Не проверял как это будет выглядеть, но это и не важно.

Oberstserj · 3 years ago

Я тебя посерьезнее просил, а не это.

Забей, короче.