бесплатные уроки

Подписаться на эту метку по RSS

Отличный адаптивый слайдер для сайта.

Отличный адаптивый слайдер для сайта.

Слайдеры всякие нужны, слайдеры всякие важны. Особенно, если применять их с умом.

Привет друзья! Сегодня я хочу подарить вам 3 видео урока, в которых мы познакомимся с замечательным скриптом Slick.js

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

Далее...

Красивые анимированные кнопки для сайта на css (видеоурок)

Красивые анимированные кнопки для сайта на css (видеоурок)

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

И урок этот будет о том, как установить на свой сайт красивые анимированные кнопки с помощью CSS с "пузырьковым" эффектом.

Причем эти кнопки можно устанавливать не только на MaxSite, но на любой и даже статический сайт.

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

У кнопок может варьироваться размер (большие, средние и маленькие кнопки) и цвет (синий, зеленый, оранжевый и серый).

Эффект движущихся пузырьков достигается за счет позиционирования с четырех разных сторон одного и того же фона одной и той же кнопки при наведении. Все это делается с помощью свойства transition. raspberry

Ладно, не буду вдаваться в подробности. Нам с вами не нужно так глубоко в это окунаться, это сделал за нас тот, кто создал эти кнопки.

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

Далее...

Как разместить форму поиска в шапке сайта?

Как разместить форму поиска в шапке сайта?

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

И еще лучше, чтобы саму эту форму поиска не пришлось искать посетителю в сайдбаре или еще где-нибудь, чтобы она всегда была на самом видном месте, то есть в шапке сайта.

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

Далее...