Posted on by Michel · 7 Comments

Най-разпространените шрифтове под Windows, MacOS и Linux

Ако се занимавате с уеб дизайн и писане на (X)HTML/CSS код, следният списък може да ви е полезен. В него съм комбинирал най-разпространените шрифтове под Windows, MacOS и Linux системи. Данните ми са взети оттук и са валидни към 17-ти януари 2009:

Windows:

Microsoft Sans Serif: 99.61%
Arial Black: 97.82%
Franklin Gothic Medium: 97.58%
Palatino Linotype: 97.54%
Verdana: 97.54%
Arial: 97.13%
Courier New: 96.96%
Comic Sans MS: 96.83%
Tahoma: 96.79%
Lucida Console: 96.76%
Impact: 96.49%
Trebuchet MS: 95.97%
Sylfaen: 95.00%
Lucida Sans Unicode: 94.34%
Georgia: 92.97%

Mac:

Monaco: 96.91%
Arial: 96.62%
Courier: 96.48%
Helvetica: 96.48%
Arial Black: 95.78%
Verdana: 94.37%
Georgia: 93.53%
Helvetica Neue: 93.07%
Trebuchet MS: 92.69%
Geneva: 92.41%
Courier New: 92.12%
Gill Sans: 91.58%
Comic Sans MS: 91.42%
Times New Roman: 90.58%
Arial Narrow: 90.44%
Apple Chancery: 90.15%
Skia: 90.15%
Lucida Grande: 90.01%
Futura: 89.73%
Hoefler Text: 88.47%

*nix:

DejaVu Sans Mono: 92.31%
Bitstream Charter: 90.77%
URW Chancery L: 89.87%
Nimbus Mono L: 89.35%
Century Schoolbook L: 89.09%

В bold по-горе съм маркирал общо 7 шрифтови фамилии. Те са онези шрифтове, които се намират сравнително често едновременно под Windows и Mac, и това са:

1. Verdana (sans-serif font family)
2. Georgia (serif font family)
3. Courier New (monotype font family)
4. Arial (sans-serif font family)
5. Arial Black (sans-serif font family)
6. Trebuchet MS (sans-serif font family)
7. Comic Sans MS (sans-serif font family)

За съжаление, нито един от тези шрифтове не попада и сред най-разпространените шрифтове под Linux/Unix. Явно заблудата ми, че Verdana, например, е един от най-разпространените шрифтове под Windows/Mac/Linux, е била само заблуда — пълните данни, например, показват, че Verdana присъства на над 90% от Windows и MacOS системите, но само на около 50% от Linux…

Могат да се направят и още интересни изводи, ако се прегледат в детайл двата списъка (кратък и пълен), за мен засега е достатъчно, че (поне на теория) има няколко “сигурни” шрифта, които присъстват с голяма доза вероятност едновременно на Windows и Mac:-)

Posted on by Michel · 2 Comments

“The one-pipe problem”

От два часа гледам редовете код и не виждам. Заплел съм се в един сложен CSS — пълен е с разни контейнери, floated left & right columns, clearfix’ове и други елементи.

Нещата, които очаквам да работят, не работят, както очаквам; а нещата, които би трябвало да не работят, работят (тествам във Firefox 3.0, IE 7, IE 6, Opera 9.5 и Safari 3.1/Win).

Отивам да си натъпча лулата с ароматен черешов тютюн (отдавна съм я изваждал от шкафа с лули, тютюни и уискита;-) и да проверя, дали не съм попаднал случайно на някой прост CSS one-pipe problem! :-)

Posted on by Michel · 17 Comments

CSS Naked Day ‘2008

Днес, точно в полунощ, моят блог (www.optimiced.com), както и блогът на Ани (www.molif.com), се “събличат” от техните “CSS дрехи”.

Днес е ‘CSS Naked Day‘ — денят, който промотира Уеб стандартите!

CSS Naked Day 2008 - getting naked with CSS styles... and not only CSS ;-) class=

Този ‘CSS Naked Day’ продължава от 24 до 48 часа, и показва, че един сайт/блог с добре написан HTML+CSS може да изглежда доста добре и без дрехите си (тоест, без своите CSS стилове).

Така че, ако случайно видите моя блог без CSS днес или утре (тоест, без своя дизайн), да не се учудвате — ние “съблякохме” нашите CSS стилове за една благородна кауза — а, както се вижда и от снимката, която направихме преди няколко часа, не само CSS стиловете, но и дрехите си!! ;-)

Да живеят Уеб стандартите! :-D

PS Ако използвате WordPress и сте решили да си “съблечете” и вие блога днес и утре, Lorelle има много добър guide по въпроса, хвърлете едно око! И да не забравите да се запишете в списъка на Dustin Diaz! В момента има над 1300 участници вече;-)

Posted on by Michel · 2 Comments

CSS 3D ефект

Стъпка 1:

Отворете Silverback.

Silverback app (screenshot)

Стъпка 2:

Променете бавно размерите на прозореца на браузъра, който използвате в момента (Firefox, Opera, Safari, IE7 са ОК) и…

Стъпка 3:

…наблюдавайте ефекта. Хитро!

Има и дискусия по темата, как quasi-3D ефектът е постигнат само със CSS + полупрозрачни PNG файлове — на мен ми напомня на игрите от едно време; а гледайки симпатичния мумун, някак не мога да не се сетя за Donkey Kong на Nintendo!

CSS rullz! ;-)

Posted on by Michel · 8 Comments

Денят на голямото чистене

tag soup graphicТова да ви е познато отнякъде?

На мен – да. В най-лошите си кошмари един дизайнер, работещ с Уеб стандартите и забравил, какво е MS Word HTML, сънува подобен код.

Е, аз не сънувам. В моя случай, това е реален код, който се очаква да почистя… Да останат само H1, H2, H3, P, IMG SRC, A HREF и нищо друго (иначе един проект за сайт няма как да стане реалност).

Всъщност, системата е малко по-различна и включва писане на html from scratch, чистене и преглеждане (защото очевидно код като този няма как да се почисти)…

И няма кой друг да свърши тази работа. Така че, стискам зъби, пиша, почиствам внимателно, и пия втората ми чаша кафе за днес. Колкото по-бързо свърша, толкова по-бързо ще ми се махнат от главата тези FONT FACE... от главата. Бррр…

Posted on by Michel · 4 Comments

35 дизайнера по 5 въпроса

Smashing Magazine публикуваха днес едно много интересно четиво.

На 35 уеб дизайнера бяха зададени следните пет въпроса:

  • 1 аспект от дизайна, на който отдавате най-голямо значение.
  • 1 от най-успешните CSS техники, която използвате най-често.
  • 1 шрифт, който използвате в проектите си често.
  • 1 книга, посветена на дизайна, която силно бихте препоръчали.
  • 1 списание, посветено на дизайна, което четете всеки ден/всяка седмица (онлайн или оффлайн).

Отговорите може да прочетете в самата статия:-)

Posted on by Michel · 2 Comments

CSS се завръща ;-)

Как изглеждаше Optimiced.com в продължение на 48 часа :-)Сложих си обратно “CSS дрехите” след тяхното сваляне за повече от 48 часа :)

Тазгодишното издание на CSS Naked Day беше забавно (първо участие на optimiced.com, между другото)…

Над 1600 официални участници тази година (пълен списък: http://naked.dustindiaz.com)! И по-скоро по-малко медиен шум около събитието, поне този път…

Но се радвам, че участвах :-)

Posted on by Michel · 1 Comment

CSS Naked Day, издание 2007!

За популяризиране на уебстандартите, CSS (Cascading Style Sheets), и семантичния (X)HTML код – тази година отново CSS Naked Day! (“Ден на CSS голотата”? винаги съм се чудел, как ли се превежда това:-p)

Повече информация: две думи в блога на Dustin Diaz, на webstandards.org, и, разбира се, на уебстраницата на тазгодишните участници :) Списъкът със записали се в момента за Naked Day ‘2007 е над 900 и расте (ето още линкове и от technorati).

Моят блог участва за първи път (поради обясними причини – все пак, през април 2006-а още не е съществувал;-), като от полунощ българско време всички CSS стилове в него са изключени, за минимум 24 часа — и ако случайно се чудите, защо в момента дизайнът на сайта ми изглежда толкова гол и постен – това е причината:)))

Е, дизайнът на Optimiced в момента не е толкова красив, но какво да се прави – добрата кауза си е добра кауза:)