Posted on by Michel

Daily Design (2010-054): The Red Star Company Logo

Daily Design

Daily Design

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) Трети вариант, с помощта на Ани:
Daily Design

Posted on by Michel · 4 Comments

Night & Day дизайн експеримент

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

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

Magic! :)

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

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

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

Posted on by Michel · 9 Comments

Магически трик с карти (This, That and The Other)

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

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

Posted on by Michel · 1 Comment

Таргетиране само на IE8, IE7 и IE6 в CSS кода

Не е (съвсем) правилно да се “хаква” 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 #)

Posted on by Michel · 13 Comments

Daily Design (2010-051): Загадка?

Daily Design

Meta info:
Software: Adobe Fireworks CS5
Time: ~ 5 m
Idea/Completed: 2010/Oct/20 @ 22:00

По-хитро е (вместо да обяснявам), да попитам скромната ми аудитория: Някой сеща ли се какво е това?

Подсказка: Прерисувано е, не е измислено от мен!

Идеи? :)))

Posted on by Michel · 2 Comments

Daily Design (2010-050-2): Още повече Tefal сила и яйца и бекон и гъби! ;)

Daily Design

Това е вариантът на Ани, който тя набързо “сготви” с моите продукти преди малко, и помоли да публикувам подобрената илюстрация (само един час готвене с вектори;-).

Мммм, бекон, гъби, по-хубав омлет, а?? Коментари? Дояде ли ви се поне?? :-P

(Илюстрацията я има и в доста по-голям размер, кликайте здраво върху 640×640 картинката!)

EDIT (2010/Oct/20): И още един вариант: Това е вариантът на Ани, всъщност, който пък аз не издържах, и още мъничко подобрих. Devil is in the details… както се казва. С този последен вариант на тигана, печката и яденето, приключваме за момента с кулинарно-векторната тема! ;)

Daily Design

Posted on by Michel · 3 Comments

Daily Design (2010-050): Силата на Tefal (и пържените яйца)

Daily Design

Meta info:
Software: Adobe Fireworks CS5
Time: ~ 3 h
Idea/Completed: 2010/Oct/19 @ 16:30

Няма тиган без огън, нали… пардон, няма дим без яйца… искам да кажа, закъде само с един тиган, ако не му направим и една керамична печка, и не забъркаме и малък омлет върху тигана? :-P

Този епизод на Daily Design е по специално поръчка на Никсо и Ани! Всичко, което виждате, са само вектори във Fireworks; оригиналният размер на PNG файла е 1500×1200 px и около 6 MB… (тази нощ нещо не можах да заспя, часове наред работих по един freelance проект, на сутринта поспах час или два, после пак работих… двата (или малко повече) часа рисуване с Fireworks бяха нещо като почивка за мен…).

Та ето как векторната ми кулинария се подобри тези дни (е, има разни погрешните сенки и светлини тук-там, но Никсо обеща да ме научи на малко теория;-) …но засега мисля да спра с готвенето и с рисуването на домакински уреди — вместо това може би някой ден ще се върна към оригиналната си идея, която започнах със скромното Power бутонче! ;)

(Има и голям размер за разглеждане, разбира се — само кликнете картинката.)