Верстальщик от бога

Юмористический рассказ «Как неофит познавал яваскрипт» #почитать

Пятьдесят лет назад программистов не было в природе. А сейчас они, кажется, уже вымирают – народился «Чат Гопоты», дьявольский Devin и всё такое прочее. Но, думаю, настоящие программисты не вымрут – они просто перестанут зарабатывать деньги. Ведь до сих пор умельцы и лапти плетут – не за деньги, для души. Собственно, дальше будет история о душе программирования.

⏱Читать статью

Платный Chrome Enterprise #почитать Платный браузер (подписка $6/месяц за 1 рабочее место) с ИИ-элементами для борьбы с киберугрозами. Комент:

Максимально странное решение, после выхода бесплатного ChatGpt многие перестали пользоваться поиском гугл, а тут еще такие непопулярные решения как будто бы забьют гвоздь в крышку гроба.

⏱Читать статью

Введение в CSS Grid #почитать ▫️Что такое CSS Grid ▫️Фракционные единицы (fr) ▫️Создание CSS Grid ▫️Функция repeat() ▫️Добавление gap ▫️Варьирующиеся размеры ▫️Создание универсальной системы ⏱Читать статью

Что может сломать aspect-ratio в CSS #почитать В CSS есть свойство aspect-ratio, полностью поддерживаемое примерно с 2021 года. Это свойство может быть очень полезным и помочь там, где нельзя использовать фиксированный размер. Но всё может пойти не так. ⏱Читать статью

Firefox остаётся самым быстрым браузером #почитать Как уже говорилось, Firefox остался последним свободным браузером на независимом движке (Gecko). Сейчас это единственная альтернатива монополии WebKit (Safari) и его форка Blink (Chrome, Edge, Opera и др.). И это единственный популярный браузер, который не принадлежит крупной корпорации. ⏱Читать статью

Вопросы по вёрстке на интервью фронтендера: значения свойства display #почитать

Продолжаю отвечать на вопросы из собеседований на должность фронтендера. Сегодня я отвечу на следующий вопрос: «В чём отличия между значениями block, inline, flex, inline-flex, grid и inline-grid для свойства display?»

⏱Читать статью

▫️ Фронтенд-рынок: динамика и спрос #посмотреть

Друзья, фронтенд-рынок мертв. Вакансий меньше, чем поданных резюме, а конкуренция бесконечна. Кажется, найти работу невозможно, а даже если и найдешь, зарплата невелика. По крайней мере, так считают выпускники крупных онлайн-школ — тех самых известных школ, рекламу которых вы повсюду видите по телевидению или у блоггеров. Или, может быть, это просто люди, которые не совсем понимают, как работает эта индустрия. Как основатель Result University, онлайн-заведения, полностью занимающегося фронтенд-разработкой, я решил углубиться в цифры и факты. Что на самом деле происходит на рынке фронтенда? Действительно ли все так плохо, как многие утверждают? В этом видео я хочу ответить на один важный вопрос: можно ли устроиться на работу младшим разработчиком прямо сейчас? Есть ли возможности для разработчиков среднего и старшего уровня? Сколько вакансий имеется? И самое главное, сколько денег могут заработать эти профессионалы? Для анализа всех этих данных я воспользовался известным сервисом HeadHunter. Обратите внимание, что эта статистика отражает общие тенденции и динамику рынка труда. Она может не отражать точные цифры, но дает общее представление о том, что сейчас происходит в отрасли.

⏱Смотреть на YouTube ⏱

Адаптивное видео с помощью встроенных математических функций CSS #почитать

Пока копалась в математических функциях, пришло в голову, что aspect-ratio можно попробовать воспроизвести с помощью этих функций и кастомных свойств.

⏱Читать статью

Селектор потомков (пробел) #почитать Селектор потомков в CSS используется для выбора элементов, которые являются потомками другого элемента в структуре документа. Этот селектор обозначается простым пробелом между двумя селекторами и позволяет применить стили к элементам, находящимся внутри других элементов, независимо от глубины их вложенности. ⏱Читать статью

Infinite-Scrolling Logos In Flat HTML And Pure CSS #почитать Помните элемент HTML <marquee>? Он устарел, так что вряд ли вы будете использовать его, когда вам понадобится что-то вроде горизонтальной автопрокрутки. Вот тут-то и приходит на помощь CSS, потому что в нем есть все необходимые инструменты для реализации этой функции. Автор демонстрирует технику, которая позволяет сделать это с помощью набора изображений и минимального HTML. ⏱Читать статью (en)