Не стану утверждать, что фронтенд важнее бэкенда, или поддерживать спорную концепцию, что «бэкенд в современном вебе не обязателен». Оставим холивары в стороне, просто признаем, что фронтенд-разработчик занимается собственно клиентской стороной веб-проектов, а значит его работа больше всего видна конечным пользователям, за которых идет борьба. То есть, не уделить фронтенду должного внимания, просто непозволительная роскошь. С этим определились, осталось только разобраться, и как же теперь
Подробнее
Больше месяца назад пять компаний стали победителями акции “Бесплатное продвижение” и выиграли раскрутку своих сайтов силами объединенной команды специалистов 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 контейнера добавим…
Подробнее
Предлагаем вашему вниманию подборку с ссылками на новые материалы из области фронтенда и около него. Читать дальше →
Подробнее
Довольно часто требуется загружать водяные знаки на свои изображения не сиротливо в уголочке, а целиком по изображению, для затруднения несанкционированного копирования изображения на сторонних ресурсах. В DLE по-умолчанию для отображения ватермарки можно задать только углы. Мы же рассмотрим варианты с многократным наложением водяного знака поверх картинки и вариант с наложением изображения по центру.
Подробнее![[Перевод] Улучшенные эффекты с режимом смешивания фоновых слоев в CSS](https://habrastorage.org/webt/kd/bt/ao/kdbtao0ibocxo310gxjf4ud605s.jpeg)
Если одна картина заслуживает тысячи слов, то смешение двух картин заслуживает гораздо большего. Точно так же, возможности дизайна, которые открываются с появлением возможности смешивания слоев в CSS гораздо больше, чем вы думаете. Когда вы слышите обсуждение функций CSS Blend Modes, то обычно речь идет о трех новых свойствах CSS, которые получили хорошую поддержку в современных браузерах. Вот эти свойства: background-blend-mode — для смешивания фоновых изображений, градиентов и цветов…
Подробнее
Все течет, все меняется, но только input[type=file] как портил нервы всем начинающим веб-разработчикам, так и продолжает это делать до сих пор. Вспомните себя N лет назад, когда вы только начинали постигать азы создания веб-сайтов. Молодой и неопытный, вы искренне удивлялись, когда кнопка выбора файла напрочь отказывалась менять цвет своего фона на ваш любимый персиковый. Именно в тот момент вы впервые столкнулись с этим несокрушимым айсбергом под названием «Загрузка файлов», который и по
Подробнее
Это перевод статьи Оханса Эммануэля, который уже много лет работает в сфере разработки веб-сайтов и сервисов. Его главное увлечение — CSS, здесь он чувствует себя как рыба в воде. Свою любовь к делу и знания Оханс охотно передает читателям. Сегодня мы поговорим о том, как можно сделать CSS-стили ужасными, само собой, решая прямо противоположную задачу — научиться создавать красивый и чистый CSS. Материал подойдет в основном начинающим веб-дизайнерам и разработчикам, хотя в качестве
Подробнее![[Перевод] Богатейшие гики Кремниевой долины начали готовиться к апокалипсису](https://habrastorage.org/webt/uw/1i/0g/uw1i0g2m4pa1bl8sovf64tif8wa.jpeg)
Бред или не бред, а перестраховаться лишний раз не помешает. Видимо, так думают IT-миллиардеры Калифорнии. В последние месяцы они начали покупать себе убежища в Новой Зеландии – чтобы, если что, пересидеть худший сценарий. Причем это стало таким трендом, что новозеландское правительство хочет запретить иностранцам постройку у себя таких «пост-апокалиптических» домов. Читать дальше →
Подробнее