Записи с метками Адаптивность

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

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

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