10 сен 2018
Lightbox галерея для сайта с Bootstrap
Lightbox галерея для сайта с Bootstrap

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

01 авг 2018
Чат-бот для сайта при помощи JS
Чат-бота для сайта при помощи JS

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

27 июн 2018
Проверка возраста при входе на сайт на jQuery
Проверка возраста при входе на сайт на jQuery

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



18 июн 2018
Анимация шапки сайта при помощи CSS3 и JS
Анимация шапки сайта при помощи CSS3 и JS

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

14 июн 2018
Превью постов сайта при помощи Flexbox и CSS3
Превью постов сайта при помощи Flexbox и CSS3

В данном уроке мы хотим показать как сделать превью постов сайта при помощи Flexbox и CSS3. Для примера у нас будет две карточки, которые будут полностью адаптивными, а также «живыми», ведь нам нужно, чтобы на них обратили внимание и кликнули. При наведении курсора карточка с постом будет оживать при помощи быстрой и красивой анимации. Давайте посмотрим как у нас это получилось.

02 июн 2018
Изображение с параллаксом на CSS3 для сайта
Изображение с параллаксом на CSS3 для сайта

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

21 мая 2018
Эффект параллакса для контента сайта на JS
Эффект параллакса для контента сайта на JS

В данном уроке мы рассмотрим достаточно красивый прием стилизации контента для вашего сайта с помощью эффекта параллакса. Для достижения такого эффекта мы будем использовать parallax Content.

16 дек 2017
Слайдер с эффектом параллакса на JS
Слайдер с эффектом параллакса на JS

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

15 дек 2017
Интерактивная заглушка для сайта на JS
Интерактивная заглушка для сайта на JS

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

27 ноя 2017
Screaming Frog SEO Spider v8.3 - технический анализ сайта
Screaming Frog SEO Spider v8.3 - технический анализ сайта

Screaming Frog SEO Spider v8.3 - можно сказать комбайн по поиску и устранению технических ошибок на сайте. Программа сканирует все ссылки на выбранном Вами сайте, выводит ключевые с точки зрения СЕО технические показатели всех найденных страниц, картинок, стилей и скриптов. Данные можно сортировать и фильтровать. Таким образом, можно быстро найти цепочки перенаправлений, 4xx и 5хх ошибки, дублированные и отсутствующие заголовки и мета-теги, обнаружить другие технические недочёты на веб-сайте, сгенерировать карту сайта.

>> <<