optimiced | bg

Meta info:
Software: Adobe Fireworks CS5
Time: ~ 1 min
Idea/Completed: 2010/Nov/29 @ ~ 18:00

Просто малко моливче, “надраскано” за по-малко от минута…

Meta info:
Software: Adobe Fireworks CS5
Time: ~ 25 mins
Idea/Completed: 2010/Nov/11 @ 17:20

Просто малко експеримент със светлини и сенки… ;)

(вдъхновено от този dribbble | вижте vector outlines)

Meta info:
Software: Adobe Fireworks CS5
Time: ~ 45 mins (v.1) & 2 h (v.2)
Idea/Completed: 2010/Nov/09 @ 17:00

Измислено лого (два варианта), създадено за собствено удоволствие (и за подобряване на уменията ми, хехе;-) и вдъхновено от дизайнера Ulrik Jensen.

Тъй като добре виждам, че логото на измислената от мен компания “Red Star” (не трябва да се бърка с Red Star Line) много прилича на работата на Ulrik, го публикувам след изричното позволение на Ulrik. :)

Между другото, вторият вариант на логото използва и част от снимка, която е в Public Domain (на нея се вижда параходът “Lapland”, на Red Star Line).

(EDIT @ 21:00) Трети вариант, с помощта на Ани:

Meta info:
Software: Adobe Fireworks CS5
Time: ~ 15 mins
Idea/Completed: 2010/Nov/06 @ 2:30

Някои филми са си не просто класики, ами класа! ;)

EDIT (2010/Nov/06): [ пълна версия ] :)

Идеята не е нова очевидно, и все пак, ми беше интересно да експериментирам тези дни с нея…

С една дума, през последните няколко седмици дизайнът на моя блог може да изглежда малко по-различно, в зависимост от това, по кое време на деня го посещавате. Денем е един, вечер е друг — променят се цветовете и някои други елементи от дизайна. Пробвайте примерно да прочетете този постинг преди 8 часа вечерта (тоест, денем) и после да го отворите пак след 9 вечерта или по-късно.

Magic! :)

Всъщност, става лесно, с 2-3 реда JavaScript код и още 20-ина реда CSS.

Но най-интересното, което мога да отбележа е, че всъщност май нито един от читателите ми не забеляза, че основният дизайн на сайта ми през последните седмици се промени малко (да не говорим пък изобщо за Night/Day хитринката). Явно само аз чета собствения си блог не през RSS а с помощта на най-обикновен Mozilla Firefox браузър! :-)

(Мисля си да поекспериментирам още малко тези дни, като намеря свободно време… нищо, че най-вероятно само аз ще си гледам хубавия (или грозен) нов дизайн… ;)

Дизайнерът Paul Annett е известен не само със своите CSS и UI/UX умения. Следващото едноминутно видео (15 million views!) показва един нагледно прост магически трик:

Гледах го поне три пъти и така и не разбирам, как успява да направи магията с трите карти! (Или аз съм глупав, или Пол е адски добър!:-)

Не е (съвсем) правилно да се “хаква” CSS кодът така, че определени правила в него да таргетират само определени браузъри — най-често, някои от версиите на IE (IE Conditional Comments са по-подходящи).

Все пак, понякога това е най-лесният или най-подходящ начин — да предположим, например, че нямате никакъв достъп до HTML кода, а само до основния CSS файл. Тогава следните четири реда код могат да се окажат полезни:


body {
color: red; /* all browsers will see this */
color : green\9; /* IE8 and below */
*color : yellow; /* IE7 and below */
_color : orange; /* IE6 */
}


Както се вижда, относително лесно може да напишете правила, които да се четат само от IE8, IE7 или IE6. Или друга комбинация от тези основни три версии на IE (да се надяваме, че няма да имаме нужда от “хакове” за IE9).

(via #)

Meta info:
Software: Adobe Fireworks CS5
Time: ~ 1 h
Idea/Completed: 2010/Nov/02 @ 20:30

Кога последно сте пращали писмо par avion? :-)

(вдъхновено от тази илюстрация)

(EDIT – 2010/Nov/05): Базирано на коментара на batpep, с леко променен печат: