Jun 12

firefox.png
17 июня 2008 года выходит официальный релиз Firefox 3. В этот день мы можем помочь горячо любимому браузеру установить рекорд как самой загружаемой программе за 24 часа.
Присоединиться к сообществу пользователей Firefox и внести посильный вклад в установление мирового рекорда можно здесь: http://www.spreadfirefox.com/ru/worldrecord/

мая 16

Занимаясь непосредственно версткой сайтов, часто сталкиваюсь с тем, что многие разработчики не знают основных правил использования шрифтов для html страниц. Это приводит к тому, что во-первых сайт по-разному отображается в разных браузерах и на разных платформах. Во-вторых, неуместное применение нестандартных шрифтов снижает семантичность верстки (например, заголовки приходиться делать не текстом, а картинками) и ведет к утяжелению кода (из-за использования дополнительных скриптов и технологий, например, sIFR и т.д.).

Поэтому при разработке дизайна страниц необходимо всегда помнить и неукоснительно соблюдать следующие правила:

Читать дальше »

Apr 21

Задача: максимально упростить использование JavaScript-библиотеки jQuery при верстке сайтов в Dreamweaver.
Решение: для этого удобно установить специальное расширение для Dreamweaver, которое значительно упрощает и ускоряет процесс разработки скриптов на базе библиотеки jQuery

Скачать расширение

Jan 08

Проблема: подключать разные таблицы стилей в зависимости от браузера (версии браузера).
Решение: используем условные коментарии (conditional comments)

HTML:
  1. <!--[if IE]>
  2. Код для IE 5+
  3. <![endif]-->
  4.  
  5. <![if !IE]>
  6. Код для всех браузеров, кроме IE
  7. <![endif]>
  8.  
  9. <!--[if IE 5.5000]>
  10. Код для IE версии 5.5
  11. <![endif]-->
  12.  
  13. <!--[if IE 6]>
  14. Код для IE версии 6
  15. <![endif]-->

Операторы:
! - оператор логического отрицания "НЕ"
lt - оператор "младше чем"
lte - оператор "младше чем или равен"
gt - оператор "старше чем"
gte - оператор "старше чем или равен"

Dec 18

Проблема: необходимо применить стиль style_01 только в браузере Opera.
Решение: для этого используем CSS хак следующего вида:

CSS:
  1. html:first-child .style_01{
  2.     margin: 0px 0px 0px 288px;
  3.         }