Ну что ж. Наконец-то наступило время когда можно забыть про ie6, это заслуга скорее всего Win7, поскольку виста со своим ie7 не смогла дойти даже до 20% и наступило время когда можно начать разрабатывать с учетом ie9.
Как всегда без косяков не обошлось.

• text-shadow – нет и врядли будет в следующих версиях… хотя и не страшно.
• acid проходит только на 95%
• еще знаете

Есть положительные сдвиги:

1. border-radius – есть поддержка
2. box-shadow – есть поддержка
3. html5 – есть
4. более быстрая работа.
5. это то что пришло в голову сейчас, по мере вспонимания буду заполнять.

В последнее время стала популярна AJAX фотогалерея Lightbox. Она и весит мало, и красиво смотрится, и встроить легко в любой дизайн и сайт.

Поэтому и пошли различные клоны (аналоги) данной замечательной фотогалереи.
Сначала перечислю те, которые нашел на просторах интернета:

1. Lightbox2
2. NFlightbox
3. leightbox
4. lightview
5. lightwinwods
6. lytebox
7. lightbox+
8. iBox 2
9. GreyBox
10. highSlide JS
11. ThinkBox
12. TinyBox
13. TinyBox
14. WeebBox
15. FancyBox
16. ShadowBox
17. jsImageBox
18. iLOAD
19. PrettyPhoto
20. и другие

Как видите клонов много, поэтому попробуем разобраться, хотя некоторых тяжело назвать клонами.

Свойство CSS3 text-shadow задает эффект тени тексту . Свойство достаточно эффектно при его правильном использовании.

Значения свойства задают смещение тени по X и Y, радиус тени и цвет: [цвет] [смещение тени по оси X] [смещение тени по оси Y] [радиус] или
[смещение тени по оси X] [смещение тени по оси Y] [радиус тени] [цвет]. Порядок значений строго определен. То есть необязательно указывать только цвет тени, который берется из цвета текста если не указано другое.

Можно указывать как положительные, так и отрицательные значения.

Пример: text-shadow: 1px 3px 13px red, 10px 3px 3px yellow;

Как видно из примера – можно указать несколько теней через запятую.

Поддерживается браузерами

• Firefox 3.5 и выше
• Opera 9.5 и выше
• Safari 3.1 и выше
• Chrome 2 и выше

IE напрочь не хочет принимать данное свойство, даже готовящая к выходу IE 9 – тоже не будет его поддерживать-  а это жесткий косяк от мелко мягких, ведь это свойство ввели аж в 2003 году, а может и раньше. Свойство очень красиво и эффектно смотрится, Логотип ТЕЛЕ2 (Tele2) даже без использования картинок можно сделать только с помощью данного свойства. Вдавленный, размытый, подсвеченный текст – только начало,  поэтому будем искать кросс-браузерное решение.

Кросс-браузерное решение TEXT-SHADOW

два варианта ( а точнее три):

• с помощью фильтров ie
• с помощью javascript (точнее jquery)
• плюнуть на пользователей IE и сказать им что б переходили на нормальные, человеческие браузеры, и не мучали больше веб-дизайнеров.

Существует три вида макетов:

1. Фиксированный
2. Резиновый
3. Эластичный макет

Теперь подробнее:

В фиксированном макете весь сайт включается в блок определенной ширины (чаще всего 1000px). Сайт одинаково отображается во всех разрешениях выше ширины сайта. Недостатков практически нет, за исключением пустого (неспользуемого) пространства. Пример vkontakte.ru

В резиновом макете сайт растягивается на всю ширину, в независимости от разрешения экрана. Плюс – используется все возможное пространство, но при этом трудно спроектировать весь сайт (все страницы) что бы они идеально отображались при разных разрешениях, особенно высоких и низких. Пример yandex.ru

В эластичном макете все задается в em. Это позволяет пропорционально увеличивать сам сайт при его масштабировании  встроенной функцией браузера (Ctrl плюс колесико мышки). Минусы – сложность разработки + частично минусы резинового макета.

На конец января статистика не может не радовать, особенно верстальщиков.

Наконец-то можно не верстать под IE 6, а в некоторых случаях даже под IE 7.

IE 6 – около 3%, IE 7 – около 7%. Остальное и не важно.

Часто приходится указывать размер шрифта. Так в чем же этот самый размер лучше указывать и в чем вообще можно указать?

1. В пикселях. Например: font-size: 12px;
2. В em единицах: Например: font-size: 2em;
3. В процентах. Например: font-size: 50%;
4. вроде все?

Думаю будет полезна информация о текущем положении на рынке браузеров:

1. Лидером на 7 декабря 2010 года является Firefox 3-ей версии, он занимает 25% (четверть) пользователей.
2. На втором месте Опера с 20%.
3. На третьем Эксплорер 8 – 16%
4. Четвертое место Эксплорер 7 – 9.7%
5. Пятое – Opera Mini – 8.5%
6. Гугл Chrome – 8.3%
7. I Explorer 6 – 4.7%
8. остальное – 5%

Подведем итоги: наши пользователи наконец-то начали слезать с ie6 и под него нет смысла уже верстать, думаю к концу 2010 года его доля составит не более 3%, хотя может и меньше. Да и к тому же вышел IE 9-ой версии, который практически полностью поддерживает стандарты, так что верстать становится легче, если смотреть со стороны браузеров и их поддержки стандартов.

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

В данной статье мы поговорим о том с какими кодировками все еще встречаются веб-мастера при создании сайтов.
Для начала напишу что на 2010 год веб-мастерам нужно знать только одну кодировку – UTF-8 (юникод). Данная кодировка поддерживает все языки мира и практически не имеет недостатков на сегодняшний день. Так все же какие недостатки остались, а точнее один недостаток: файлы сохраненные в юникоде utf-8 весят чуть больше чем файлы в однобайтовых кодировках, но поскольку эта разница не велика, да и текстовые файлы весят мало, то этот недуг трудно назвать недостатком.

Теперь собственно разберемся как сохранять наши html или php файлы в данной кодировке. Для начала скачаем PsPad – это текстовый редактор, который умеет работать с юникодом и прекрасно сохраняет его, для этого жмем формат-utf8. и сохраняем. Проще некуда.
О других кодировках поговорим в других выпусках.