Lecaw

Учимся создавать Web-сайты

В последнее время нам часто стали задавать вопрос – как загрузить фотографии на веб-сайт. Мне кажется, что это интересный вопрос, и я решил поэкспериментировать с этим. Я думаю, что просто загрузка файлов это скучная тема, поэтому я решил добавить интересную опцию – Обрезка. Кроме того мы будем использовать HTML5 FileReader, чтобы выполнить обрезку будем использовать - Jcrop (jquery библиотека) на стороне клиента. В результате – мы должны получить процесс с 3 шагами: выбор файла, обрезка, загрузка. Во время выбора файла мы проверим тип файла и размер (чтобы избежать огромных файлов). Когда все будет готово и мы загрузили обрезанное изображение – мы переходим к этапу загрузки (в определенную папку сайта). Обратите внимание, что библиотека GD обрабатывает изображения.

(44)
(0)

WINDY - jQuery плагин, который позволяет построить быструю навигацию через груду элементов, используя CSS 3D transforms и transitions. Эффект непрерывного потока навигации напоминает о колоде карт или пачке листов, отсюда его имя. Эта идея вдохновлена примерами программ построения CSS теней, как показано в Introducing CSS shaders: Cinematic effects for the web.

(94)
(0)

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

(117)
(0)
Страница 1 из 10