Это перевод статьи Оханса Эммануэля, который уже много лет работает в сфере разработки веб-сайтов и сервисов. Его главное увлечение — CSS, здесь он чувствует себя как рыба в воде. Свою любовь к делу и знания Оханс охотно передает читателям. Сегодня мы поговорим о том, как можно сделать CSS-стили ужасными, само собой, решая прямо противоположную задачу — научиться создавать красивый и чистый CSS. Материал подойдет в основном начинающим веб-дизайнерам и разработчикам, хотя в качестве
Подробнее![[Перевод] Богатейшие гики Кремниевой долины начали готовиться к апокалипсису](https://habrastorage.org/webt/uw/1i/0g/uw1i0g2m4pa1bl8sovf64tif8wa.jpeg)
Бред или не бред, а перестраховаться лишний раз не помешает. Видимо, так думают IT-миллиардеры Калифорнии. В последние месяцы они начали покупать себе убежища в Новой Зеландии – чтобы, если что, пересидеть худший сценарий. Причем это стало таким трендом, что новозеландское правительство хочет запретить иностранцам постройку у себя таких «пост-апокалиптических» домов. Читать дальше →
Подробнее![[Из песочницы] BEM'a не должно существовать](https://habrastorage.org/webt/mo/8b/kq/mo8bkqqcnrfp9bokusxs3w6umdq.gif)
Здравствуйте. BEM'а не должно существовать. Есть огромное количество причин не использовать эту методологию, но из-за её простоты использования и непонимания работы CSS и HTML, методология широко распространилась среди фронтендеров всего мира, в большинстве случаев среди разработчиков СНГ. Используется BEM сейчас как на больших русскоязычных проектах (Yandex, Habr), так и в некоторых фреймворках (react-md). В этой статье пойдёт подробный разбор плюсов и минусов этого подхода к разработке.
Подробнее![[Перевод] Краткое руководство по переменным в CSS (причины использования, синтаксис и примеры)](https://habrastorage.org/webt/yf/kg/lo/yfkgloht_7dvp3ino4xwuljixji.jpeg)
Я уже достаточно давно экспериментирую с CSS-переменными. Если вы к ним еще не подступались, вы можете воспользоваться этим кратким руководством, чтобы быстро во всем сориентироваться и приступить к работе. Читать дальше →
Подробнее
Предлагаем вашему вниманию подборку с ссылками на новые материалы из области фронтенда и около него. FYI: На следующей неделе дайджеста не будет в связи с отпуском. Читать дальше →
Подробнее![[recovery mode] Dracula Theme — универсальная тема оформления практически для всего](https://habrastorage.org/getpro/habr/post_images/262/574/4cb/2625744cbd1b2f90310e972bffac44ab.jpg)
Введение Всем привет, как-то давно мне иметь дело с большим количеством разных текстовых редакторов и IDE, на различных операционных системах. Тогда мне очень сильно начал раздражать такой момент, что на каждой их них стоит своя тема оформления кода, плюс ещё несколько других на выбор. Там были и хорошие и плохие, но они все были разные, что для меня на тот момент являлось проблемой и постоянно приходилось привыкать к новому оформлению. Читать дальше →
Подробнее![[Перевод] Новые (и старые) единицы измерения в CSS, о которых вы вряд ли слышали](https://habrastorage.org/webt/qj/ed/cm/qjedcmwfmaom5dmaisz5lebodr0.jpeg)
В последнее время JavaScript развивается очень быстро, но и языки-помощники веб-разработчика не стоят на месте. CSS тоже развивается, и хотя Houdini в скором времени, возможно, сделает прорыв в CSS-разработке, до широкого применения, к сожалению, еще далеко. Так что, как и прежде, созываются экспертные совещания, на которых составляют новые спецификации и так далее. Прогресс не такой стремительный, как у TC39, но это лучше, чем ничего. В этой статье мы поговорим о возможностях CSS, о
Подробнее
Друзья, с позиции главы программного комитета Frontend Conf поместил под катом краткий обзор шести самых полезных докладов с РИТ++ 2018 по фронтенду. В подборке нашлось место рассказу про то, как настраивать PWA-приложения и делать их более нативными. Отдельно затронуты вопросы транспиляции, где на примере API Яндекс.Карт показано, как можно писать на ES2015, получая на выходе ES3, и обеспечить поддержку IDE и линтеров. Еще одна история — про популярные форматы хранения изображений, их
Подробнее
Простой скрипт изменяет поведение кнопки Back в браузере и подменяет исходную поисковую выдачу, направляя пользователей на контролируемые хакером копии сайтов конкурентов Распространённый паттерн: открыть страницу поиска в Google и щёлкать по разным результатам в поисках нужной информации. Можно открыть десятки отдельных вкладок или ходить на каждый сайт по очереди, возвращаясь затем на поисковую выдачу (кнопка Back в браузере). Специалист по поисковой оптимизации Дэн Петрович из
Подробнее
Предлагаем вашему вниманию подборку с ссылками на новые материалы из области фронтенда и около него. Читать дальше →
Подробнее
Всем привет! Сегодня хочу поговорить немного о градиентах, популярных сайтах, предоставляющих пользователям возможность выбирать и/или генерировать их, а так же, о нескольких градиентах, которые я люблю и применяю в различных проектах. Возможно, кому-то из вас они тоже понравятся. Сегодня мало кто не знает, что такое градиенты и как их применять в разработке. Если верить статьям, то в 2018 году, применение ярких и насыщенных градиентов — это некий тренд. Читать дальше →
Подробнее
Мы в Яндексе не только много работаем с фронтендом, но и делимся своим опытом с другими. За шесть лет преподавательской практики мы запустили разные форматы обучения, о которых сегодня расскажем читателям Хабра. Надеемся, эти материалы помогут как начинающим разработчикам, так и тем, кто хочет почерпнуть дополнительные знания, основанные на практике. Читать дальше →
Подробнее