![[Перевод] Что происходит при создании контейнера Flexbox?](/uploads/habrahabr_logo.png){kind=logo}
Это перевод статьи Rachel Andrew, являющейся одним из разработчиков спецификаций CSS. В короткой серии статей я собираюсь потратить некоторое время на детальную распаковку Flexbox — точно так же, как я делала в прошлом с grid. Мы рассмотрим, для чего был разработан Flexbox, что он действительно делает хорошо, а когда мы не можем выбрать его в качестве способа компоновки. В этой статье мы подробно рассмотрим, что на самом деле происходит при добавлении display: flex в вашу…
Подробнее
Некоторое время назад писал сайт с бэкендом на Express/Node.JS. Возникла проблема с минификацией ответов. Нашел много готовых пакетов, но у всех была проблема — не минифицировался html после шаблонов. В итоге принял решение написать свой маленький и родной велосипед — библиотеку web-minify, позволяющую встроить хук перед отправкой клиенту и модифицировать ответ. Читать дальше →
Подробнее
Предлагаем вашему вниманию подборку с ссылками на новые материалы из области фронтенда и около него. Читать дальше →
Подробнее
Не стану утверждать, что фронтенд важнее бэкенда, или поддерживать спорную концепцию, что «бэкенд в современном вебе не обязателен». Оставим холивары в стороне, просто признаем, что фронтенд-разработчик занимается собственно клиентской стороной веб-проектов, а значит его работа больше всего видна конечным пользователям, за которых идет борьба. То есть, не уделить фронтенду должного внимания, просто непозволительная роскошь. С этим определились, осталось только разобраться, и как же теперь
Подробнее
Больше месяца назад пять компаний стали победителями акции “Бесплатное продвижение” и выиграли раскрутку своих сайтов силами объединенной команды специалистов Rookee и Ingate. Проблемы, с которыми мы столкнулись в ходе работ над ресурсами призеров, оказались весьма нетривиальными в плане подбора решений. Но довольно популярными среди владельцев сайтов. Публикуем краткий обзор с вариантами решений и советами профи, чтобы предостеречь владельцев сайтов от типичных ошибок и недальновидных…
Подробнее
Несмотря на заявления Google и Яндекс о поддержке поисковыми ботами парсинга сайтов SPA, надеяться на нормальную индексацию не стоит — у поисковых ботов мало ресурсов, ваше приложение должно максимально быстро отрабатывать, иначе, вам либо порежут рейтинг, либо не спарсят страницу, так же бот может не дождаться отработки всех ваших скриптов… (исследование Google bot) Мой маленький проект для исследования технологий — изменение посещаемости, после перехода на Server Side Rendering…
Подробнее
Предлагаем вашему вниманию подборку с ссылками на новые материалы из области фронтенда и около него. Читать дальше →
Подробнее![[Перевод] 10 перспективных поисковых роботов для улучшения SEO](https://habrastorage.org/webt/1p/r1/x2/1pr1x2btkrpm4xnxveoqzziatnq.jpeg)
Выполните тщательную SEO проверку своего сайта для улучшения ранжирования в поиске. Поисковая оптимизация — это непрерывный процесс улучшений, существует множество онлайн-инструментов для анализа вашего сайта и предоставления необходимой информации, с которых хорошо начинать этот процесс. Однако, если вам необходимо более детально изучить различные элементы SEO, тогда стоит рассмотреть возможность использования более продвинутых, комплексных инструментов. Читать дальше →
Подробнее![[Перевод] CSS Grid — швейцарский армейский нож для макетов сайтов и приложений](https://habrastorage.org/webt/an/ru/9n/anru9npgyegteayhgy0glh97ho8.png)
В течение последних двух месяцев я углубился в изучение CSS Grid. В этой заметке я хочу поделиться своими основными соображениями. Чтобы было более понятно, я объясню все с помощью диаграмм. Вероятно, вы уже знакомы с блоковой моделью CSS для обычных элементов. Давайте начнем с аналогичного «общего обзора» для CSS Grid: В основе структуры CSS Grid находится основной контейнер, представляющий собой обычный div, имеющий margin, border и padding. Для создания CSS grid контейнера добавим…
Подробнее
Предлагаем вашему вниманию подборку с ссылками на новые материалы из области фронтенда и около него. Читать дальше →
Подробнее![[Перевод] Улучшенные эффекты с режимом смешивания фоновых слоев в CSS](https://habrastorage.org/webt/kd/bt/ao/kdbtao0ibocxo310gxjf4ud605s.jpeg)
Если одна картина заслуживает тысячи слов, то смешение двух картин заслуживает гораздо большего. Точно так же, возможности дизайна, которые открываются с появлением возможности смешивания слоев в CSS гораздо больше, чем вы думаете. Когда вы слышите обсуждение функций CSS Blend Modes, то обычно речь идет о трех новых свойствах CSS, которые получили хорошую поддержку в современных браузерах. Вот эти свойства: background-blend-mode — для смешивания фоновых изображений, градиентов и цветов…
Подробнее
Все течет, все меняется, но только input[type=file] как портил нервы всем начинающим веб-разработчикам, так и продолжает это делать до сих пор. Вспомните себя N лет назад, когда вы только начинали постигать азы создания веб-сайтов. Молодой и неопытный, вы искренне удивлялись, когда кнопка выбора файла напрочь отказывалась менять цвет своего фона на ваш любимый персиковый. Именно в тот момент вы впервые столкнулись с этим несокрушимым айсбергом под названием «Загрузка файлов», который и по
Подробнее