Contact Form 7 Autocomplete — для каких полей можно указать автозаполнение

Если вы недавно ставили на WordPress Contact Form 7, вы вероятно заметили, что в форме по умолчанию часть полей имеет значение autocomplete. Если у пользователя в настройках браузера сохранены его…

Длинный placeholder в виде анимированной бегущей строки в поле input средствами CSS

Placeholder (плейсхолдер) - атрибут поля ввода в HTML, позволяющий дать пользователю пояснение или подсказку о том, что в это поле следует вводить. Иногда такая подсказка может оказаться достаточно длинной, но…

Показываем пользователю флаг страны при посещении сайта

Рассмотрим небольшую практическую задачу: как показать пользователю флаг страны, в которой он находится, когда он заходит на ваш сайт? Для решения этой задачи понадобятся два сервиса: Flag Sprites и freegeoip.net, рассмотренный в…

Настройки встраивания YouTube видео. Расширенные настройки для эффективного встраивания

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

Вставляем в страницу responsive видео на Bootstrap

Twitter Bootstrap - отличный набор интсрументов, позволяющий с помощью набора стилей создавать сайты, автоматически подстраивающиеся под любой размер экрана. Ниже приведен способ, позволяющий пропорционально изменять размер видео, встраиваемого в страницу.…

Особенности CSS: Если внутренние отступы и границы увеличивают размер блока…

...значит вы еще не используете свойство Box-Sizing. В CSS внутренние отступы (padding) и границы (border) автоматически растягивали блок. Если у вашего блока задана ширина 100%, то с внутренними отступами она…

Jquery-плагин DataTables для лёгкого создания сортируемых таблиц

DataTables - это плагин для Javascript-библиотеки JQuery. Это гибкий инструмент, добавляющий расширенные возможности управления таблицами в html. Основные возможности плагина: постраничная разбивка с задаваемым количеством записей фильтрация "на лету" сортировка…

Произвольный вид поля file в html-форме, одинаковый во всех браузерах

Тег <input> является одним из разносторонних элементов формы и позволяет создавать разные элементы интерфейса и обеспечить взаимодействие с пользователем. Главным образом <input> предназначен для создания текстовых полей, различных кнопок, переключателей…

Свойство CSS3 transform

CSS3 и HTML5 развиваются всё быстрее и быстрее, браузеры начинают поддерживать всё больше новых фишек и плюшек. Одно из нововведений CSS3 - cвойство transform, которое применяет трансформацию к элементу (можно…