<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>optimiced &#124; bg &#187; Уебдизайн</title>
	<atom:link href="http://www.optimiced.com/bg/category/webdesign/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.optimiced.com/bg</link>
	<description></description>
	<lastBuildDate>Thu, 02 Feb 2012 08:37:38 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.2.1</generator>
		<item>
		<title>IE6-IE9: 10 години</title>
		<link>http://www.optimiced.com/bg/2011/03/15/ie6-ie9-10-years/</link>
		<comments>http://www.optimiced.com/bg/2011/03/15/ie6-ie9-10-years/#comments</comments>
		<pubDate>Tue, 15 Mar 2011 15:50:20 +0000</pubDate>
		<dc:creator>Michel</dc:creator>
				<category><![CDATA[Браузъри]]></category>
		<category><![CDATA[Уебдизайн]]></category>

		<guid isPermaLink="false">http://www.optimiced.com/bg/?p=3763</guid>
		<description><![CDATA[10 години не са малко. IE6 беше един от най-добрите браузъри за времето си (2000-2001 година). След това започна да се превръща малко по малко в спирачка за развитието на Web &#8212; докато останалите браузъри се развиваха с бързи темпове, IE6 си оставаше непроменен. И така, докато IE7 се появи. После IE8. Време е за [...]]]></description>
			<content:encoded><![CDATA[<p>10 години не са малко. IE6 беше един от най-добрите браузъри за времето си (2000-2001 година). След това започна да се превръща малко по малко в спирачка за развитието на Web &#8212; докато останалите браузъри се развиваха с бързи темпове, IE6 си оставаше непроменен. И така, докато IE7 се появи. После IE8. Време е за нова промяна&#8230;</p>
<p><a href="http://www.beautyoftheweb.com/downloadie9" title="{dailyphoto} IE6, IE7, IE8... IE9"><img src="http://www.optimiced.com/wp-uploads/2011/03/ie6-ie9.gif" alt="IE6-7-8-...9!" /></a></p>
<p>Microsoft казват, че IE6 е <a href="http://ie6countdown.com/">вече история</a>. И че IE9 (който официално излезе днес и може да се ползва от всички потребители с Windows Vista/Windows 7) е много по-добър браузър.</p>
<p><a href="http://www.beautyoftheweb.com/">Да видим</a>! :)</p>
]]></content:encoded>
			<wfw:commentRss>http://www.optimiced.com/bg/2011/03/15/ie6-ie9-10-years/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Anonymous Pro &#8211; интересен шрифт за код(ъри&#124;иране)</title>
		<link>http://www.optimiced.com/bg/2009/09/28/anonymous-pro-monospaced-font/</link>
		<comments>http://www.optimiced.com/bg/2009/09/28/anonymous-pro-monospaced-font/#comments</comments>
		<pubDate>Mon, 28 Sep 2009 14:45:12 +0000</pubDate>
		<dc:creator>Michel</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[Уебдизайн]]></category>

		<guid isPermaLink="false">http://www.optimiced.com/bg/?p=2135</guid>
		<description><![CDATA[Ако честичко ви се случва да пишете код, то шрифтът Anonymous Pro може да ви се стори интересен и/или подходящ за целта. Предназначен е специално за писане на код (нулата, разбира се, е зачеркната;-) и включва и кирилица. Може да си го свалите напълно безплатно оттук: www.ms-studio.com/FontSales/anonymouspro.html Иначе, моето лично предпочитание за monospaced шрифт е [...]]]></description>
			<content:encoded><![CDATA[<p>Ако честичко ви се случва да пишете код, то шрифтът <em>Anonymous Pro</em> може да ви се стори интересен и/или подходящ за целта. Предназначен е специално за писане на код (нулата, разбира се, е зачеркната;-) и включва и кирилица.</p>
<p><a rel="lightbox" href="http://www.optimiced.com/wp-uploads/2009/09/anonymous-pro-font.png" title=""><img src="http://www.optimiced.com/wp-uploads/2009/09/anonymous-pro-font.440.png" alt="Anonymous Pro font" /></a></p>
<p>Може да си го свалите напълно безплатно оттук:</p>
<p><a href="http://www.ms-studio.com/FontSales/anonymouspro.html"><strong>www.ms-studio.com/FontSales/anonymouspro.html</strong></a></p>
<p>Иначе, моето лично предпочитание за <em>monospaced</em> шрифт е абсолютно и неоспоримо <a href="http://www.google.com/search?hl=en&#038;q=consolas+font&#038;aq=0&#038;oq=consolas+&#038;aqi=g10">Consolas</a>. Доколкото знам, този шрифт на Microsoft и също може да се намери за безплатно сваляне; шрифтът е много четлив и подходящ за писане на всякакви видове код &#8212; в моя случай, най-често го виждам да подрежда блокчета XHTML и CSS:)</p>
]]></content:encoded>
			<wfw:commentRss>http://www.optimiced.com/bg/2009/09/28/anonymous-pro-monospaced-font/feed/</wfw:commentRss>
		<slash:comments>9</slash:comments>
		</item>
		<item>
		<title>&#8220;Jeffrey Zeldman is now following you on Twitter&#8221;</title>
		<link>http://www.optimiced.com/bg/2009/09/28/zeldman-is-following-you-on-twitter/</link>
		<comments>http://www.optimiced.com/bg/2009/09/28/zeldman-is-following-you-on-twitter/#comments</comments>
		<pubDate>Mon, 28 Sep 2009 11:36:53 +0000</pubDate>
		<dc:creator>Michel</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[Уебдизайн]]></category>

		<guid isPermaLink="false">http://www.optimiced.com/bg/?p=2165</guid>
		<description><![CDATA[&#8230;или за ползата от Twitter. { Като си зарови човек draft-овете достатъчно надълбоко и&#8230; ;-) } { Нейде през юли тази година стават бяха събитията&#8230; } Twitter е удивителна&#8230; медия? Социална мрежа? Средство за супер-бързо предаване на новини, мъдрости, глупости и &#8220;важни&#8221; неща като &#8220;В момента пия кафе и хапвам кроасани&#8221;? Нещо като IRC, но [...]]]></description>
			<content:encoded><![CDATA[<p>&#8230;или за ползата от Twitter.</p>
<p>{ Като си зарови човек draft-овете достатъчно надълбоко и&#8230; ;-) }</p>
<p>{ Нейде през юли тази година <del datetime="2009-09-28T11:30:11+00:00">стават</del> бяха събитията&#8230; }</p>
<p><a href="http://twitter.com">Twitter</a> е удивителна&#8230; медия? Социална мрежа? Средство за супер-бързо предаване на новини, мъдрости, глупости и &#8220;важни&#8221; неща като <em>&#8220;В момента пия кафе и хапвам кроасани&#8221;</em>? Нещо като IRC, но и с опция за SMS, филтриране, търсене, и опция за избор, какво, кога и как ще четеш?</p>
<p>Twitter е може би от всичко това по малко! :-)</p>
<p><a href="http://www.zeldman.com" title="Jeffrey Zeldman's hat :)" class="imagelink"><img src="http://www.optimiced.com/wp-uploads/2009/09/jeffrey-zeldman-hat.gif" alt="Jeffrey Zeldman's hat" /></a>&#8230;Тъй като съм уеб дизайнер и (частично) <em>geek</em>, ми беше изключително интересно да следя дискусията в две от последните публикации на Jeffrey Zeldman:</p>
<p><a href="http://www.zeldman.com/2009/07/02/xhtml-wtf/">www.zeldman.com/2009/07/02/xhtml-wtf/</a><br />
<a href="http://www.zeldman.com/2009/07/07/in-defense-of-web-developers/">www.zeldman.com/2009/07/07/in-defense-of-web-developers/</a></p>
<p>&#8230;където се разискват разпалено последиците от прекратяването на работата по <a href="http://www.w3.org/News/2009#item119">XHTML 2 стандарта</a>, и това, какво ще се случи с XHTML 1.0, HTML 4.01, както и с новия HTML 5.</p>
<p>В един момент, обаче, в уебсайта на Зелдман се появи един странен бъг, във Firefox 3/Win: някъде след около 3/4 от страницата с последната му статия и многобройните коментари под нея, внезапно съдържанието изчезваше (<a rel="lightbox" href="http://www.optimiced.com/web/2009/zeldman/zeldman-screen.jpg">screenshot</a>). Без причина. Самата страница се валидираше перфектно, и нямаше никакви проблеми с encoding&#8217;а или HTML/CSS кода.</p>
<p>Самият Джефри забеляза проблема също (както и много други негови читатели) и се опитваше да го реши в продължение на <a href="http://twitter.com/zeldman/status/2499281164">много часове</a>. Предположението, че <a href="http://twitter.com/zeldman/status/2504011341">проблемен pingback</a> с UTF-16 encoding e предизвикал &#8220;отрязването&#8221; на страницата във Firefox, не се потвърди.</p>
<p>Опитах се и аз да подхвана проблема от някой край, от любопитство (не че не бях опитал и преди ден или два, но по различен път &#8212; предположението ми беше, че в някакъв коментар има незатворен таг, и той предизвиква &#8220;отрязването&#8221;; или пък има проблемен pingback; но и двете предположения не се потвърдиха след около 2 часа тестване).</p>
<p>Предположих, че има CSS бъг в rendering engine&#8217;а на Firefox, който може би може да бъде оправен с някакво правило в CSS файла на zeldman.com. Припомних си и че един от читателите спомена в блога на Джефри Зелдман, че е опитал с Firebug да провери нещо, затова набързо направих една тестова страничка, и към нея един малък CSS файл с правилото, което (хипотетично) щеше да оправи грешката. След това тествах във Firefox 3.0.11/WinXP. Проблемът изчезна! :-)</p>
<p>Един-единствен ред решаваше проблема за Firefox:</p>

<div class="wp_syntax"><div class="code"><pre class="html" style="font-family:monospace;">div#wrapper {
overflow: visible;
}</pre></div></div>

<p>След това отделих още време за да тествам в детайл, дали промяната не засяга някой друг от популярните в момента браузъри (Opera 9.6, Safari 4, Chrome 2, IE7, IE6) и след като се убедих, че всичко е наред, <a href="http://twitter.com/optimiced/status/2531532128">писах</a> на Зелдман в Twitter (отделно и малко по-подробен e-mail), като му предложих този fix за Firefox.</p>
<p>След малко прочетох <a href="http://twitter.com/zeldman/status/2531760143">отговора</a> на Зелдман:</p>
<blockquote><p>@optimiced Will try as soon as I&#8217;m back on my feet. Thanks wise one.</p></blockquote>
<p>Малко по-късно, Zeldman имплементира идеята, и дизайнът му се оправи! :-)</p>
<p>За съжаление, след това се <a href="http://www.zeldman.com/2009/07/08/firefox-forces-red-background-flash/">появи нов бъг</a>, предизвикан от &#8220;поправката&#8221; на предишния &#8212; фонът на страницата, който е червен, &#8220;примигваше&#8221; за секунда или две при всяко зареждане, тъй като <code>overflow: visible</code> предизвикваше това, че фонът на елемента <code>#wrapper</code> се зареждаше сега с малко закъснение (преди: <code>overflow: auto</code>).</p>
<p>Е, след малко умуване, аз и още един читател предложихме две различни допълнителни CSS решения, които (на по-късен етап) се оказа, че се взаимодопълват добре, и решават проблема с примигването във всички браузъри &#8212; включително и във Firefox и Safari! :-)</p>
<p>Последно, да не пропусна да спомена, че Джефри Зелдман е пич! След цялата забавна история със CSS бъговете във Firefox, Джефри ми благодари и ме добави в своя <a rel="lightbox" href="http://www.optimiced.com/wp-uploads/2009/07/twitter-zeldman.jpg" title="Jeffrey Zeldman is now following you on Twitter">Twitter</a>, а после ми обеща и да ми изпрати своето ново (трето) издание на <a href="http://www.zeldman.com/2009/06/18/beep/" title="Designing with Web Standards: Third Edition">популярната си книга за уеб стандартите</a>, като подарък! <em>(Мисля и че някъде в <a href="http://www.zeldman.com/wp-content/themes/zeldman-v2/style.css">CSS кода</a> на zeldman.com има и още благодарности;-)</em> Винаги е приятно да си общуваш с такива хора, дори и ако си общувате само със 140 знака съобщения! ;-)</p>
<p>* * *</p>
<p>А, и защо започнах статията с въпроса, какво е точно Twitter?</p>
<p>Защото, след като ползвам Twitter от поне няколко години, мога да твърдя, че Twitter позволява бърза, точна комуникация по съвсем нов начин. Коментарите в блоговете (както и формите за обратна връзка), също го позволяват, но Twitter е нещо различно. Нещо, което не мога да дефинирам точно, но което върши работа, и е забавно при това!</p>
<p>Затова, засега можете да ме намерите на Twitter (но не и на Facebook)&#8230; е, и в личния ми блог, разбира се! ;-P</p>
]]></content:encoded>
			<wfw:commentRss>http://www.optimiced.com/bg/2009/09/28/zeldman-is-following-you-on-twitter/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>W3C HTML иконки (от Veerle Pieters), PNG+alpha</title>
		<link>http://www.optimiced.com/bg/2009/07/04/new-w3c-html-icons-png/</link>
		<comments>http://www.optimiced.com/bg/2009/07/04/new-w3c-html-icons-png/#comments</comments>
		<pubDate>Sat, 04 Jul 2009 12:40:38 +0000</pubDate>
		<dc:creator>Michel</dc:creator>
				<category><![CDATA[Графичен дизайн]]></category>
		<category><![CDATA[Уебдизайн]]></category>

		<guid isPermaLink="false">http://www.optimiced.com/bg/?p=2142</guid>
		<description><![CDATA[Наскоро писах за дизайна на едни много приятни HTML иконки, които Veerle Pieters нарисува и пусна за свободно разпространение. За съжаление, форматът на иконите беше JPG, което доста ограничаваше възможната им употреба (примерно, да се използват върху различен цвят на фона). За моя радост, след като няколко коментиращи в нейния блог (включително моя милост;-) помолихме [...]]]></description>
			<content:encoded><![CDATA[<p>Наскоро писах за дизайна на едни много приятни HTML иконки, които <a href="http://www.optimiced.com/bg/2009/06/04/new-w3c-html-icons/">Veerle Pieters нарисува</a> и пусна за свободно разпространение.</p>
<p><a rel="lightbox" href="http://www.optimiced.com/wp-uploads/2009/07/html-icons-veerle.jpg" title="W3C HTML icons from Veerle Pieters, now in PNG format (veerle.duoh.com)"><img src="http://www.optimiced.com/wp-uploads/2009/07/html-icons-veerle.th440.jpg" alt="W3C HTML icon from Veerle, PNG" class="centered" /></a></p>
<p>За съжаление, форматът на иконите беше JPG, което доста ограничаваше възможната им употреба (примерно, да се използват върху различен цвят на фона).</p>
<p>За моя радост, след като няколко коментиращи в нейния блог (включително моя милост;-) помолихме за версия PNG+alpha, Veerle най-любезно ги предостави! :-)</p>
<p>Може да си ги свалите от <a href="http://veerle.duoh.com/blog/comments/a_new_icon_for_markup_validator_s.a.c/">нейния сайт</a> и/или оттук (разпространението на иконките е съвсем свободно и неограничено, както и тяхната употреба):</p>
<p><a href="http://www.optimiced.com/wp-uploads/2009/07/html-icons-by-veerle-in-png-alpha.zip" title="W3C HTML icon set from Veerle Pieters, PNG+alpha, 4 icons x 512px, in one ZIP archive"><img src="http://www.optimiced.com/wp-uploads/2009/07/icon-set-png-zip.jpg" alt="download all icons in one ZIP archive, PNG+alpha" class="centered" /></a></p>
<p>:-)</p>
]]></content:encoded>
			<wfw:commentRss>http://www.optimiced.com/bg/2009/07/04/new-w3c-html-icons-png/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Нови W3C HTML иконки (от Veerle Pieters)</title>
		<link>http://www.optimiced.com/bg/2009/06/04/new-w3c-html-icons/</link>
		<comments>http://www.optimiced.com/bg/2009/06/04/new-w3c-html-icons/#comments</comments>
		<pubDate>Thu, 04 Jun 2009 11:21:32 +0000</pubDate>
		<dc:creator>Michel</dc:creator>
				<category><![CDATA[Графичен дизайн]]></category>
		<category><![CDATA[Уебдизайн]]></category>

		<guid isPermaLink="false">http://www.optimiced.com/bg/?p=2011</guid>
		<description><![CDATA[Veerle току-що направи няколко страхотно изглеждащи HTML иконки: Ако сте Mac потребител (и уеб дизайнер;-), тогава е възможно вие да използвате Markup Validator S.A.C. &#8212; това е програма, която замества онлайн валидатора на W3C, при това работи и оффлайн. Новите иконки на Веерле ще заменят default иконата на Markup Validator S.A.C. в дока на MacOS [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://veerle.duoh.com" title="Блогът на Veerle Pieters, дизайнер от Белгия">Veerle</a> току-що направи няколко страхотно изглеждащи <strong><a href="http://veerle.duoh.com/blog/comments/a_new_icon_for_markup_validator_s.a.c/">HTML иконки</a></strong>:</p>
<p><a rel="lightbox[veerle_html_icons]" href="http://www.optimiced.com/wp-uploads/2009/06/icon-validator-v1.jpg" title=" W3C HTML icon from Veerle Pieters, variant 1 (veerle.duoh.com)"><img src="http://www.optimiced.com/wp-uploads/2009/06/icon-validator-v1.th440.jpg" alt="W3C HTML icon from Veerle, variant 1" class="centered" /></a></p>
<p><a rel="lightbox[veerle_html_icons]" href="http://www.optimiced.com/wp-uploads/2009/06/icon-validator-v2.jpg" title=" W3C HTML icon from Veerle Pieters, variant 2 (veerle.duoh.com)"><img src="http://www.optimiced.com/wp-uploads/2009/06/icon-validator-v2.th440.jpg" alt="W3C HTML icon from Veerle, variant 2" class="centered" /></a></p>
<p><a rel="lightbox[veerle_html_icons]" href="http://www.optimiced.com/wp-uploads/2009/06/icon-validator-v3.jpg" title=" W3C HTML icon from Veerle Pieters, variant 3 (veerle.duoh.com)"><img src="http://www.optimiced.com/wp-uploads/2009/06/icon-validator-v3.th440.jpg" alt="W3C HTML icon from Veerle, variant 3" class="centered" /></a></p>
<p><a rel="lightbox[veerle_html_icons]" href="http://www.optimiced.com/wp-uploads/2009/06/icon-validator-v4.jpg" title=" W3C HTML icon from Veerle Pieters, variant 4 (veerle.duoh.com)"><img src="http://www.optimiced.com/wp-uploads/2009/06/icon-validator-v4.th440.jpg" alt="W3C HTML icon from Veerle, variant 4" class="centered" /></a></p>
<p>Ако сте Mac потребител <em>(и уеб дизайнер;-)</em>, тогава е възможно вие да използвате <a href="http://habilis.net/validator-sac/">Markup Validator S.A.C.</a> &#8212; това е програма, която замества онлайн <a href="http://validator.w3.org/">валидатора на W3C</a>, при това работи и оффлайн. Новите иконки на Веерле ще заменят default иконата на Markup Validator S.A.C. в дока на MacOS X.</p>
<p><a rel="lightbox" href="http://www.optimiced.com/wp-uploads/2009/06/w3c-html-icons-compared.jpg" title="The icons (compared)" class="imagelink"><img src="http://www.optimiced.com/wp-uploads/2009/06/icon-validator-current.jpg" alt="the icons (compared)" /></a>Вляво е сегашната иконка на Markup Validator S.A.C. Може да я сравните с вариантите, които Веерле нарисува &#8212; лично на мен, нейният дизайн ми харесва много повече! :-)</p>
<p>Освен това, тя пусна целия icon set съвсем безплатно!</p>
<p>За съжаление, трябва да отбележа само, че комплектът иконки е предвиден само за Mac потребители. Жалко, защото иконките биха могли да се използват по много начини (и не само под MacOS X, конкретно за това приложение точно).</p>
<p>Разбира се, може да си свалите и използвате JPG вариантите (които са в доста високо качество), но без alpha прозрачността, която е възможна само при PNG32 файловия формат&#8230;</p>
<p>Ако искате да използвате някоя от тези иконки под MacOS X, линк за свалянето им има в публикацията на Веерле:</p>
<p><strong><a href="http://veerle.duoh.com/blog/comments/a_new_icon_for_markup_validator_s.a.c/">http://veerle.duoh.com/blog/comments/a_new_icon_for_markup_validator_s.a.c/</a></strong></p>
<p><em>(Там има и инструкции, как може да си смените някоя от иконите в дока на MacOS X.)</em></p>
<p>Колкото до JPG вариантите, също може да ги копирате ръчно от нейния блог, или да си ги свалите като един ZIP файл, който за удобство направих (тъй като иконките се разпространяват съвсем безплатно):</p>
<p><a href="http://www.optimiced.com/wp-uploads/2009/06/html-icons-by-veerle-in-jpg-format.zip" title="W3C HTML icon set from Veerle Pieters, JPG format (in one ZIP archive)"><img src="http://www.optimiced.com/wp-uploads/2009/06/icon-set-zip.jpg" alt="download all icons in one ZIP archive, JPG format" class="centered" /></a></p>
<p>В заключение, какво повече да кажа? Още един прекрасен дизайн от Veerle! :-)</p>
]]></content:encoded>
			<wfw:commentRss>http://www.optimiced.com/bg/2009/06/04/new-w3c-html-icons/feed/</wfw:commentRss>
		<slash:comments>11</slash:comments>
		</item>
		<item>
		<title>XHTML 1.0 или HTML 4.01 (HTML 5)?</title>
		<link>http://www.optimiced.com/bg/2009/05/15/xhtml1-html4-html5/</link>
		<comments>http://www.optimiced.com/bg/2009/05/15/xhtml1-html4-html5/#comments</comments>
		<pubDate>Fri, 15 May 2009 05:55:54 +0000</pubDate>
		<dc:creator>Michel</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[Уебдизайн]]></category>

		<guid isPermaLink="false">http://www.optimiced.com/bg/?p=1945</guid>
		<description><![CDATA[Ако се занимавате професионално с уеб дизайн и пишете HTML/CSS код for living, може да ви е интересен фактът, че Dave Shea превключи от XHTML 1.0 към HTML 4.01. [ This article is also available in English ] Факт е, че: 1) Напоследък HTML 5 стандартът набира скорост. 2) XHTML 2.0 е вероятно никога да [...]]]></description>
			<content:encoded><![CDATA[<p>Ако се занимавате професионално с уеб дизайн и пишете HTML/CSS код <em>for living</em>, може да ви е интересен фактът, че Dave Shea превключи от <strong><a href="http://mezzoblue.com/archives/2009/04/20/switched/">XHTML 1.0 към HTML 4.01</a></strong>.</p>
<p>[ <a href="/en/2009/05/15/xhtml1-html4-html5/">This article is also available in English</a> ]</p>
<p>Факт е, че:</p>
<p>1) Напоследък <a href="http://dev.w3.org/html5/spec/Overview.html">HTML 5 стандартът</a> набира скорост.</p>
<p>2) XHTML 2.0 е вероятно <em>никога</em> да не се реализира като наследник на XHTML 1.0. Всъщност, най-вероятно е XHTML 2.0 да не се появи изобщо.</p>
<p>3) Немалко професионални дизайнери и CSS/HTML кодъри се отказват от XHTML 1.0 и се връщат обратно към HTML 4.01 <em>(а някои от тях дори <a href="http://adactio.com/journal/1540">експериментират</a> сериозно с HTML 5)</em>.</p>
<p>Ако сте уеб дизайнер и/или обичате да създавате HTML/XHTML код на ръка, съм любопитен, кой стандарт за HTML документи предпочитате в момента (изберете един от отговорите в анкетата по-долу):</p>
<div id="polls-2" class="wp-polls">
<form id="polls_form_2" class="wp-polls-form" action="/bg/category/webdesign/feed/" method="post">
<p style="display: none;">
<input type="hidden" name="poll_id" value="2" /></p>
<p style="text-align: center;"><strong>Какъв DOCTYPE използвате най-често?</strong></p>
<div id="polls-2-ans" class="wp-polls-ans">
<ul class="wp-polls-ul">
<li>
<input type="radio" id="poll-answer-6" name="poll_2" value="6" /> <label for="poll-answer-6">XHTML 1.0 Transitional (някои го предпочитат с &#8220;X&#8221; отпред&#8230;)</label></li>
<li>
<input type="radio" id="poll-answer-7" name="poll_2" value="7" /> <label for="poll-answer-7">XHTML 1.0 Strict (пак с &#8220;X&#8221;, но още по-стриктен!)</label></li>
<li>
<input type="radio" id="poll-answer-8" name="poll_2" value="8" /> <label for="poll-answer-8">HTML 4.01 Transitional (мързи ме да затварям тагове&#8230;)</label></li>
<li>
<input type="radio" id="poll-answer-9" name="poll_2" value="9" /> <label for="poll-answer-9">HTML 4.01 Strict (най-добрият HTML! ever!)</label></li>
<li>
<input type="radio" id="poll-answer-10" name="poll_2" value="10" /> <label for="poll-answer-10">HTML 5 (обичам да експериментирам!)</label></li>
<li>
<input type="radio" id="poll-answer-11" name="poll_2" value="11" /> <label for="poll-answer-11">XHTML 1.1 (аз съм маниак-coder, сънувам код!)</label></li>
<li>
<input type="radio" id="poll-answer-12" name="poll_2" value="12" /> <label for="poll-answer-12">- no doctype &#8211; (ъх? doctype? какво е това?)</label></li>
</ul>
<p style="text-align: center;">
<input type="button" name="vote" value="   Vote   " class="Buttons" onclick="poll_vote(2);" onkeypress="poll_result(2);" /></p>
<p style="text-align: center;"><a href="#ViewPollResults" onclick="poll_result(2); return false;" onkeypress="poll_result(2); return false;" title="View Results Of This Poll">View Results</a></p>
</div></form>
</div>
<div id="polls-2-loading" class="wp-polls-loading"><img src="http://www.optimiced.com/bg/wp-content/plugins/wp-polls/images/loading.gif" width="16" height="16" alt="Loading ..." title="Loading ..." class="wp-polls-image" />&nbsp;Loading &#8230;</div>
<p>Анкетата е непредставителна, несериозна, и резултите от нея вероятно няма да послужат за нищо друго, освен да се осведомя, дали в момента само аз си оставам (временно) привърженик на XHTML 1.0, или все още има и други като мен:)</p>
<p><span id="more-1945"></span></p>
<p>Ако имате сериозни предпочитания към един или друг стандарт &#8212; XHTML 1.0 или HTML 4.01 (или може би дори към новия HTML 5?), ще се радвам и да разбера за аргументите ви &#8220;за&#8221; или &#8220;против&#8221; &#8212; може да оставите кратък коментар. При Дейв <strong><a href="http://mezzoblue.com/archives/2009/04/20/switched/">дискусията</a></strong> е изключително интересна, успях да прочета почти всички коментари вчера.</p>
<p>Лично на мен са ми малко неясни идеите на <a href="http://www.w3.org/">W3C</a>. Как се развиват стандартите, в каква посока, и защо:</p>
<p><strong>HTML 3.2</strong> беше заместен от <strong>HTML 4.01</strong>, след това беше приет стандартът <strong>XHTML 1.0</strong>, а сега се разработва усилено&#8230; <strong>HTML 5</strong>? Никаква логика в номерирането, да не говорим пък за това, че първо имаме езика HTML (чийто корен се крие в <a href="http://en.wikipedia.org/wiki/SGML">SGML</a>), след това W3C решават, че е добре да се опитат да обединят XML + HTML (&#8220;ражда&#8221; се XHTML 1.0), а накрая (поне привидно) се връщат към идеята за &#8220;чист&#8221; HTML и в новия стандарт <em>(HTML 5)</em> &#8216;X&#8217;-ът липсва&#8230;</p>
<p>Какво ли следва? Не знам. Лично аз се удивлявам малко от факта, че първите стандарти, които научих, когато започнах да се занимавам с уебдизайн, бяха HTML 3.2 и HTML 4.01, после дойде на ред XHTML 1.0 (&#8220;The Next Best Thing Since SLiced Bread&#8221; след HTML 4.01) &#8212; тогава ми се наложи да се науча да затварям тагове, които дори не трябва да се затварят (като <code>img</code> и <code>br</code>, например)&#8230; А сега, след XHTML 1.0, на ред отново е HTML?</p>
<p>За момента не планирам да променям стила си на кодиране. XHTML 1.0 Transitional &#038; Strict вършат чудесна работа.</p>
<p>Освен това, използването на HTML 4.01 си има известни недостатъци (спрямо XHTML 1.0):</p>
<p>Например, при HTML 4.01 затварянето на някои тагове не е задължително. <code>&lt;p&gt;, &lt;li&gt;</code> могат да бъдат отворени, но не е задължително да се затворят след това, така че са валидни и двата следващи примера:</p>
<p><em>пример 1:</em></p>
<p><code>&lt;ul&gt;<br />
  &lt;li&gt;&lt;a href=&quot;#&quot;&gt;Lorem&lt;/a&gt;&lt;/li&gt;<br />
  &lt;li&gt;&lt;a href=&quot;#&quot;&gt;Ipsum&lt;/a&gt;&lt;/li&gt;<br />
  &lt;li&gt;&lt;a href=&quot;#&quot;&gt;Dolor Sit&lt;/a&gt;&lt;/li&gt;<br />
&lt;/ul&gt;</p>
<p>&lt;p&gt;Lorem ipsum...&lt;/p&gt;</p>
<p>&lt;p&gt;Lorem ipsum!&lt;/p&gt;<br /><code></p>
<p><em>пример 2:</em></p>
<p><code>&lt;ul&gt;<br />
  &lt;li&gt;&lt;a href=&quot;#&quot;&gt;Lorem&lt;/a&gt;<br />
  &lt;li&gt;&lt;a href=&quot;#&quot;&gt;Ipsum&lt;/a&gt;<br />
  &lt;li&gt;&lt;a href=&quot;#&quot;&gt;Dolor Sit&lt;/a&gt;<br />
&lt;/ul&gt;</p>
<p>&lt;p&gt;Lorem ipsum...</p>
<p>&lt;p&gt;Lorem ipsum!<br /></code></p>
<p>Това обаче може да доведе и до ситуацията, когато и следният пример ще е съвсем валиден за <a href="http://validator.w3.org">W3C валидатора</a>:</p>
<p><em>пример 3:</em></p>
<p><code>&lt;ul&gt;<br />
  &lt;li&gt;&lt;a href=&quot;#&quot;&gt;Lorem&lt;/a&gt;<br />
  &lt;li&gt;&lt;a href=&quot;#&quot;&gt;Ipsum&lt;/a&gt;&lt;/li&gt;<br />
  &lt;li&gt;&lt;a href=&quot;#&quot;&gt;Dolor Sit&lt;/a&gt;&lt;/li&gt;<br />
&lt;/ul&gt;</p>
<p>&lt;p&gt;Lorem ipsum...</p>
<p>&lt;p&gt;Lorem ipsum!&lt;/p&gt;<br /></code></p>
<p>...но няма да изглежда толкова добре (като код).</p>
<p>При XHTML 1.0 такъв проблем няма. Ще е се валидира единствено <em>пример 1</em>, където всички отворени тагове са затворени коректно. Такъв код и по-лесно ще се проверява за грешки, и също и по-успешно може да бъде разчетен от машина.</p>
<p>Трябва да се отбележи още, че при HTML 4.01 не е задължително да поставяте кавички в определени случаи.</p>
<p><em>пример 4:</em></p>
<p><code>&lt;div class=container&gt;<br />
  &lt;p&gt;Lorem Ipsum...&lt;/p&gt;<br />
  &lt;p class=&quot;blue&quot;&gt;Dolor sit...&lt;/p&gt;<br />
&lt;/div&gt;<br /></code></p>
<p>Код като този ще е валиден при HTML 4.01, но невалиден при XHTML 1.0. При XHTML 1.0 ще се валидира само следният пример:</p>
<p><em>пример 5:</em></p>
<p><code>&lt;div class=&quot;container&quot;&gt;<br />
  &lt;p&gt;Lorem Ipsum...&lt;/p&gt;<br />
  &lt;p class=&quot;blue&quot;&gt;Dolor sit...&lt;/p&gt;<br />
&lt;/div&gt;<br /></code></p>
<p>При HTML 4.01 има и още разлики. Знаци като '<strong>&#038;</strong>', &quot; (кавички), и други, не е задължително да се кодират (при XHTML 1.0 знакът за амперсанд трябва да се кодира като <code>&amp;amp;</code>, например).</p>
<p>Също и да не забравяме, че повечето от съвременните CMS системи са програмирани с идеята за XHTML 1.0 (а не HTML 4.01), и ако преминете към HTML в такава ситуация, е възможно да се окаже, че имате смесен HTML и XHTML код в рамките на една страница; в такъв случай, ще ви се наложи да промените начина на работа на CMS системата, или кодът ви няма да се валидира съвсем...</p>
<p>* * *</p>
<p>Ако сте добър дизайнер, нямате проблем да използвате HTML 4.01 или XHTML 1.0 еднакво успешно. Но дори да имате много голям опит, използването на HTML 4 крие известни рискове -- много по-лесно е да допуснете някои грешки, които <a href="http://validator.w3.org">валидаторът</a> няма да открие изобщо <em>(отворени, но незатворени тагове, и други)</em>. Оттам до някоя разновидност на <a href="http://en.wikipedia.org/wiki/Tag_soup">tag soup</a>, която може да се получи, е само една крачка... XHTML 1.0 е много по-строг в това отношение, и по-лесно ще ви научи да пишете добре форматиран код.</p>
<p>С любопитство следя развитието на HTML и CSS, но засега не съм чул достатъчно силни аргументи за това стандартът XHTML 1.0 да бъде признат за по-неудобен от HTML 4.01. Колкото до HTML 5, за момента това е само working draft, и има още да се развива доста...</p>
<p>По-приятно ми е да използвам някои нови разработки от CSS3, които най-модерните браузъри вече поддържат (като <a href="http://www.google.com/search?hl=en&#038;ei=iTMNSuKGJpTEsAaEutT-CA&#038;sa=X&#038;oi=spell&#038;resnum=0&#038;ct=result&#038;cd=1&#038;q=css3+rounded+corners&#038;spell=1">rounded corners</a> -- Firefox, Safari имат перфектна поддръжка за тях в момента), отколкото да се опитвам да почна да кодирам отново в HTML стил, без "X" отпред:-)</p>
<p>Може и да греша, но засега предпочитам малко по-стриктното кодиране, което налага XHTML 1.0... Може би просто навик?</p>
]]></content:encoded>
			<wfw:commentRss>http://www.optimiced.com/bg/2009/05/15/xhtml1-html4-html5/feed/</wfw:commentRss>
		<slash:comments>11</slash:comments>
		</item>
		<item>
		<title>utf8_unicode_ci vs. utf8_general_ci</title>
		<link>http://www.optimiced.com/bg/2009/04/29/utf8-unicode-ci-vs-utf8-general-ci/</link>
		<comments>http://www.optimiced.com/bg/2009/04/29/utf8-unicode-ci-vs-utf8-general-ci/#comments</comments>
		<pubDate>Wed, 29 Apr 2009 05:13:17 +0000</pubDate>
		<dc:creator>Michel</dc:creator>
				<category><![CDATA[Уебдизайн]]></category>

		<guid isPermaLink="false">http://www.optimiced.com/bg/?p=1871</guid>
		<description><![CDATA[От доста време търся отговор на следния въпрос: Каква е разликата между utf8_unicode_ci и utf8_general_ci (MySQL collations)? PHP/MySQL е тъмна Индия за мен, така че с интерес прочетох следния кратък материал по въпроса: http://forums.mysql.com/read.php?103,187048,188748#msg-188748 В общи линии излиза, че почти няма разлика между двете; може да се каже и че utf8_unicode_ci е малко по-точен, а [...]]]></description>
			<content:encoded><![CDATA[<p>От доста време търся отговор на следния въпрос:</p>
<p>Каква е разликата между <strong>utf8_unicode_ci</strong> и <strong>utf8_general_ci</strong> (MySQL collations)?</p>
<p>PHP/MySQL е тъмна Индия за мен, така че с интерес прочетох следния кратък материал по въпроса:</p>
<p><strong><a href="http://forums.mysql.com/read.php?103,187048,188748#msg-188748">http://forums.mysql.com/read.php?103,187048,188748#msg-188748</a></strong></p>
<p>В общи линии излиза, че почти няма разлика между двете; може да се каже и че <em>utf8_unicode_ci е малко по-точен</em>, а <em>utf8_general_ci е малко по-бърз</em> (или поне това разбрах от обясненията)&#8230;</p>
<p><em>(Явно не съм сбъркал, когато се чудех преди време, какви настройки да избера за WP при инсталирането на нашите блогове преди 2 години и нещо, и накрая се спрях на DB_CHARSET: utf8 и DB_COLLATE: utf8_unicode_ci. Спомням си и че в WordPress 2.0.5 тези настройки все още не присъстваха, така че се правеше един &#8220;хак&#8221; при връзването към базата данни, май се редактираше на ръка wp-db.php в /wp-includes/&#8230;)</em></p>
<p>Също и предполагам, ако планирате да пишете на повече от един език и/или на език, различен от US/UK English, <strong>utf8_unicode_ci</strong> е по-добрият избор &#8212; примерно, немската буква &#8220;<strong>ß</strong>&#8221; ще бъде коректно подредена близо до &#8220;<strong>ss</strong>&#8221; (при <em>utf8_general_ci</em> това няма да се случи). Има и други интересни разлики, така че хвърлете едно око на материала, ако ви е интересно&#8230;</p>
]]></content:encoded>
			<wfw:commentRss>http://www.optimiced.com/bg/2009/04/29/utf8-unicode-ci-vs-utf8-general-ci/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Наближава ли залезът на IE6?</title>
		<link>http://www.optimiced.com/bg/2009/02/22/the-end-of-ie6/</link>
		<comments>http://www.optimiced.com/bg/2009/02/22/the-end-of-ie6/#comments</comments>
		<pubDate>Sun, 22 Feb 2009 13:08:19 +0000</pubDate>
		<dc:creator>Michel</dc:creator>
				<category><![CDATA[Web]]></category>
		<category><![CDATA[Браузъри]]></category>
		<category><![CDATA[Уебдизайн]]></category>

		<guid isPermaLink="false">http://www.optimiced.com/bg/?p=1563</guid>
		<description><![CDATA[В светлината на идеите в последно време уеб дизайнерите да се занимават с Internet Explorer 6 все по-малко и по-малко (все пак, този браузър е вече на почти 10 години!), ми беше любопитно да сравня малко статистики в моя сайт. Но първо, няколко думи за причините за намаляването на поддръжката за IE6 и две интересни [...]]]></description>
			<content:encoded><![CDATA[<p>В светлината на идеите в последно време уеб дизайнерите да се занимават с Internet Explorer 6 все по-малко и по-малко (все пак, този браузър е вече на почти 10 години!), ми беше любопитно да сравня малко статистики в моя сайт.</p>
<p>Но първо, няколко думи за причините за намаляването на поддръжката за IE6 и две интересни статии.</p>
<h3>Причините</h3>
<p><strong>Dan Cederholm</strong>: <a href="http://www.simplebits.com/notebook/2009/02/13/iegone.html">How I Might Deal with IE6</a></p>
<p><strong>Roger Johannson</strong>: <a href="http://www.456bereastreet.com/archive/200902/no_more_pixel_perfectionism_in_ie_6/">No more pixel perfectionism in IE 6</a></p>
<p>Принципно, идеята е следната: Ограничете времето, което отделяте за IE6, до необходимия минимум. Да, дизайнът ще изглежда малко по-различно в този архаичен браузър, но какво толкова? Важното е да работи, и да няма проблеми с достъпността или функционалността.</p>
<p>В определени случаи, може дори да прецените, дали искате да осигурите дори и минимална поддръжка за IE6, или направо да го &#8220;отрежете&#8221;, по подобен начин, както преди години беше ограничена поддръжката за Netscape 4.7x, с помощта на <code>@import</code> за CSS стиловете.</p>
<p>За IE6, може да ползвате IE conditional comments, примерно:</p>
<pre><code>
&lt;!--[if gte IE 7]&gt;&lt;!--&gt;
&#160;&#160;&lt;link rel="stylesheet" type="text/css" media="screen, projection" href="screen.css" /&gt;
&lt;!--&lt;![endif]--&gt;
</code></pre>
<p>&#8220;Преведено&#8221; на разбираем език, това малко парченце HTML код значи следното:</p>
<p>Ако Internet Explorer е версия <strong>7</strong> (или по-висока), файлът със CSS стиловете &#8216;screen.css&#8217; ще се зареди. В противен случай, файлът няма да се зареди (тоест, при IE6 и по-стара версия). Всички останали браузъри (Firefox, Opera, Safari, etc.) ще си заредят нормално файла <code>screen.css</code>. Тествах във Firefox 3, Safari 3.2, IE7, IE6, работи безотказно.</p>
<blockquote><p><strong><a href="http://www.optimiced.com/lab/2009/ie6-css-filtering/">Ето го и тестовия пример</a></strong></p></blockquote>
<p>Отворете тази тестова страничка с Firefox, Opera, Safari или IE7+ &#8212; фонът на страницата би трябвало да е зелен, тоест, файлът със стиловете &#8216;screen.css&#8217; се зарежда нормално.</p>
<p>Отворете страничката с IE6 или по-стара версия &#8212; фонът на страницата би трябвало да е бял, тоест, файлът със стиловете &#8216;screen.css&#8217; не се зарежда.</p>
<p>А сега малко за статистиките.</p>
<p>Реших да проверя, какъв процент от посетителите на моя блог ползват Internet Explorer, какъв процент от тях ползват версия 6, и също и как стои въпросът с Firefox и още от няколко от съвременните браузъри, които в момента са популярни.</p>
<h3>Точните числа</h3>
<p>За сравнение взимам последния месец (22 януари &#8212; 22 февруари 2009), и сравнявам също така този период със същия период, но от преди една година (22 януари &#8212; 22 февруари 2008).</p>
<p>Firefox (Jan. 22, 2009 &#8212; Feb. 22, 2009): <em>56.18%</em> от всички посещения<br />
Firefox (Jan. 22, 2008 &#8212; Feb. 22, 2008): 	<em>49.79%</em> от всички посещения<br />
<strong>Firefox: +6.39%</strong> увеличение на посещенията, в рамките на 1 година</p>
<p>Internet Explorer (Jan. 22, 2009 &#8212; Feb. 22, 2009): <strong>33.47%</strong> от всички посещения<br />
Internet Explorer (Jan. 22, 2008 &#8212; Feb. 22, 2008): <em>40.90%</em> от всички посещения<br />
<strong>Internet Explorer: -7.43%</strong> намаляване на посещенията, в рамките на 1 година</p>
<p>Opera в момента е около 5%, Chrome около 3.2% и Safari 1.5%. Всички останали браузъри (Mozilla, например) са с пренебрежимо малки числа, така че не си струва да бъдат споменавани дори.</p>
<p>Тенденцията е ясна. Firefox бавно, но постоянно увеличава своя дял, а Internet Explorer прави точно обратното. Safari, Opera, а отскоро и Chrome, също присъстват в общата картина, но доста по-скромно.</p>
<p>Нека видим и как стои въпросът с версиите на IE.</p>
<h3>IE7/IE8 vs. IE6</h3>
<p>IE7 (Jan. 22, 2009 &#8212; Feb. 22, 2009): <em>55.22%</em> от дяла на IE в посещенията<br />
IE7 (Jan. 22, 2008 &#8212; Feb. 22, 2008): <em>41.59%</em> от дяла на IE в посещенията<br />
<strong>IE7: +13.63%</strong> увеличение на посещенията в рамките на 1 година</p>
<p>IE6 (Jan. 22, 2009 &#8212; Feb. 22, 2009): <em>43.64%</em> от дяла на IE в посещенията<br />
IE6 (Jan. 22, 2008 &#8212; Feb. 22, 2008): <em>57.18%</em> от дяла на IE в посещенията<br />
<strong>IE6: -13.54%</strong> намаляване на посещенията в рамките на 1 година</p>
<p>Тенденцията тук също е ясна: IE6 бавно отстъпва позиции за сметка на IE7, който започва да преобладава.</p>
<p>IE8 Beta също присъства отскоро в статистиките, но доста скромно &#8212; около 1%.</p>
<h3>The Verdict</h3>
<p><strong>Firefox</strong>: <strong>56.18</strong>% от всички посещения на сайта<br />
<strong>Internet Explorer</strong>: <strong>33.47</strong>% от всички посещения на сайта<br />
&#8212; IE7: <em>~ 55%</em> (от IE дяла)<br />
&#8212; IE6: <em>~ 43%</em> (от IE дяла)</p>
<p>Тоест, в момента посетителите, които използват IE6, са по-малко от 15% от общата цифра. Останалите ползват Firefox, IE7, Safari, Opera и Chrome.</p>
<p>15% твърде малка цифра ли е, за да приложа (хипотетично) &#8220;филтриране&#8221; на CSS стиловете за IE6? Не, все още е рано.</p>
<p>Но предполагам, че до 1-2 години дялът на IE6 ще намалее дотолкова, че наистина няма да има смисъл човек да се старае да оправя XHTML/CSS кода за него. И тогава IE6 ще влезе в историята, по същия начин, по който Netscape Navigator 4.7x влезе в историята преди няколко години &#8212; нещо, което лично на мен ми донесе невъобразимо облекчение тогава! :-)</p>
]]></content:encoded>
			<wfw:commentRss>http://www.optimiced.com/bg/2009/02/22/the-end-of-ie6/feed/</wfw:commentRss>
		<slash:comments>5</slash:comments>
		</item>
		<item>
		<title>Още за шрифтовете на Win/Mac</title>
		<link>http://www.optimiced.com/bg/2009/02/19/more-on-mac-win-fonts/</link>
		<comments>http://www.optimiced.com/bg/2009/02/19/more-on-mac-win-fonts/#comments</comments>
		<pubDate>Thu, 19 Feb 2009 00:43:44 +0000</pubDate>
		<dc:creator>Michel</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[Уебдизайн]]></category>

		<guid isPermaLink="false">http://www.optimiced.com/bg/?p=1547</guid>
		<description><![CDATA[Преди няколко дни писах за най-разпространените шрифтове под Mac/Windows (също и Linux). Междувременно, намерих още един интересен материал, посветен на същата тема: www.ampsoft.net/webdesign-l/WindowsMacFonts.html Това е списък с шрифтове, характерни за всички версии на Windows и MacOS. Понякога се наричат &#8220;browser safe fonts&#8221; (тоест, шансът повечето от тези шрифтове да присъстват на типична Mac или Windows [...]]]></description>
			<content:encoded><![CDATA[<p>Преди няколко дни писах за <a href="http://www.optimiced.com/bg/2009/02/15/most-widespread-fonts-on-windows-mac-linux/">най-разпространените шрифтове</a> под Mac/Windows (също и Linux).</p>
<p>Междувременно, намерих още един интересен материал, посветен на същата тема:</p>
<p><strong><a href="http://www.ampsoft.net/webdesign-l/WindowsMacFonts.html">www.ampsoft.net/webdesign-l/WindowsMacFonts.html</a></strong></p>
<p>Това е списък с шрифтове, характерни за всички версии на Windows и MacOS. Понякога се наричат &#8220;browser safe fonts&#8221; (тоест, шансът повечето от тези шрифтове да присъстват на типична Mac или Windows система е доста висок).</p>
<p>Ако се занимавате с уеб дизайн, хвърлете едно око, може да ви е полезно!</p>
<p>Ето и извадка от списъка:</p>
<p><img src="http://www.optimiced.com/wp-uploads/2009/02/win-mac-common-fonts.gif" alt="win-mac-common-fonts" width="414" height="660" class="centered" /></p>
<p><em>Забележки:</em></p>
<p><em>1) Georgia и Trebuchet MS идват заедно с Windows 2000/XP и са също така включени в шрифтовия пакет на Internet Explorer (също и често идват с други приложения на Microsoft), така че те са доста популярни дори и на Windows 98 системи.</em></p>
<p><em>2) Символните шрифтове се показват само в Internet Explorer, в други браузъри се използва техен еквивалент (въпреки че Symbol работи в Opera, а Webdings работи в Safari).</em></p>
<p><em>3) Book Antiqua е почти като Palatino Linotype, а Palatino Linotype е включен в Windows 2000/XP, докато Book Antiqua идва заедно с Windows 98.</em></p>
<p><em>4) Тези шрифтове не са TrueType, а bitmap шрифтове, така че те няма да изглеждат добре когато се използват определени техни размери (те са били създадени за 8, 10, 12, 14, 18 и 24 пункта, при 96 dpi резолюция).</em></p>
<p><em>5) Тези шрифтове работят в Safari, но само когато се използва техният нормален стил, но не и bold или italic. Comic Sans MS е ОК в bold, но не и в italic. Други Mac браузъри емулират добре стиловете, които не са осигурени от самия шрифт.</em></p>
<p><em>6) Тези шрифтове са налични в Mac OS X, само ако Classic е инсталиран.</em></p>
<p>За повече подробности, вижте в <a href="http://www.ampsoft.net/webdesign-l/WindowsMacFonts.html">оригинала</a>:-)</p>
]]></content:encoded>
			<wfw:commentRss>http://www.optimiced.com/bg/2009/02/19/more-on-mac-win-fonts/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Най-разпространените шрифтове под Windows, MacOS и Linux</title>
		<link>http://www.optimiced.com/bg/2009/02/15/most-widespread-fonts-on-windows-mac-linux/</link>
		<comments>http://www.optimiced.com/bg/2009/02/15/most-widespread-fonts-on-windows-mac-linux/#comments</comments>
		<pubDate>Sun, 15 Feb 2009 15:06:35 +0000</pubDate>
		<dc:creator>Michel</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[Уебдизайн]]></category>

		<guid isPermaLink="false">http://www.optimiced.com/bg/?p=1528</guid>
		<description><![CDATA[Ако се занимавате с уеб дизайн и писане на (X)HTML/CSS код, следният списък може да ви е полезен. В него съм комбинирал най-разпространените шрифтове под Windows, MacOS и Linux системи. Данните ми са взети оттук и са валидни към 17-ти януари 2009: Windows: Microsoft Sans Serif: 99.61% Arial Black: 97.82% Franklin Gothic Medium: 97.58% Palatino [...]]]></description>
			<content:encoded><![CDATA[<p>Ако се занимавате с уеб дизайн и писане на (X)HTML/CSS код, следният списък може да ви е полезен. В него съм комбинирал най-разпространените шрифтове под Windows, MacOS и Linux системи. Данните ми са взети <a href="http://www.codestyle.org/css/font-family/sampler-CombinedResults.shtml">оттук</a> и са валидни към 17-ти януари 2009:</p>
<p><strong>Windows:</strong></p>
<p>Microsoft Sans Serif: 99.61%<br />
<strong>Arial Black: 97.82%</strong><br />
Franklin Gothic Medium: 97.58%<br />
Palatino Linotype: 97.54%<br />
<strong>Verdana: 97.54%</strong><br />
<strong>Arial: 97.13%</strong><br />
<strong>Courier New: 96.96%</strong><br />
<strong>Comic Sans MS: 96.83%</strong><br />
Tahoma: 96.79%<br />
Lucida Console: 96.76%<br />
Impact: 96.49%<br />
<strong>Trebuchet MS: 95.97%</strong><br />
Sylfaen: 95.00%<br />
Lucida Sans Unicode: 94.34%<br />
<strong>Georgia: 92.97%</strong></p>
<p><strong>Mac:</strong></p>
<p>Monaco: 96.91%<br />
<strong>Arial: 96.62%</strong><br />
Courier: 96.48%<br />
Helvetica: 96.48%<br />
<strong>Arial Black: 95.78%</strong><br />
<strong>Verdana: 94.37%</strong><br />
<strong>Georgia: 93.53%</strong><br />
Helvetica Neue: 93.07%<br />
<strong>Trebuchet MS: 92.69%</strong><br />
Geneva: 92.41%<br />
<strong>Courier New: 92.12%</strong><br />
Gill Sans: 91.58%<br />
<strong>Comic Sans MS: 91.42%</strong><br />
Times New Roman: 90.58%<br />
Arial Narrow: 90.44%<br />
Apple Chancery: 90.15%<br />
Skia: 90.15%<br />
Lucida Grande: 90.01%<br />
Futura: 89.73%<br />
Hoefler Text: 88.47%</p>
<p><strong>*nix:</strong></p>
<p>DejaVu Sans Mono: 92.31%<br />
Bitstream Charter: 90.77%<br />
URW Chancery L: 89.87%<br />
Nimbus Mono L: 89.35%<br />
Century Schoolbook L: 89.09%</p>
<p>В <strong>bold</strong> по-горе съм маркирал общо 7 шрифтови фамилии. Те са онези шрифтове, които се намират сравнително често едновременно под Windows и Mac, и това са:</p>
<p>1. <strong>Verdana</strong> <em>(sans-serif font family)</em><br />
2. <strong>Georgia</strong> <em>(serif font family)</em><br />
3. <strong>Courier New</strong> <em>(monotype font family)</em><br />
4. <strong>Arial</strong> <em>(sans-serif font family)</em><br />
5. <strong>Arial Black</strong> <em>(sans-serif font family)</em><br />
6. <strong>Trebuchet MS</strong> <em>(sans-serif font family)</em><br />
7. <strong>Comic Sans MS</strong> <em>(sans-serif font family)</em></p>
<p>За съжаление, нито един от тези шрифтове не попада и сред най-разпространените шрифтове под Linux/Unix. Явно заблудата ми, че Verdana, например, е един от най-разпространените шрифтове под Windows/Mac/Linux, е била само заблуда &#8212; <a href="http://www.codestyle.org/css/font-family/sampler-CombinedResultsFull.shtml">пълните данни</a>, например, показват, че Verdana присъства на над 90% от Windows и MacOS системите, но само на около 50% от Linux&#8230;</p>
<p>Могат да се направят и още интересни изводи, ако се прегледат в детайл двата списъка (кратък и пълен), за мен засега е достатъчно, че (поне на теория) има няколко &#8220;сигурни&#8221; шрифта, които присъстват с голяма доза вероятност едновременно на Windows и Mac:-)</p>
]]></content:encoded>
			<wfw:commentRss>http://www.optimiced.com/bg/2009/02/15/most-widespread-fonts-on-windows-mac-linux/feed/</wfw:commentRss>
		<slash:comments>7</slash:comments>
		</item>
	</channel>
</rss>

