Список записей с тегом: HTML5

Вывод превью изображений перед загрузкой с помощью JavaScript и HTML5 FileReader()

Вывод превью изображения перед загрузкой очень удобная и полезная функция на сайте. В этой статье речь пойдет о выводе превью изображения перед загрузкой с помощью HTML 5 и JavaScript. Данная реализация будет работать во всех браузерах, которые поддерживают HTML5 File API.

Material Admin. Адаптивный шаблон для панели администрирования в стиле Material Design

Этот отличный продукт имеет большой список виджетов, анимации дизайна, плагинов JQuery и элементов пользовательского интерфейса в стиле material design.

Material Admin отлично будет работать на любом устройстве, браузере или операционной системы. Это один из лучших интуитивно понятных шаблонов.

Gentellela Admin. Адаптивный HTML шаблон для CMS на основе Bootstrap

Gentellela Admin - это адаптивный шаблон основанный на Bootstrap 3 и jQuery. Шаблон содержит все необходимые элементы для комфортного внедрения и работы с ним.

Шаблон распространяется по лицензии MIT, что дает вам возможность копировать, изменять, публиковать, распространять и сублицензировать данный шаблон, но при этом указывать автора проекта (Colorlib).

JANUX. Адаптивный HTML шаблон для CMS

JANUX - это многоцелевой шаблон основанный на Twitter Bootstrap 3.1 Framework.

JANUX может быть использован для любого типа веб-приложений: панель администратора, бэкэнд интернет магазина, CMS, CRM, SAAS, корпоративный сайт, портфолио, блог да в принципе все на что у вас хватит фантазии.

JANUX имеет огромную коллекцию плагинов и компонентов пользовательского интерфейса и работает без проблем на всех основных веб-браузерах, планшетах и телефонах. JANUX имеет чистый, интуитивно понятный и сбалансированный дизайн, который сделает ваш проект удобным, красивым и дружественным к пользователю.

Красивая анимация для иконки меню

Очень интересный эффект для иконки меню. Изначально иконка меню имеет классический вид "гамбургер", при нажатии на иконку он становиться крестиком при этом используется эффект анимации "ниндзя" при превращении иконки. Анимация повторяется в обратном порядке при нажатии на крестик (значок закрытия), которая превращает его в исходную иконку и закрывает меню.

Адаптивный HTML шаблон для CMS (adminLTE v2.3.2)

Красивый и качественный адаптивный HTML5 шаблон для Вашей CMS. В шаблоне присутствуют все необходимые элементы.

Шаблон основан на фреймворке Bootstrap 3, легок в использовании и настройке.

jQuery, новогодняя гирлянда на сайт

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

JavaScript, реализация предпросмотра загружаемого изображения

Достаточно часто необходимо вывести превью загружаемого изображения, так как стандартное поле типа file не дает представление пользователю о том как будет выглядеть изображение после загрузки. Единственным напоминанием о том какое изображение было выбрано, является его имя на компьютере, что не очень удобно.

Хочу поделиться своим способом решения данной задачи.

Bootstrap 3. Добавляем иконки и кнопки социальных сетей

Кнопки с иконками социальных сетей на основе Bootstrap и шрифта Awesome

Input file. Упрощаем пользователю выбор файла для загрузки на сервер

Довольно часто в html формах присутствует поле типа file (<input type="file" name="file">). Чаще всего это поля предназначено для загрузки определенного типа файлов, например изображений, архивов или документов (doc, docx, xls, xlsx, pdf, ...). Но при выборе файла с компьютера пользователь видит все доступные ему файлы как нужного типа так и нет.

Для упрощения этого процесса мы можем установить фильтр на типы файлов для поля, что существенно ускорит поиск необходимого файла для пользователя.