Известно, что поле ввода является одной из грандиознейших дыр в системе безопасности. Поэтому приходится умерять пыл шалунишек, пытающихся ввести вместо числа скрипт. Или помогать тем, кто просто ошибся при вводе.
К сожалению, HTML не содержит весьма популярное числовое поле ввода со стрелками инкремента и декремента. Исправим это досадное упущение:
Разработка сайтов это та сфера, в которой необходимо постоянно следить за новинками. Необходимо всегда быть на гребне волны. Смена технологий происходит очень быстро и то, что популярно сейчас будет устаревшим через несколько лет.
Одна из таких новейших технологий - это HTML5 - новая версия базового языка для создания сайтов.
Сегодня мы создадим HTML5 шаблон для сайта используя новые возможности CSS3 и jQuery. Также при создании мы используем плагин scrollTo.
Великий конструкции воспользоваться типографии. The days of limited font choices and poor anti aliasing by browsers are long gone. Дней ограниченный выбор шрифта и бедными сглаживания браузерами, давно прошли. Here are four modern font implementation techniques as well their pros & cons, examples & resources. Вот четыре современных методов осуществления шрифта, а также их плюсы и минусы, примеры и ресурсов. All of which allow for proper semantic markup of content. Все это позволяет надлежащим образом семантической разметке содержания.
Давайте посмотрим, как сделать одновременно min-width и max-width в IE6.
Итак, задача. Как сделать одновременно min-width и max-width в IE6. Обычно, для использования отдельно только min-width или max-width, я использую expression. Многие конечно скажут, что экспрешены плохо, они не валидны, тормозят и так не очень быстрый браузер. Но зато это работает :) Но вот когда используешь уже 2 экспрешена для min-width и max-width, ие6 при ресайзе окна просто подвисает от большого напора вычислений. Так выручить наш может следующий скрипт, который реализует min-width и max-width для слоя:
Есть такой баг в ие6. Элеменет select всегда находится поверх всех слоев. И никакие position-ы c z-index-ами не помогут. Эта проблема особо мешает, когда нужно поверх select-а расположить какой-либо слой, например это может выпадать меню, или это может быть какое-либо модальное окно. Есть 2 пути решения этой проблемы (если знаете еще, пишите в комментариях).
Итак, суть бага состоит в следуещем. Пусть есть такой код:
Известно, что выровнить блок заданной ширины по центру по горизонтали можно с помощью свойства margin:0 auto. Но как поступить, если его еще надо выровнить по центру по вертикали.
На самом деле всё просто. Чтобы разместить по центру блок с заданной шириной и высотой, надо его абсолютно спозиционировать с left:50% и top:50% относительно экрана и отрицательным маргином сместить его назад на половину размера ширины и высоты дива.
Как вы знаете, чтобы выровнить блок по центру с фиксированной шириной, нужно написать свойство margin:0 auto. Но что делать, если ширина блока произвольная? Ответ вы сейчас узнаете.
Итак, чтобы выровнить блок произвольной ширины по центру по горизонтали, нужно сделать следующее:
Этот способ я подсмотрел на одном из генераторов темплейтов. И он мне показался очень интересным. Плюсы этого способа, что для реализации требуется меньшее количество div-ов, и при первом просмотре, этот способ ведет себя дружелюбно во всех популярных браузерах. Надо будет попробывать внедрять его на реальных проектах. Ну, собственно, начнем.
Данный пост основан на переводе интересной англоязычной статьи “10 Fixes That Solve IE6 Problems“. Информация, изложенная ниже, будет полезна как начинающим верстальщикам, там и бывалым. Зеленым цветом я пометил пункты, содержимое которых полностью совпадает с моей точкой зрения и подтверждено моей практикой. Букв много, не пугайтесь =)
Так исторически сложилось, что браузер Internet Explorer 6, выпущенный аж 7,5 лет назад, до сих пор не дает себя забыть, все еще, к сожалению для практически любого веб-разработчика, являясь одним из самых популярных веб-браузеров. К сожалению - потому что поддержка веб-стандартов в нем далеко отличается от его следующих версий, а также других современных браузеров.
В связи с этим одной из сложностей при переходе с табличной верстки на дивовую является наличие всевозможных багов, которые вылазят в IE6 при верстке.
