Html архив

Переменные в CSS

16-10-07 Css, Html CSS3 0

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

3 крутых эффекта для изображений на CSS3

15-05-07 Css, Html CSS3 2

Современные технологии позволяют создавать красивые интерактивные сайты, при этом большинство эффектов можно реализовать с помощью чистого CSS, особенно с новыми возможностями CSS3. Раньше для создания разных эффектов мы прибегали к помощи JavaScript, но благодаря распространению поддержки CSS3, нам не нужны скрипты для создания красивых эффектов. К сожалению, некоторые браузеры до сих пор не поддерживают CSS3 (IE9 […]

Использование локального хранилища в JavaScript

14-08-10 Html, JavaScript LocalStorage 0

Очень часто первым приложением на JavaScript бывает Todo-список, но проблема подобных приложений в том, что после обновления страницы все пункты списка пропадают. Простое решение этой проблемы — использование локально хранилища (Local Storage). Локальное хранилище позволяет хранить данные на машине пользователя и вы легко сможете загрузить список из него после обновления страницы. В этой статье мы […]

Использование технологии Drag and drop в HTML5

14-07-06 Html, JavaScript DragAndDrop 0

Долгое время для создания Drag&Drop интерфейсов использовались реализации на JavaScript, но браузеры не имели встроенной поддержки Drag&Drop. С приходом HTML5 современные браузеры позволяют легко создавать drag and drop интерфейсы. В этой статье мы рассмотрим основные принципы создания Drag&Drop интерфейсов.

Закладки на чистом CSS3

14-02-11 Css, Html Animation, Tabs 1

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

Делаем аудио плеер с помощью jQuery и jPlayer

14-02-11 Html, JavaScript Audio 16

Раньше, в начале 2000х, возможности воспроизведения аудио или видео контента онлаин, в браузере были сильно ограничены. Сегодня, благодаря новым возможностям HTML5 и тегу <audio> мы можем сами создавать аудио и видео плееры без каких-либо ограничений. Чем и займемся в этой статье 🙂

Выбор цвета на изображении с помощью HTML5 Canvas

13-03-26 Html, JavaScript Canvas, JavaScript 1

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

Создание фильтров изображений в стиле Instagram.

13-02-11 Html, JavaScript Canvas, jQuery 9

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

Интерактивная загрузка файлов на HTML5 и jQuery

12-10-30 Html, JavaScript HTML, jQuery 3

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