И тъй като вече сме 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 »

Големи (почти огромни) размери на шрифта – Huge Typography

В много сайтове, създадени през изтичащата година прави впечатление, че акцента се поставя върху типографията на сайта, като за целта се използват най-често големи размери на шрифта. Този похват става все по-предпочитан за привличане на вниманието, за сметка на атрактивните графики или флаш елементите. Това е резултат от все по-голямото внимание, което се отделя на SEO, а също и на възможността да се използват различни от стандартните уеб шрифтове, благодарение на подобрената поддръжка на CSS3 от страна на съвременните браузъри и няколкото скрипта за заместване на шрифта в HTML документа, които ще засегна в третата част на поредицата за тенденциите в уеб дизайна за 2009 година.

Ето и няколко примера за използване на шрифтове с големи размери: 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 »