Переключатели стилей становятся все популярнее и популярнее. CSS-стили позволяют веб-дизайнерам без труда изменять внешний вид веб-сайта. Некоторые веб-сайты используют шаблоны «дня» и «ночи», которые сменяются в автоматическом режиме в соответствии с временем суток.

В сегодняшнем руководстве мы расскажем вам о том, создать собственный время-зависимый переключатель CSS-стилей при помощи PHP, который позволит нам менять шаблоны стилей в соответствии с текущим временем суток. Также, для того чтобы немного позабавиться, мы использовали jQuery UI.

Ввиду роста числа произведенных смартфонов за последние пару лет, и появления множества различных стандартов разрешения экранов, стало невозможно игнорировать пользователей, который просматривают веб-страницы посредсвтом мобильных устройств. Используют ли они устройство на платформе Android, Windows Mobile, BlackBerry или iPhone или пользуются планшетом с довольно большим экраном, каждый пользователь заслуживает уважительного отношения. Мы как дизайнеры должны обеспечить этим пользователям максимально удобное взаимодействие с веб-сайтами, каким бы устройством они ни пользовались.

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

Интерфейсы веб-сайтов с параллакс-скроллингом все больше набирают популярность. Нам не хотелось бы упускать из виду данную тенденцию, поэтому сегодня мы предлагаем вам демо-проект с использованием эффекта параллакс, разработанный при помощи jQuery и CSS.

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

В нашем сегодняшнем руководстве мы расскажем вам о том, как создать простенькие CSS3-анимированные вкладки посредством радио-кнопок, псевдо-класса :checked и смежных комбинаторов.

Google Calendar – это отличный инструмент, который можно встроить в собственный веб-сайт, и его чрезвычайно просто использовать посредством iframe. Перед тем как удариться в оформление календаря, давайте сначала быстренько научимся интегрировать его в любую область вашего сайта.

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

Сегодня мы подготовили для вас один интересный винтажный шаблон, выполненный в ретро-стиле. Шаблон раскрашен в очень приятные теплые оттенки. Мы уверены, что он понравится вам. А теперь давайте рассмотрим процесс его разработки.

Давайте попробуем несколько иначе взглянуть на адаптивный веб-дизайн. В данной статье мы обсудим то, каким образом можно ближе познакомиться с Веб, невзирая на наличие огромного слона, стоящего посреди комнаты. Познакомиться с тем, каким образом мы можем положиться на media queries и breakpoint’ы без учета устройств.

Навигационные меню в веб-дизайне должны быть максимально доступными и простыми. Можно просто создать неупорядоченный список, выстроить его по левому краю страницы и готово! Так как сегодня мы наблюдаем стремительное внедрение адаптивных дизайнов, разработчикам и дизайнерам приходится сталкиваться с новыми испытаниями.

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