У CSS есть замечательное свойство text-overflow со значением ellipsis которое позволяет ограничивать длину текста добавляя три точки если текст не помещается полностью. Это позволяет добиться эстетичного эффекта и не ломать дизайн.
Но иногда бывает, что это свойство не срабатывает как бы на хотелось.
В чем же может быть причина?
(далее…)
Архив рубрики «HTML5 + CSS3»
CSS: Почему ограничение длины текста с троеточием (text-overflow: ellipsis) может не работать корректно
05.07.2013HTML5, JavaScript: Динамическая подмена URL без перезагрузки страницы
03.12.2012HTML5 предусматривает возможность динамической подмены адреса страниц без их перезагрузки с помощью JavaScript. Это может быть необходимо для корректного отслеживания состояния динамических страниц.
(далее…)
HTML5: голосовой ввод текста одним атрибутом
14.10.2012Должно быть вы уже не раз встречали поля для ввода текста с иконкой микрофончика, нажав на которую можно надиктовать текст в микрофон для его распознания и ввода.
Применить такую возможность на своих сайтах очень просто.
(далее…)
HTML5: Кросбраузерная поддержка новых тегов
09.08.2011В планах HTML5: сделать исходный код более семантичным, в следствии чего были созданы такие теги как <header />, <footer />, <article />, <nav />, <aside />, <section />, <hgroup />.
Но, использование их уже сейчас может вызвать затруднения, связанные с тем, что старые браузеры не знают таких тегов.
В этом посте мы рассмотрим как заставить все браузеры работать с новыми html5-тегами.
(далее…)
О WebSocket-ах на примере реализации чата мгновенных сообщений с помощью node.JS
02.07.2011Цель этой статьи — на простом примере ознакомится с новым, еще непривычным, подходом в организации взаимодействия веб-приложений с сервером. В качестве «Hello World»-приложения для этой технологии нам отлично послужит чат. В статье будет продемонстрирована реализация серверной и клиентской частей приложения, чтобы лучше понимать как они взаимодействуют.
(далее…)
JavaScript: Получение изображения на клиенте с поля для выбора файлов
23.05.2011Такая возможность может понадобится, если нам нужно использовать выбранное, но еще не загруженное на сервер, изображение. К примеру: мы ходим динамически создать превью подгружаемой фото, или отобразить картинку на канве для дальнейшей обработки.
(далее…)
Определяем, сглаживаются ли шрифты
20.05.2011Порой, несглаженные шрифты (not smoothed fonts) являются очень плохо-читаемыми и хотелось бы иметь возможность управления этой ситуацией. К примеру, если бы мы могли определить сглаживаются ли шрифты, то мы бы смогли изменять свойства шрифтов, делая их более читабельными.
(далее…)
Веб-формы: размер и тип подгружаемого файла
12.04.2011Часто возникает необходимость проверить размер и тип, подгружаемого пользователем, файла с помощью веб-формы. Допустим, мы не хотим отправлять 100Mb на сервер, чтобы потом просто сообщить, что файл не того формата или слишком много весит.
(далее…)
HTML5: Отлавливаем изменение hash-данных
07.04.2011HTML5 предусматривает новое событие hashchange, которое срабатывает при изменении хеш-данных.
(далее…)
HTML: Какой DOCTYPE использовать?
04.02.2011Многие начинающие верстальщики задаются таким вопросом.
Используйте всегда доктайп для HTML5:
<!DOCTYPE HTML>