Більше двох років тому, у вересні 2004 року я опублікував статтю під назвою Styling. Моя мета в цій статті показати, що спроба використовувати CSS, щоб зробити форму, яка б вигледела у всіх браузерах та операційних систем однаково, є марним занатія. На даний момент це просто не може бути зроблено.

Після дискусії про застосування CSS для елементів форм, постійно виникають нові версії браузерів і операційні системи, а також зовсім нові браузери були випущені у вересні 2004 року, прийшов час для оновлення.

Через усього цього я і витратив багато часу на створення в цілому 224 скріншоти, що демонструють різні правила CSS стосовно формам управління. Скріншоти, взяті з 8 браузерів на 4 операційних систем, в загальній складності 14 різних комбінацій браузерів + ОС.

CleanCSS is a powerful CSS optimizer and formatter. Basically, it takes your CSS code and makes it cleaner and more concise.

The CSS optimizer was originally developed by some awesome dudes over at CSS Tidy. They built the program and have made it free for everyone to use. I stumbled across their optimizer one day while looking for help with my CSS. I wanted to know the shortest way I could style a background of a web site without having to use all the "background-image" and "background-repeat" tags. I found some other optimizers which I tried, but none worked as well as CSS Tidy. It was actually hosted on some random CD Burning website. Why? I have no idea.

But after I posted about it on my blog, I noticed that a week later, the site no longer existed. I was bummed because I was trying to show my fellow designers at work this amazing utility. So I took the liberty and installed CSS Tidy on my own webserver and registerd cleancss.com. I also styled it up to my liking (see the grass green colors?). So now I can make sure this kick-ass CSS utility stays up forever. And gets used by web designers everywhere.

Якщо стоїть завдання використати у проекті нестандартний шрифт, то є можливість піти кількома шляхами:

• Коммерсант-метод - не використовувати нестандартні шрифти, достатньо в CSS сказати body {font-family: sans-serif;} і не морочити собі голову.
• Бидло-метод - нарізати з ЖПЕГов, картинок із заголовками, стиснути сильніше, що б з'явилася розмитість і вставляти замість тексту картинки. Досить популярний на наших теренах метод.
• W3C-метод - використовуємо @ font-family і насолоджуємося красивими шрифтами без всяких проблем. Поки цей метод не розглядають, як робочий, через слабку підтримай з боку браузера.
• sIFR - кльова річ, найбільш вживана на сьогоднішній день, але як недолік - вимагає наявності Flash-плагіна. Хоча це важко назвати недоліком, але якщо є інструмент, що дозволяє обійтися без плагінів, то це не може не радувати.
• Cufón - саме те. Відносно новий метод, який показує чудові результати. Він і є герой цієї статті.