Видеоуроки

Flexbox. Введение

Flexbox (флексбокс) — это новый модуль, который есть в CSS3, предназначенный для более эффективной верстки за счет гибкого расположения элементов, как по горизонтали, так и по вертикали. В этой серии уроков мы изучим базовые основы работы с данным модулем.

19
6 772
Подробнее

Высота div равная ширине на CSS

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

9
10 501
Подробнее

LivePage — автообновление страницы браузера во время верстки сайта

В процессе верстки сайта, верстальщику постоянно приходится бегать из редактора кода в браузер, чтобы посмотреть на результат и каждый раз приходится обновлять страницу. Аналогичные однотипные действия делаются сотни раз за целый рабочий день. Если вам надоедает подобная практика, то вы можете воспользоваться специальным дополнением для браузера, оно называется LivePage.

7
7 533
Подробнее

Koala — простая компиляция Sass

Сегодня мы познакомимся с одним из самых простых способов компиляции SASS. Для этого воспользуемся специальной программой под названием Koala. Она поможет буквально в два клика настроить автоматическую компиляцию наших SASS-файлов.

5
4 411
Подробнее

Чем отличаются элементы типа block, inline и inline-block?

В этом уроке мы с вами поговорим про самую базовую, но в то же время очень важную тему, посвященную разбору трех основных типов элементов, которые есть в HTML, это такие типы, как block, inline и inline-block. Здесь мы разберем отличие каждого типа друг от друга.

8
7 630
Подробнее

Меню со «скользящей» линией

В данном уроке мы научимся делать меню с двигающейся линией при наведении. Такое меню часто называют Magic Line или Sliding Line.

6
6 279
Подробнее

Анимированное увеличение чисел на jQuery

Анимированное увеличение чисел (далее счетчики) сейчас можно встретить на многих сайтах, ведь с их помощью можно отобразить числа в более интересной и привлекательно форме. Данный эффект выглядит, как плавное увеличение числа от 0 до какого-то конечного числа. Я уверен, что вы уже неоднократно встречали подобные счетчики. Как правило их применяют для вывода какой-либо статистики, например, общего количества пользователей, подписчиков, клиентов и т.д. В этом уроке я покажу, как такой счетчик вы можете установить на своем сайте.

12
37 008
Подробнее

Masonry — вывод блоков в виде кирпичной кладки

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

11
9 107
Подробнее

Как добавить таймер обратного отсчета

Я думаю, что вы уже неоднократно видели на многих сайтах таймеры обратного отсчета (countdown). Их активно применяют в тех случаях, если на сайте проходить какая-то акция или распродажа, либо если сайт закрыт на реконструкцию, то с помощью этого таймера, мы можем показать пользователю, сколько времени осталось до открытия. В общем, способов применения таймера обратного отсчета очень много. В данном уроке, мы с вами поговорим о том, как такой таймер установить на свой сайт.

4
1 924
Подробнее

Меняем внешний вид полосы прокрутки

Как вы знаете, в разных операционных системах, полосы прокрутки (скроллбары) имеют свой внешний вид и его никак нельзя изменить через CSS, по крайней мере кроссбраузерно. Но что делать, если вам требуется поменять внешний вид полосы прокрутки? В этом нам поможет jQuery плагин Nicescroll, с его помощью мы легко сможем стилизовать скроллбары. О том, как это сделать, смотрите в видеоуроке.

6
8 118
Подробнее
  • 1
  • 2
  • 3
  • 4
  • »
  • Страница 1 из 4