В этом разделе представлены видеоуроки по сайтостроению и техническим особенностям онлайн бизнеса. В них я простым языком раскрываю все эти темы.

Каждый месяц выходит по несколько новых видеоуроков. Поэтому чтобы не пропустить ни одного урока, подпишитесь на нашу рассылку!

Видеоуроки

Flexbox. Введение

Flexbox. Введение

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

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

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

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

livepage

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Masonry

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

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

Таймер обратного отсчета

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

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

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

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

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

Наверх

Скачивание материалов доступно
только подписчикам!

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

Подписка бесплатная и займет у вас
не более 1 минуты

Получение доступа к материалам

Для получения доступа, заполните форму ниже. Введите свое настоящее имя и e-mail

« Вернуться назад

Проверьте свой почтовый ящик

и подтвердите подписку

После этого вы сразу же получите доступ ко всем материалам этого блога

Введите e-mail, который вы указывали при подписке

Мы проверим его по базе подписчиков и если вы на самом деле подписывались, то доступ для вас сново будет открыт

« Вернуться назад