Книжка с пробниками на CSS и jQuery / CSS transform

В данном уроке мы создадим книжку с пробниками при помощи CSS transform и JavaScript. Сформируем структуру, в ней будет находиться набор пробников (панелей), при нажатии по которым, открывается нужная страница.

Продолжить

Адаптивный 3D макет из панелей на CSS и jQuery

В этой статье, мы покажем как создать адаптивный макет со слайдами. Каждая страница макета будет содержать до четырех панелей. При переходе по панелям мы анимируем разделительные рамки (сетку), корректируя размер панелей следующего слайда. У каждой панели будет определенный 3D эффект.

Продолжить

Полоса прокрутки на CSS как в Mac OSX Lion

Недавно, в комментариях под одной из статей, много дискутировали по поводу создания CSS полосы прокрутки как в Mac OSX Lion - минимальный темно-серый округленный прямоугольник, который появляется с края блока, только при наведении на контент. Мне кажется это интересная идея для проекта реализованного под операционные системы Mac OS или iOS. В этом уроке создадим такую полосу прокрутки, используя библиотеку jScrollPane.

Продолжить

Уведомления с CSS анимацией

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

Продолжить

Как создать видео загрузчик при помощи Node.js

Если вы когда-либо загружали видеофайл на сайт, то знаете это чувство когда загрузилось 90% и вы случайно обновляете страницу.

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

Продолжить

Эффект parallax jQuery на Stellar.js

В этой статье, рассмотрим современную тенденцию в веб-дизайне - использование эффекта параллакса на jQuery. Для достижения данного эффекта, мы воспользуемся библиотекой Stellar.js.

Продолжить

Создание анимированной фотостены на CSS

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

Продолжить

Фотогалерея с комментариями как в Facebook

Вы когда-нибудь задумывались о создании собственной фотогалереи в стиле Facebook с системой комментариев? Я думаю – да. Сегодня я покажу вам как воплотить эту идею в реальность. Основная идея – при нажатии на изображения – они открываются в окне (ajax), в котором слева находиться большое изображение, а справа раздел с комментариями. Все изображения находятся в базе данных (MYSQL). Для достижения результата, будем использовать PHP. Кроме того, для системы комментариев, установим ограничение - 1 комментарий в 10 минут (чтобы избежать спама).

Продолжить

YouTube API – Видео загрузчик

Сегодня я хотел бы поговорить о видео. Возможно, у некоторых из вас есть собственный сайт с видео, или вы хотите создать такой сайт, но в любом случае я думаю, что эта информация окажется для вас полезной. Как вы знаете, видео обычно означает, что нужно иметь много места на вашем хостинге. И это правда, если вы храните свои файлы на хостинге. Но для того, чтобы избежать всех этих трудностей, вы можете попробовать работать с отдельным видео хостингом, в качестве примера YouTube (или Vimeo). В данном уроке я расскажу вам, как создать прекрасный YouTube загрузчик для вашего сайта.

Продолжить

Вход

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