Список записей с тегом: HTML, страница 2

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

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

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

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

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

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

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

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

Кнопка "Наверх" на сайт с функцией возврата

Кнопка наверх/вниз - это один из важных инструментов на сайте, если на нем присутствует большое количество длинных страниц. При просмотре длинной статьи, пользователь легко сможет вернуться к началу статьи и обратно к месту где он остановился не используя при этом скролл или клавиатуру. Согласитесь это очень удобно.

Приступим к реализации кнопки "вверх/вниз" на сайте.

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

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

В шаблоне присутствуют все необходимые элементы, такие как: заголовки(H1, H2, H3, ...), списки, таблицы, формы, меню, иконки и т.д.. Верстака выполнена на высоком уровне, а также внедрены все необходимые js элементы.

Адаптивный HTML5 шаблон для CMS Вы можете скачать абсолютно бесплатно.

HTML5 адаптивный шаблон сайта "Agency"

Скачать бесплатно HTML5 адаптивный шаблон сайта Agency.

Yii Framework, AJAX авторизация во всплывающем (модальном) окне

Yii Framework. Простой пример AJAX авторизации в модальном окне с использованием bootstrap компонентов.

Малоизвестные параметры mailto

Используете mailto? Упростите пользователю задачу, заполните некоторые поля письма за него.

Многие знают, что для того что бы создать ссылку на адрес электронной почты в атрибуте href тега <a> вначале пишется ключевое слово mailto, затем через двоеточие желаемый почтовый адрес. Но мало кто знает, что mailto может принимать дополнительные GET параметры