Потребовалось больше шести лет на то, чтобы CSS Grid был реализован во всех браузерах. На протяжении всей истории спецификации, она была переполнена противоречиями. В 2011… Подробнее »Flexbox и CSS Grid: разрушение мифов
Кнопка «гамбургер» стала своего рода стандартом для мобильных версий сайтов, по нажатию на которую, появляется или скрывается меню сайта. Но стандартная кнопка в bootstrap никак не изменяется при нажатии. Ниже находится сниппет, добавляющий популярную анимацию (превращение в крестик) для данной кнопки.Подробнее »Анимированная bootstrap кнопка меню «гамбургер»
Если несколько front-end разработчиков работают на одном проекте, это только вопрос времени, когда один из них станет писать код как ему придет на ум. И когда разработчики начинают работать со строками кода не придерживаясь определенного стиля написания, тогда и начинаются потери во времени, проблемы с пониманием написанного, споры.
Для урегулирования этих проблем существуют стайлгайды, придерживаясь которых, можно повысить ясность кода и облегчить дальнейшую поддержку проекта. Именно о стайлгайде работы с sass я и хочу поведать.Подробнее »Стайлгайд: синтаксис sass
Представьте себе ситуацию, когда Вы часами трудились над макетом, отшлифовали все элементы под все размеры экранов и вроде бы, в режиме отзывчивого дизайна во всех браузерах все нормально, но вот открываете сайт на телефоне и все выглядит не так, как Вы задумывали. Шрифты больше, анимации медленные, элементы формы сами на себя не похожи. И Вам приходится тратить драгоценное время на поиски в интернете решения проблемы. В данной статье я расскажу о часто встречаемых подводных камнях, знание которых, существенно сэкономит время при разработке.Подробнее »Распространенные ошибки Responsive Design
Как по мне, так один из самых изящных способов кастомизации radio и checkbox кнопок. Так как он абсолютно не требует javascript кода, а верстка выглядит максимально чистой и семантически правильной.
Подробнее »Используем Font Awesome для создания пользовательских radio и checkbox
CSS- сниппет для объявление кастомных кроссбраузерных анимаций, а также применение нескольких анимаций к одному элементу.
Есть множество способов реализации многоязычности сайта, но в данном посте я хочу написать про самый простой, но в то же время самым оригинальным способом решения данной задачи. А именно написание текста элементов в зависимости от языка силами одного лишь CSS. Сразу оговорю, что данным метод практичен разве что для интернационализации мелких элементов пользовательского интерфейса.