Все для веб-дизайнера
Архивы за Ноябрь, 2017
Профессиональный бандл для веб-разработчиков
30 Ноя
Разрабатывая сайт дизайнеру необходимо иметь под рукой ряд заготовок, чтобы ускорить процесс разработки и добиться желаемых результатов, иногда мы тоже прибегаем к покупке специальных бандлов, которые содержат все необходимые элементы для нас и упрощают нам процесс создания нового дизайна. Сегодня мы хотели поделиться с Вами одним замечательным бандлом который просто нельзя пропустить потому что мы и сами собираемся его брать, речь идет о профессиональном, эксклюзивном бандле для веб-разработчиков.
Cоздание вертикального выпадающего меню CSS3
29 Ноя
К нам часто обращаются за помощью в создании вертикального выпадающего меню для сайта, мы уже не раз выкладывали подобные уроки и сегодня мы хотим рассказать о создании такого меню. Такие меню, или как их называют еще,- аккордеоны, очень удобны для размещения и группировки множества информации, экономия места и практичность выводит такой вид навигации. Для создании такого аккордеона нам понадобиться немного CSS, а также мы добавили jQuery, для отображения плавной анимации при переходе между вкладками.
3D слайдер для сайта с помощью Page Scroll 3D
28 Ноя
В данном уроке мы хотим рассмотреть замечательный пример создания объемного слайдера. Page Scroll 3D — это фантастический плагин jQuery для создания анимированного полноэкранного вертикального слайдера страницы, где ваши пользователи смогут прокручивать страницы с помощью эффекта вращения 3D-куба. Все это смотрится впечатляющее, так как пользователь ощущает страницу объемной, а плавный переход создает иллюзию объемности на странице. Навигация доступна для пользователя как с помощью скролла мыши, так и навигационной панели.
Как создать слайдер с эффектом параллакса на JS
26 Ноя
Тема параллакса и слайдеров с эффектом параллакса для веб-разработчиков актуальна как никогда. Все больше заказчиков хотят видеть данный эффект у себя на сайте, по этому, чтобы не повторяться, разработчикам приходится прибегать к различным хитростям, чтобы выделить свой проект среди ряда серой массы. В данном уроке мы хотим рассказать, как сделать замечательный слайдер с эффектом параллакса с помощью JavaScript и CSS. Кроме этого слайдер будет оснащен индикатором навигации и состояния, а также превью изображений.
Как создать карточную сетку на Flexbox и CSS Grid
21 Ноя
В последнее время использование карточного шаблона стало весьма популярным среди разработчиков, но не все функции CSS могут нам помочь в реализации данного приема, по этому нам понадобиться Flexbox и CSS Grid. Благодаря их свойствам мы сможем реализовать замечательную карточную сетку, которая будет адаптивная и трансформироваться с плавной анимацией. Все это выглядит очень привлекательным для посетителя, никаких резких анимаций и странных переходов. Очень удобно для предварительного осмотра постов.
LazyLoad появление изображений при скроллинге
18 Ноя
Оформления страницы с текстом в основном не вызывает трудностей для веб-разработчиков, но иногда нужно прибегнуть к методам оживления страницы и привлечения внимания посетителей к изображениям на сайте, в данном уроке этим мы и планируем заняться. Мы хотим реализовать анимированое появления изображений при скроллинге страницы, в данном случае, чтобы они подлетали к указанному месту в тексте с плавной анимацией. Когда пользователь прокручивает страницу картинки с анимацией будут становиться на свои места.
Абстрактный фон для сайта с помощью WebGL
16 Ноя
Мы продолжаем развивать и внедрять идею красивых фонов для сайтов и в сегодняшнем уроке мы рассмотрим замечательный пример реализации абстрактного фона при помощи webGL. Идея состоит в построении сетки из многогранников, которые будут двигаться в бесконечном цикле, при этом постепенно изменяя угол, вращение, цветовую палитру, что будет создавать эффект метаморфозов, кроме этого сам по себе фон интерактивный и реагирует на передвижение курсора, что делает его оживленным и не скучным. На такой фон наверняка обратят внимание Ваши посетители.
Загрузка ...