Архив рубрики «HTML»

Viewport для мобильных устройств

05.03.2015

Если вы не очень разбираетесь в viewport и оптимизации сайта под мобильные устройства, либо у вас нет особых пожеланий — установите такой meta-тег у себя на сайте в разделе <head>…</head>:

<meta
name="viewport"
content="width=device-width,initial-scale=1,user-scalable=no"
/>

(далее…)

IE8 в режиме IE7

12.12.2013


<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />

(далее…)

IE10 не поддерживает условных комментариев (Conditional Comments)

03.12.2013

Разработчики Internet Explorer посчитали свой браузер в 10й версии таковым, который достаточно хорошо поддерживает стандарты и решили убрать возможность указывать стили только для IE10 с помощью условных комментариев (Conditional Comments).
(далее…)

HTML5: голосовой ввод текста одним атрибутом

14.10.2012

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

Применить такую возможность на своих сайтах очень просто.
(далее…)

Выпадающее меню по клику средствами CSS

27.05.2012

CSS позволяет реализовать выпадающее меню по клику без JavaScript. Сделать это можно c помощью CSS псевдоклассов :focus, :active, :hover и некоторых маленьких хитростей.
(далее…)

CSS: Выравниваение блока с неизвестной шириной по центру

24.05.2012

Общеизвестный прием при выравнивании DIV-а с известной шириной по центру заключается в том, чтобы задать выравниваемому блоку:

marin: 0 auto;

Но это совсем не работает в случае с блоком у которого неизвестна ширина.
(далее…)

HTML5: Кросбраузерная поддержка новых тегов

09.08.2011

В планах HTML5: сделать исходный код более семантичным, в следствии чего были созданы такие теги как <header />, <footer />, <article />, <nav />, <aside />, <section />, <hgroup />.
Но, использование их уже сейчас может вызвать затруднения, связанные с тем, что старые браузеры не знают таких тегов.
В этом посте мы рассмотрим как заставить все браузеры работать с новыми html5-тегами.
(далее…)

Определяем, установлен ли Flash Player

11.07.2011

Чтобы узнать доступен ли Flash-плеер в браузере пользователя, можно воспользоваться такой функцией:
(далее…)

CSS: Выпадающее меню средствами CSS без JavaScript

11.06.2011

Вещи, связанные с внешним оформлением, всегда лучше возлагать на плечи CSS по таким причинам:

  • мы освобождаем JavaScript от кода, не связанного с бизнес-логикой, чем делаем его понятнее и проще;
  • нативный функционал браузера обычно работают быстрее чем JavaScript;
  • пользуясь возможностями CSS, мы экономим своё время, потому что решаем поставленную задачу проще и быстрее;
  • невероятно, но факт: JavaScript может быть отключен в браузере :).

Надеюсь, что я смог вас убедить.
(далее…)

JavaScript: Получение изображения на клиенте с поля для выбора файлов

23.05.2011

Такая возможность может понадобится, если нам нужно использовать выбранное, но еще не загруженное на сервер, изображение. К примеру: мы ходим динамически создать превью подгружаемой фото, или отобразить картинку на канве для дальнейшей обработки.
(далее…)