Category: CSS фишки

16
Окт
2019

Советы front-end разработчику

Первое мое общение с HTML и CSS было 10 лет назад, еще в школе, когда у меня только появился интернет, и я понял что тоже хочу делать странички, которые сможет увидеть весь мир. С тех пор у меня есть как минимум 5 полных лет опыта разработки сайтов по-взрослому. Сейчас я могу без лишней скромности сказать, что сверстал я уже пару сотен сайтов, большинство из которых, как ни странно, совершенно не совпадают с моими текущими требованиями к верстке.

16
Окт
2019

20 потрясающих CSS3 техник, библиотек и примеров

В этом списке мы собрали для вас лучшие ресурсы с примерами CSS3 техник, а также демо-сайты различных разработчиков, раскрывающие се богатство CSS.

25
Июл
2019

Добавление / удаление класса при наведении JS

Очень часто разработчикам нужно при наведении на элемент дописывать класс, что бы более гибко стилизовать какой то выпадающий элемент. Данный перемер будет работать во всех браузерах. Добавление / удаление класса при наведении также очень пригодится для iOS т.к. обычное css свойство hover там не работает. Также данный способ не только добавляет при наведении на элемент […]

Запись Добавление / удаление класса при наведении JS впервые появилась Di-Grand.

27
Мар
2019

Не работает анимация transform (display: none; в display: block;)

Очень часто верстальщики в своей практике используют свойство display: none; и меняют его по клику или ховеру на display: block;. В основном это используется для мобильных меню или блоков, которые открываются по клику. Все бы хорошо, но, если вы захотите анимировать такой блок через transform, вам это не удастся. Поэтому представляем вашему вниманию хак который […]

Запись Не работает анимация transform (display: none; в display: block;) впервые появилась Di-Grand.

07
Мар
2019

Горячие (быстрые) клавиши IDE PhpStorm

Горячие (быстрые ) клавиши PhpStorm — это в первую очередь экономия массы времени. Тем, кто начинает знакомство с многофункциональным редактором PhpStorm данная статья будет очень полезна. Она поможет вам быстро писать код.

26
Янв
2019

Как создать анимированную кнопку меню (гамбургер)

Существует множество мобильных меню, но не у всех реализована анимация самой кнопки. Суть в том, что бы когда человек нажимает на кнопку меню, у него не просто появлялся потом крестик (что бы закрыть его) а происходило это красиво. В общем смотрите демку, код анимации кнопки на меню See the Pen Menu "Hamburger" Icon Animations by […]

Запись Как создать анимированную кнопку меню (гамбургер) впервые появилась Di-Grand.