Видеоуроки

Изучаем JavaScript за 90 минут

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

2
764
Подробнее

Flexbox. Введение

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

22
7 922
Подробнее

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

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

13
12 444
Подробнее

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

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

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

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

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

5
5 164
Подробнее

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

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

8
8 737
Подробнее

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

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

8
6 607
Подробнее

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

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

12
41 729
Подробнее

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

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

14
10 017
Подробнее

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

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

5
2 048
Подробнее
  • 1
  • 2
  • 3
  • 4
  • »
  • Страница 1 из 4