jQuery

Меняем активный пункт меню при прокрутке страницы

Меняем активный пункт меню при прокрутке страницы

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

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

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

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

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

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

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

Стилизация Input File

Стилизация Input File

Есть куча способов изменить стандартное оформление Input File, но к сожалению, многие из них оказываются слишком громоздкими и зачастую не кроссбраузерными. Поэтому я решил поделиться с вами, наиболее оптимальным решением.

Masonry

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

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

animate.css

Animate.css в примерах

В данном уроке мы с вами познакомимся с очень интересным инструментом под названием animate.css. Это уже готовая CSS таблица стилей, которая в своем арсенале имеет свыше 50 различных эффектов и все эти эффекты реализованы на CSS3.

Полосатая таблица

Полосатая таблица

Очень часто, верстая таблицы, их приходится делать в виде «полосатых таблиц» — это когда цвет рядов чередуется друг за другом. Данный подход помогает представить табличный контент в более читабельном и наглядном виде. В данной статье мы научимся создавать такие таблицы.

Переключатель вкладок на jQuery

Переключатель вкладок на jQuery

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

Стилизация select на jQuery

Стилизация select на jQuery

Не так давно, мы с вами разбирали, как можно изменить внешний вид тега select с помощью обычного CSS. Но как показала практика, с помощью CSS можно лишь частично поменять его вид, если же вам требуется тотальное изменение дизайна тега select, то тут стоит применять jQuery. О том, как это легко можно реализовать, я расскажу в данном уроке.

bxSlider

Слайдер на jQuery

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

Наверх

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

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

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

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

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

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

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

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

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

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

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

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