И тъй като вече сме 2010 година останалата част от тенденциите в уеб дизайна за 2009 ще ги спомена телеграфически, а в бъдещите публикации ще обърна поглед към това, което ще се случва през новата година в нашата област. Read the rest of this entry »

Modal Boxes (Lightboxes)

Едва ли има сайтове, изработени през последната година, в които да не се използват под една или друга форма т. нар. Lightboxes. Тази тенденция ще продължи и през 2010 година. В началото най-честото им приложение беше за фото галерии, но с постоянно добавяните плъгини за най-популярните javascript библиотеки от рода на jquery, mootols и т.н. все повече се използват и за показване на всякакъв тип информация – текст, графика, мултимедия и форми. Read the rest of this entry »

Замяна на шрифта – Font Replacement

Дойде ред на един похват, който направи уеб сайтовете много по-разнообразни от гледна точка на типографията им. До сега цялата текстова информация на страниците се представяше с някой от стандартните шрифтове, като Arial, Verdana, Georgia, Tahoma, Helvetica и т.н. , които за съжаление са прекалено ограничен брой и това правеше уеб пространството сравнително еднообразно. И тук на помощ идват новите похвати за заместване на стандартните шрифтове със избраните от дизайнера. Това може да се постигне по два основни начина – единият е чрез използване на “@font-face” правилото, което ни позволява да зададем шрифта през CSS. Но както може да се очаква радостта не е пълна и до момента се поддържат само някой шрифтови формати (TrueType , OpenType), и то само от последните версии на най-популярните браузъри, докато по-старите версии не поддържат  “@font-face”.  Другият вариант, който е по-универсален т.е. върши работа за почти всички браузъри е използването на техниката “Font replacement“. Read the rest of this entry »

Преди време един от блоговете, които следя редовно публикува интересна статия за тенденциите в уеб дизайна за 2009 година. В няколко поредни поста ще публикувам моите фаворити сред тях:

Прозрачни PNG графични елементи

През настоящата година се затвърди използването на прозрачността на PNG формата. Въпреки прословутия бъг на IE6, който не поддържа прозрачността на png изображения и фонове, същите се използват все по-масово от дизайнерите и разработчиците и предоставят все по-интересни решения от гледна точка на дизайна на съвременните сайтове. Една от причините за използването на PNG е наличието на няколко различни техники за преодоляването на проблема с по-старите версии на Internet Explorer. Най-доброто решение до момента е IE PNG Fix, във втората версия на който, вече се поддържа и прозрачност на фона с позициoниране и повтаряне (background-position, background-repeat).

Примери, демонстриращи използването на прозрачни PNG елементи в съвременния уеб дизайн: Read the rest of this entry »

Както всяка година от 2006 насам, така и тази отбелязваме CSS Naked Day! За 2009-а днес е денят “Х”. Целта на мероприятието — популяризиране на уеб стандартите. За да докажете подкрепата си е достатъчно да изключите стиловете, които се използват за форматирането на Вашия сайт.
Аз като уеб разработчик подкрепям това събитие с две ръце!