Интерфейсът е значително преработен, по-минималистичен, оптимизиран JavaScript енджин JaegerMonkey, поддръжка на WebGL както и разбира се подобрена поддръжка на HTML5 и CSS3. Изкефи ме вградената възможност за намаляне на табовете до размера на favicona (pin/unpin tab), която до сега се постигаше с различни плъгини. След първо тестване бих казал, че е бърз, изчистен и лек.

Може да си ъпдейтнете FF през официалния сайт. Дори и да се появят някакви бъгове в последната минута, те ще се фикснат автоматично след следващия ъпдейт.

Идва ми на ум нещо, което рядко виждам по българските сайтове и блогове – а може би и аз не попадам на такива, които са приложили този трик. Говоря за заместване на default-ните шрифтове (verdana, arial и тн…) с малко по-привлекателни такива, специално за header-ите и H* таговете.

Причините да се ползват default-ните шрифтове, мисля че са ясни на всички, но винаги можем да излъжем системата, така че да ни позволи да вкараме разнообразие в шрифтовете. Как ли, след като не на всяка машина ще ги има инсталирани? Ами като вкараме изображение на мястото на текста. Заместването на текст с изображение обаче не е желателно най-малкото заради по-висок SEO Score, който никога не е излишен.

Има вариант, който съчетава SEO оптимизация с визуална красота – с други думи заместване на текст със снимки, при което заместване текстът остава четим ( индексируем – няма такава дума :)) за паяците на търсаките, а юзъра вижда изображение.

Ето как става. Имате следния ред текст и искате да го заместите с някакъв як шрифт или с каквото си искате изображение:

<h1>Някакъв слоган</h1>

Да създадем един class ( .txtremover ) за съответния h1 таг. След това да му сложим за background изображението, с което ще заместваме текст.

.txtremover {background: url(header.png) no-repeat ;}

До тук сложихме background-а. Сега остава да махнем текста, който стой върху изображението, но не да го трием от кода, а по някакъв начин да го скрием, така че да остане четим за търсаките. Какъв по-лесен начин от text-indent.

.txtremover {background: url(header.png) no-repeat ; text-indent: -9999px;}

Сега остава само за добавите class-а към съответния h1 таг

<h1 class=”txtremover”>Някакъв слоган за SEO, който няма да се вижда от посетителите</h1>

Със стойност -9999 пиксела пращате текста в необозримото битие и така остава само изображението, на което зависи от вас какъв шрифт ще има и то без да сте лимитиран от възможностите на браузера или на OS.

Пример за такъв тип заместване на текст със изображение е блогът, който четете в момента. Горе картинката, на която пише Pixlemind weBlog е сложена по-такъв начин, но с малко повече код за да угодя на Internet Explorer.

Все пак когато прилагате този трик имайте на ум две неща: браузърите в някои случай визуализират различно ( особено някои от тях ) и другото нещо, е че в зависимост от структурата на css документа, кодът за такъв тип премахване на текст може се окаже и доста по-сложен, но принципът при всички случай този.

Новото чедо на Eric Mayer се нарича CSS SCULPTOR. Инструмента е в две версии – за Expression Web и разбира се за Dreamweaver. За Front Page не ме вълнува особено, но ще обърна внимание на Dreamweaver.

Не бих казал че поддръжката на CSS в Dreamweaver е зле, но смятам че може да се засили още доста. Дори в някои моменти Golive го превъзхожда(ше). И така този инструмент определено ще внесе свежест в начина на писане на CSS код в Dreamweaver.

Css Sculptor съдържа 41 готови лейаута сред, който може да избирате да създадете първоначалната база на уеб проекта си. Началният лейаут позволява високо ниво на моделиране – доста гъвкава основа и лесна промяна на размери, цветове, стилове, граници, като генерира stylesheet, както за screen така и за print.