Прошло несколько лет с тех пор как был анонсирован первый черновик стандарта разметки web-страниц HTML5. И за это время создалось не так много сайтов на HTML5, хотя все современные браузеры уже поддерживают данный стандарт. По состоянию на декабрь 2011 года стандарт все еще находится в состоянии разработки.
В HTML5 добавляет много новых синтаксических особенностей – <video>, <audio>, <header> и <canvas>. Эти элементы разработаны для того, чтобы сделать проще внедрение и управление графическими и мультимедийными объектами в вебе без необходимости обращаться к собственным плагинам и API. Другие новые элементы, такие как <section>, <article>, <header> и <nav> разработаны для того, чтобы обогащать семантическое содержимое документа (страницы).
Подробнее
Проверка форм на заполненность нужных полей – одна из важных составляющих в работе сайта. Смысл проверки полей формы сводится к тому, что пользователь сразу на странице получает информацию о том, какие поля не заполнены, какие заполнены, но не правильно (e-mail, телефонные номера, url и пр.) Для таких случаев очень полезно использовать плагин jQuery Validation Plugin, который умеет проверять форму на корректность заполенных данных.
Особенностями jQuery Validation Plugin являются:
- проверка URL и E-mail;
- проверка кредитных карт;
- проверка максимальных и минимальных значений, диапазонов чисел, дат;
- поддержка удаленной проверки, используя AJAX;
- Автоматическое отображение ошибок.
Подробнее
Сегодня столкнулся с тем что, API функция getChildIds (выдает список id дочерних элементов на всю глубину вложенности) после обновления движка Modx Evolution с версии 1.0.2 до 1.0.5 перестала правильно выдавать количество строк. Перековыряв весь сниппет TvTagCloud, в котором проблема выявилась острее всего, оказалось, что все таки проблема в последней версии движка.
Подробнее
Символы чувствительны к регистру!
Каждый шрифт может отобразить символы по разному. В таблице показаны символы, которые точно будут отображаться для шрифтов Arial и Times. Остальное дело эксперимента.
| Символьный код |
Числовой код |
Вид |
Описание |
" |
" |
" |
двойная кавычка |
& |
& |
& |
амперсанд |
< |
< |
< |
знак 'меньше' |
> |
> |
> |
знак 'больше' |
| |
. |
. |
точка |
|
  |
|
неразрывный пробел |
© |
© |
© |
знак copyright |
· |
. |
· |
точка |
| Стрелки |
← |
← |
← |
стрелка влево |
↑ |
↑ |
↑ |
стрелка вверх |
→ |
→ |
→ |
стрелка вправо |
↓ |
↓ |
↓ |
стрелка вниз |
| Общая пунктуация |
– |
– |
– |
длинное тире |
— |
— |
– |
тире |
‘ |
‘ |
‘ |
левая одиночная кавычка |
’ |
’ |
’ |
правая одиночная кавычка |
“ |
“ |
“ |
левая двойная кавычка |
” |
” |
” |
правая двойная кавычка |
Подробнее
Сегодня при доработке одного сайта встала задача красивого вывода информации во всплывающем (модальном) окне. После недолгого поиска нашел небольшой плагин jqModal для jQuery, который позволяет делать то, что было нужно. Кроме того можно делать предупреждения, диалоговые окна, выводить другие страницы сайта в этом окне. Очень удобно делать быстрые формы заказов, формы обратной связи без переходов на другие страницы.
Подробнее
В своей работе при верстке веб-страниц все чаще для Internet Explorer 6 использую заглушку, предлагающую сменить данный браузер на какой-нибудь более современный(Firefox, Opera, Chrome, Safari), которые являются более безопасными и более скоростными.
Компании Google, социальная сеть Вконтакте постепенно уходят от IE6 и уже поставили заглушки с предложением пользователю перейти на более новые (современные) браузеры. 1 марта 2010 года разработчик этого браузера – компания Microsoft похоронила IE6.
Подробнее
Верстка – это процесс превращения графического макета картинки (обычно из psd-формата) в веб-страницу по определенным правилам. Другими словами – превращение картинки в специальный код (html-код), соблюдая оформление, экранное разрешение и требования браузеров.
Подробнее
Для чего нужна верстка или "кто такой дизайнер, верстальщик и программист"?
Вначале макет сайта (интернет-магазина, каталога, сайта-визитки, корпоративного сайта) рисует дизайнер, как правило, в графической программе – Photoshop.
После согласования макета с заказчиком, он (макет) передается специалисту, который превращает картинку в веб-страницу, используя html-теги и правила css. Подробнее
