Бортовой журнал Ктулху

Posts Tagged 'html' [страница 1]

HTML виды полей ввода с примерами | HTML input types with examples

Here is a list of some common HTML input types along with examples:

 

Articles tagged

Read more...

Html текстовое поле с цифровым содержимым указанной длины - html input number maxlength

Если нужно текстовое поле (text input) только для цифр и с ограничениме длины строки, то есть хорошая и плохая новость.

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

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

Articles tagged

Read more...

Высота iframe в зависимости от содержимого

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

Articles tagged

Read more...

Шпаргалка по jQuery - скрыть элемент div по клику извне

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

Articles tagged

Read more...

Примеры работы с jQuery Validate

Если у вас есть некая html-форма и вам необходимо валидировать в ней поля перед отправкой, самый простой способ - использовать jQuery Validate и не писать свой велосипед.

Articles tagged

Read more...

Поле ввода с тегами (input tags) на jQuery и Bootstrap

Поле ввода в виде тегов, которые можно добавлять и удалять. Нет смысла подробно это описывать, кому нужно - поймет.

Хотя в сети миллионы подобных примеров, мой прост и он работает=)

Articles tagged

Read more...

Аккордеон слайдер контента на Bootstrap

Баян аккордеон на Bootstrap.

Read more...

Всегда прибитый снизу футер

Очень полезный код. Такое решение будет работать во всех современных браузерах, включая Google Chrome и IE8.

Articles tagged

Read more...

Мета-теги html

С помощью метатегов веб-мастера могут предоставлять поисковым системам информацию о своих сайтах. Метатеги можно использовать для предоставления сведений самым разным клиентам, и каждая система обрабатывает метатеги только заданного формата, игнорируя остальные. Метатеги добавляются к разделу <head>Метатеги добавляются к разделу <head> вашей страницы HTML и обычно выглядят следующим образом:

Articles tagged

Read more...

Использование MPEG4 вместо GIF при воспроизведении анимационных картинок

Нажимая на воспроизведение анимированого изображения на сайте (фб, твиттер, вк  т.д.) в консоли браузера можно увидеть что запускается воспроизведение видеофайла. 

Read more...