css

Анимированная bootstrap кнопка меню «гамбургер»

Кнопка «гамбургер» стала своего рода стандартом для мобильных версий сайтов, по нажатию на которую, появляется или скрывается меню сайта. Но стандартная кнопка в bootstrap никак не изменяется при нажатии. Ниже находится сниппет, добавляющий популярную анимацию (превращение в крестик) для данной кнопки.Подробнее »Анимированная bootstrap кнопка меню «гамбургер»

Стайлгайд: синтаксис sass

Если несколько front-end разработчиков работают на одном проекте, это только вопрос времени, когда один из них станет писать код как ему придет на ум. И когда разработчики начинают работать со строками кода не придерживаясь определенного стиля написания, тогда и начинаются потери во времени, проблемы с пониманием написанного, споры.

Для урегулирования этих проблем существуют стайлгайды, придерживаясь которых, можно повысить ясность кода и облегчить дальнейшую поддержку проекта. Именно о стайлгайде работы с sass я и хочу поведать.Подробнее »Стайлгайд: синтаксис sass

Распространенные ошибки Responsive Design

Представьте себе ситуацию, когда Вы часами трудились над макетом, отшлифовали все элементы под все размеры экранов и вроде бы, в режиме отзывчивого дизайна во всех браузерах все нормально, но вот открываете сайт на телефоне и все выглядит не так, как Вы задумывали. Шрифты больше, анимации медленные, элементы формы сами на себя не похожи. И Вам приходится тратить драгоценное время на поиски в интернете решения проблемы. В данной статье я расскажу о часто встречаемых подводных камнях, знание которых, существенно сэкономит время при разработке.Подробнее »Распространенные ошибки Responsive Design

Используем Font Awesome для создания пользовательских radio и checkbox

Как по мне, так один из самых изящных способов кастомизации radio и checkbox кнопок. Так как он абсолютно не требует javascript кода, а верстка выглядит максимально чистой и семантически правильной.

Подробнее »Используем Font Awesome для создания пользовательских radio и checkbox

Мультиязычность силами CSS

Есть множество способов реализации многоязычности сайта, но в данном посте я хочу написать про самый простой, но в то же время самым оригинальным способом решения данной задачи. А именно написание текста элементов в зависимости от языка силами одного лишь CSS. Сразу оговорю, что данным метод практичен разве что для интернационализации мелких элементов пользовательского интерфейса.

Подробнее »Мультиязычность силами CSS