Спонсор месяца:
Сайт о CSS и верстке сайтов

Ресурс noupe.com опубликовал интересную подборку CSS трюков, в которой рассказывается более чем о 20 способах решения различных проблем и багов при верстке сайта с помошью CSS. Это первая часть из серии о CSS-трюках, поэтому я буду следить за обновлениями и переводить для вас самые интересные и актуальные решения.

Баги IE
1. Двойной внешний отступ элемента (IE Double Margin Float Bug) – у блочного элемента с прописанными правилами margin и float в IE наблюдается интересный баг: значение отступа margin увеличивается в 2 раза.

BUGFIX: Пропишите …

Если вы еще не работали с FireBug, то эта статья непременно для вас.
FireBug – один из аддонов браузера Firefox, который просто необходим для работы вебмастеру, и я могу гарантировать, что используя FireBug, вы намного упростите разработку и тестирование веб-сайтов.

Спонсор статьи: Сервисный центр Стаханов предлагает ремонт ноутбуков и ремонт мониторов по доступным ценам.

Хотите стать спонсором?

 Ниже приведен перевод статьи от Trevor Davis: Input vs. Button
www.trevordavis.net
Прежде чем делать дизайн кнопок форм в виде изображений, стоит подумать все же о реализации этой затеи только с помощью CSS. В противном случае, представьте, сколько картинок для кнопок вам придется прописывать в коде. Думаете не много? Тогда посмотрим, с какими еще проблемами вы можете столкнуться, и как мы их будем решать.
Есть несколько вариантов решения нашей задачи:
1. Использовать <input type="submit" /> и технику замены картинки текстом.
2. Использовать <input type="image" /> и прописывать для каждой кнопки соответствующий путь к изображению.
3. …

Использование CSS при разработке сайта поможет сэкономить массу времени и избежать лишнего кода в документе. Однако, мы часто перегружаем сам CSS файл лишним кодом, забывая о возможности писать правила сокращенно, о комбинировании селекторов и использовании потомков селекторов вместо прописывания отдельного класса.
Существует 6 CSS свойств, правила для которых можно писать сокращенно, (т.е. в одну строку, а не в отдельности для каждого подвида свойства) это: margin, padding, border, background, list-style, font. 

Toolbox CSS
Toolbox CSS – набор готовых CSS стилей, которые можно использовать при разработке сайта. Этот набор является дополнительным к вашему основному файлу стилей и не обязывает к однозначному использованию как фреймворк.
Например, вам нужно сделать привязку элемента по левому краю. Для этого вы можете использовать класс .floatLeft. Для выделения сообщений с ошибками подойдет класс .error. Нужно добавить иконку к ссылке на e-mail? Используйте a[href^="mailto"]

Всех, кому понравилась моя тема для wp-блога “Perfect Tabs”, хочу порадовать обновлением :)
Изменения в версии 1.1:
- обновление стилей (поддержка IE6)
- все используемые JS скрипты и СSS файлы сжаты с помощью оптимизаторов
- обновление плагинов:

плагин AJAX comments заменен на WP Thread Comments, позволяющий отвечать на комментарий прямо под ответом автора комментария и уведомлять об ответе на e-mail, поэтому плагин AJAX comments нужно деактивировать при обновлении темы. Для WP Thread Comments обязательно установите настройки, описанные в файле Readme.txt
добавлен плагин Subscribe To Comments – позволяет подписываться
на комментарии к статьям и получать уведомления о …

Ниже приведен перевод статьи от David Walsh : Advanced CSS Cursors – Increase Usability With A Pointer
Каждый браузер имеет свои собственные настройки CSS стилей по умолчанию, например: цвет ссылки (активной и посещенной), внутренние и внешние отступы, размер шрифта и тип курсора. Браузер отображает курсор в виде указателя (рука), когда пользователь навел на ссылку (текстовую или с изображением), тем самым давая понять, что данный элемент кликабелен. К таким кликабельным элементам также относятся:

Кнопки форм (имеющие тип button, submit и reset)
Элементы с событием "onclick"
Элемент Label
Элемент Select
Javascript "триггеры" (Mootools Accordians, например)

Становиться ясно, что мы можем с легостью управлять изменением вида курсора с помощью небольшого CSS кода, и тем самым, повысить юзабилити сайта. Однако, на практике, при неосторожном применении такой код может принести больше вреда, …