Полноэкранное слайд-шоу с эффектом разреза на CSS3 и jQuery

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

Продолжить

Как создать CSS3 аккордеон изображений

В этом учебном руководстве мы создадим CSS аккордеон с изображениями, который разворачивает элементы по щелчку. При помощи селекторов и вложенной структуры мы можем управлять отображением элементов/слайдов с помощью переключателей.

Продолжить

Эффект согнутого угла на CSS3

На этот раз мы расскажем как создавать страницу с согнутым углом.
При помощи псевдо-элементов, мы создадим CSS треугольники, которые мы можем разместить на место углов страницы. После всего, вы сможете просто применить этот класс к любому из углов.

Продолжить

Как создать слайдер на CSS3 и jQuery

В этой статье мы создадим слайдер с помощью бибилиотеки Nivo Slider jQuery Script и CSS3. Nivo Slider jQuery Script - мощный инструмент, который доступен для каждого разработчика. Этот скрипт имеет 16 различных переходов. Вы можете использовать его где угодно и для любого вида проекта, включая личные и коммерческие веб-сайты и темы, которые Вы создаете.

Продолжить

Разработка уникальной игры-портфолио на CSS / JS

Портфолио - крайне необходимая вещь для каждого дизайнера и разработчика. Разработать уникальное портфолио можно при помощи HTML, CSS и JavaScript. В этой статье я покажу вам, как я создал 2D веб-игру для своего портфолио.

Продолжить

Как создать современный lightbox на CSS3 и JavaScript

На сегодняшний день, lightbox по прежнему остается излюбленным способом показа изображений для пользователя. Это прежде всего, связано с его 3D-анимаций и затемнённым фоном, который позволяет пользователю просматривать изображения не отвлекаясь на посторонние детали.

Продолжить

Адаптивный макет для сайта на HTML и CSS

Вы наверняка замечали, что иногда бывает довольно трудно регулировать ширину сайта, чтобы он нормально отображался на всех устройствах (от небольшого разрешения мобильных устройств, до персональных компьютеров с высоким разрешением). Я думаю что многие сталкивались с этой проблемой. Для решения данной проблемы, поможет свойство - fluid (или liquid). Я подготовил несколько адаптивных макетов, все эти макеты имеют несколько столбцов с некоторым содержанием. И в качестве небольшого бонуса - вы сможете переключаться между раскладками на лету (без перезагрузки страницы) с использованием CSS3.

Продолжить

Вход

Уважаемый пользователь! Мы обнаружили, что вы используете AdBlock и вынуждены скрыть часть материалов на нашем сайте. Siteacademy существует и развивается за счет доходов от рекламы. Просим внести наш сайт в список исключений или отключить Блокировщик рекламы на нашем сайте.