Това е кратък списък с разнообразни по стил колекции от иконки (icon sets) за социалните мрежи:

Socialmonochromicons – 150 икони
Free Social Media Icon Set – включва 42 64×64 px икони във файлови формати PNG и PSD
Social Media And Blogging Icon Set – 65 иконки 32x32px прозрачни PNG и PSD файлови формати
Vector Social Media Icons – включва 80 икони в 3 размера – 16px, 24px, 32px в PNG и EPS (вектор)
Web social icons 39 икони за социални мрежи
mazu-mazu ikonki – 39 иконки
Woven Fabric Social Media Icon Set – 26 икони за социални мрежи
Social Sketches – 16 икони, 6 различни размера (32px, 48px, 64px, 128px, 256px и 512px) в PNG формат.
Glowing Neon Social Networking Icons – 108 икони с висока резолюция
New free social icons vector set 16 популярни икони за социални мрежи във вектор и PNG (64×64 px)
Social Network Icon Set – 10 икони, 6 размера: 12×12, 16×16, 24×24, 128×128, 256×256 и 512×512
Stitch Style Media Icons – 24 социални иконки, 512x512px PNG
27 Circular Social Media Icons в 3 различни размера
High detail social icons
Social Buzz Icon Pack 12 икони за социални мрежи
Extreme Grunge Social Media Garments – 20 икони с размер 256x256px
Grass Textured Social Icon Set – 12 икони в 3 размера – 256px, 128px и 64px.
OLED social icons – 21 икони с размери 256x256px

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