![[Перевод] Как называть css-классы](/uploads/habrahabr_logo.png){kind=logo}
Основываясь на моих любимых статьях по данной теме и личном опыте, вот мои 5 копеек о том, как называть CSS-классы. 0. Прежде чем думать о названии класса, выберите подходящее название для HTML-элементов Если это поле, используйте элемент input Читать HTML-документ будет гораздо легче. Пример: Источник: Рафаэль Гоитер (французская статья) Читать всю статью
Подробнее
Предлагаем вашему вниманию подборку с ссылками на полезные ресурсы и интересные материалы из области фронтенда Читать дальше →
Подробнее
Предлагаем вашему вниманию подборку с ссылками на полезные ресурсы и интересные материалы из области фронтенда Читать дальше →
Подробнее
Прошлую свою статью я посветил описанию «велосипеда» (загрузчика и шаблонизатора в рамках «легкого» framework’а). Волею судеб, для пары проектов я был вынужден выделить шаблонизатор и сделать его standalone версию, обогатив при этом рядом новых возможностей. Именно об front-end шаблонизаторе и пойдет речь. Но чтобы сэкономить ваше время, прежде я обозначу тех, кому эта статья может быть интересной (ибо букв будет много): Вы front-end разработчик, и вам интересно использование…
Подробнее
Новые теги появившиеся в DataLife Engine 11 наконец-то позволили добавить худо-бедно поддержку якорей для перехода к конкретным комментариям внутри публикации. Думаю многие сталкивались с тем, что в DLE нет возможности перейти по прямой ссылке на нужный комментарий, по-умолчанию мы можем только пролистать до блока со всеми камментами, а уже там листать самостоятельно. Но есть возможность частично это исправить.
Подробнее
Прошли очередные полгода с последних новостей о TARS (раз и два), а значит настало время поделиться новинками. Как всегда напомню, что TARS — это основанный на Gulp сборщик фронтенда, который помогает фронтенд-разработчику или даже целой команде создавать проекты любой сложности. Мы продолжаем уверенное шествие по России и не только. TARS уже используют в Нидерландах, Японии, Китае, Украине, Польше и других странах. Это можно заметить и по количеству звёзд на github, и по числу участников
Подробнее![[Перевод] Варианты использования вертикальных медиа-запросов в css](https://habrastorage.org/files/1c5/0da/3e3/1c50da3e32964b16a061d386840879df.png)
Мало кто знает, что в глубинах CSS спецификаций, кроме привычных «горизонтальных» медиа запросов, например, max-width: 768px, существуют ещё и «вертикальные». Примеры их использования не так очевидны, поэтому я решил поделиться с Вами статьей, в которой я опишу несколько практических ситуаций, в которых без таких запросов не обойтись. Две недели назад, Sara Soueidan написала о «любви» к вертикальным медиа запросам, и тут я вспомнил, что и сам использовал их в некоторых проектах, и
Подробнее
Flexbox является стандартом CSS, оптимизированным для проектирования пользовательских интерфейсов. Используя различные свойства Flexbox мы можем построить нашу страницу из небольших блоков, которые затем с легкостью сможем перемещать и изменять размеры, как нам угодно. Адаптивные веб-сайты и приложения пользуются огромным спросом в нынешней веб-индустрии. В этой статье я хочу показать вам пять flexbox методов к решению проблем компоновки при верстке. Также я приведу практические примеры
Подробнее
Предлагаем вашему вниманию подборку с ссылками на полезные ресурсы, интересные материалы и IT-новости Читать дальше →
Подробнее
Работа фронтенд-разработчика наполнена задачами по оптимизации кода, переносу готовых фрагментов между версиями проектов и т.п., сложность которых зачастую определяется исторически сложившимся подходом к самой разработке. В своём докладе на конференции HolyJS, которая пройдет 5 июня в Санкт-Петербурге, фронтенд-разработчик Алексей Иванов расскажет, как объем этих проблем можно сократить отказом от привычного подхода, когда приложение состоит из разрозненных частей, в пользу «всё-в-JS». Мы же
Подробнее![[Перевод] Линтинг CSS с помощью stylelint](https://habrastorage.org/files/b5f/c22/396/b5fc22396232460ba966cfa330d8eb9e.png)
Перевод гостевого поста Дэвида Кларка на CSS-Tricks. Дэвид — один из создателей Stylelint — инструмента, позволяющего навести порядок в CSS. Он написал превосходное вступление о том, зачем нужно линтить CSS. Читать дальше →
Подробнее
Предлагаем вашему вниманию подборку с ссылками на полезные ресурсы, интересные материалы и IT-новости Читать дальше →
Подробнее