Все для веб-дизайнера
Lightbox галерея для сайта с Bootstrap
7 Сен
Думаю вы знаете, что пользователю нужна свобода действий на сайте, иногда возникает жаление рассмотреть изображения на сайте более детально, для этого прибегают к эффекту lightbox, сегодня я хочу вам рассказать как создать замечательную и легкую lightbox галерея для сайта с Bootstrap, если вы уже здесь, то вы знаете, что такое Bootstrap и для чего он нужен, но все же для понимания Bootstrap — это свободный набор инструментов для создания сайтов и веб-приложений, благодаря ему мы сегодня и создадим lightbox галерею.
Маст хэв шаблоны и плагины для Elementor’а
6 Сен
Вы уже открыли для себя все прелести WordPress и во всю пользуетесь возможностями этого замечательной CMS? Современные технологии позволяют создать отличный сайт с нуля за считанные дни. А что если эту работу можно проделать в разы удобней, быстрей и эффективней? Пользователям WordPress доступен мощный и удобный инструмент для построения страниц — Elementor. Сегодня мы бы хотели поговорить о нем, и привести в пример маст хэв шаблоны и плагины для Элементора которые нельзя упускать и стоит обязательно пощупать.
Красивый эффект при наведении на картинку
5 Сен
Ховер эффекты позволяют отобразить дополнительную информацию на изображениях когда пользователь наводит курсор мыши. Это удобно и привлекательно, также помогает визуально разгрузить сайт. Сегодня мы хотим показать как создать красивый hover-эффект для изображений при наведении курсора мыши с помощи CSS3. При наведении курсора мыши на изображение будет происходить анимация и плавное появление рамки на изображениях с текстовыми полями, благодаря плавности эффект выглядит очень интересно и в то же время просто.
Автоматический scroll текста на сайте на jQuery
4 Сен
Иногда необходима возможность реализовать прокрутку блоков с текстом, чтобы визуально предоставить информацию для посетителя. Сегодня мы хотим рассказать, как создать автоматический scroll текста на сайте при помощи jQuery и CSS3. Быстрый, эффективный вертикальный скроллер текста, который автоматически прокручивает группу абзацев с эффектами масштабирования и затухания на основе анимации CSS3. Если вы хотите реализовать на своем сайте анимированное отображение заголовков, то это отличный вариант их реализации.
3D карусель с параллаксом при помощи GSAP
3 Сен
Начнем неделю с нечто приятного и необычного, все вы, наверняка, любите эффект параллакса, по этому мы бы сегодня хотели рассказать о нем, и о том, как создать замечательную 3D карусель с параллаксом при помощи GSAP. Возможно кто-то не знает, что такое GSAP, так вот, GSAP или его полное название GreenSock (GreenSock Animation Platform), суперэффективный, профессиональный класс анимации HTML5. GSAP имеет слишком много функций, и сегодня одна из них ляжет в основу нашей карусели которая будет полноэкранной.
Объемная галерея картин для сайта при помощи JS
2 Сен
Галерея изображений это всегда интересно, я люблю вещи глазами, чтобы полюбить какой-то ресурс мне достаточно просто взглянуть на него и становится с первых секунд понятно, будет нравится тебе этот сайт или нет. Думаю я не одинок в таком подходе, так вот, мы говорили о галерее ее реализации на сайте. Ранее мы уже рассказывали о картине-галерее, где вы получаете опыт и чувство посетителя в реальной галерее. Сегодня воскресенье, а как вы знаете, по нашей небольшой традиции мы каждое воскресенье показываем вам замечательные анимации и интересные задумки.
