Как создать форму загрузки на jQuery, CSS3, HTML5 и PHP

В этой статье мы создадим форму загрузки файлов. Нам понадобится Plupload API. Plupload позволяет загружать файлы с помощью HTML5 Gears, Silverlight, Flash, BrowserPlus, что обеспечивает ряд уникальных функций, таких как индикатор загрузки, изменение размера изображения и разбитие на несколько частей. Таким образом, мы можем создать очень мощную форму загрузки совместимой со всеми браузерами.

Продолжить

Google Places API – практика

Вы используете Google Maps? Я уверен, что да. Вы никогда не пробовали функцию "Поиск поблизости"? Мне нравится эта функция и сегодня я покажу вам, как вы можете реализовать данный скрипт на своем сайте. Мы будем использовать обычные Google карты, плюс дополнительные библиотеки - Places (Google Places API). После прочтения данной статьи вы сможете реализовать при помощи Google Places API - поиск адреса, объектов, а также настроить поиск с дополнительными параметрами: ключевое слово, тип и радиус.

Продолжить

Стильный jQuery прелоадер на SVG

Многие пользователи пренебрегают сайтами с медленной загрузкой. Мы расскажем как использовать SVG библиотеку Raphaël для создания красивого прелоадера, который будет удерживать внимание пользователей во время загрузки страниц.

Продолжить

HTML5 Эффекты изображений - HDR моделирование

Сегодня я хотел бы вернуться к нашим экспериментам с HTML5 Canvas. Подготовим хороший HDR (High Dynamic Range) фильтр для изображений. Мы будем использовать методику преобразование пикселей. У нас есть шесть различных изображений. Вы можете применить этот эффект несколько раз, чтобы получить более глубокий эффект.

Продолжить

Музыкальное выпадающее меню (HTML5 аудио)

Данная статья является лишь ознакомлением возможностей HTML аудио. Мы расскажем о создании музыкального выпадающего меню (HTML5 + CSS3). Это меню имеет эффекты CSS3 анимации (эффект при наведении мыши по элементам меню). Мы также использовали элементы HTML5 аудио для добавления музыки в это меню. Если вы готовы, тогда начнем.

Продолжить

Разрабатываем нижнее меню на HTML5. Часть 2

Это вторая часть курса "Разрабатываем нижнее меню на HTML5". Таким образом, веб-мастер сможет создать связь с помощью перетаскивания, а затем просто нажать на кнопку "Предварительный просмотр" , чтобы увидеть результат (так же присутствует возможность экспорта результатов). Я разместил все ссылки меню в отдельный PHP файл. В вашем случае это могут быть базы данных, если это крупный проект. Итак, давайте начнем.

Продолжить

Разрабатываем нижнее меню на HTML5

Поговорим про нижнюю навигацию. Я уверен, что вы видели её много раз (на различных сайтах). Как правило, это три-четыре колонны меню с различными ссылками. Сегодня я хотел бы показать вам, разработку, которую можно использовать для создания, нижнего меню. Главная цель этой статьи – приготовить статический код HTML (как кэш-файл) для встраивания в нижнюю часть сайта. Если вы заинтересованы в такой теме, то я расскажу вам о создании хорошего, удобного меню. Это руководство разделено на 2 части, сегодня я расскажу вам о первой части: пользовательский интерфейс с возможностью перетаскивания блоков.

Продолжить

Создание анимированного 3D Шара на CSS3

Сегодня мы разберем яркий пример того, как использовать CSS3. Создадим очень реалистичны 3D шар с использованием CSS анимации для того, чтобы придать шару "живой" эффект.

Продолжить

Создание анимированного 3D графика на CSS3

Все началось с небольшого эксперимента из учебника +Nettuts, который рассказывает, как встроить 3D-графики в HTML-страницы при помощи CSS, изображений и JavaScript. После прочтения урока я загорелся желанием превратить эту идею на одном лишь CSS и посмотреть, как далеко я могу её усовершенствовать. Первоначальная задача заключалась в создании классических полупрозрачных 3D блоков, с 6 сторонами. Наша задача состоит в том, чтобы создать 3D-график.

Продолжить

Слайдер прокрутки с эффектом CSS параллакса

Вы должно быть заметили, что в последнее время появилось много сайтов с эффектом CSS параллакса? В основном они устроены как, несколько слоев которые смещаются при помощи некоторого действия. И сегодня, мы применим этот эффект для вертикального слайдера. Мы не будем использовать JavaScript, только чистый CSS3.

Продолжить

Вход

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