Archive for March, 2011

Цветни прасета с банджо

Tuesday, March 29th, 2011

Какво може да бъде по-хубаво от едно прекрасно нарисувано прасе с банджо? Прасе с банджо… в цвят! :)

— поне така видях аз цветовете на рисунката…

Но ето още един вариант — оцветен от Ани:

Използвани технологии: Разпечатва се картинката във висока резолюция, след това се оцветява с акварелни моливи, сканира се във висока резолюция, resize/export във Fireworks, готово!

Самото оцветяване е доста забавно… Може би трябва да поизпринтим още прасета и да си направим едно нова вечеринка с оцветяване… ;)

Note 1: Оцвететените варианти на илюстрациите на Никсо са под същия CC, както и оригиналът.)
Note 2: No banjo pigs were harmed during the coloring of these illustrations! ;)

Upgrade от Windows 1 до Windows 7

Saturday, March 19th, 2011

Тестовете включваха (почти) всички операционни системи на Microsoft! :)

Larry Walters – човекът, пилотирал градинско кресло на височина 5’000 метра…

Friday, March 18th, 2011

Преди време писах за хората, успели да издигнат малък балон почти до Космоса (30+ километра) и дори да заснемат полета.

Днес попаднах на нещо не по-малко интересно (и граничещо с фантастиката):

Лари Уолтърс, обикновен шофьор, мечтаел да бъде пилот. Заради лошо зрение, няма тази възможност. Но той продължава да мечтае.

Един ден, измисля безумен план: Да седне в кресло, да завърже няколко малки балона с хелий към креслото, и да полети нагоре!

Така и прави. Един слънчев ден в Калифорния (годината е 1982), той сяда в градинско кресло (към него са завързани 45 метеорологични балона, пълни с хелий), взима си сандвичи и студена бира, парашут, малко радио, въздушна пушка (с която да цели балоните, за да може да се спусне после на земята, или поне това е била идеята), и… полита.

Larry Walters

Само че креслото не се издига 10 метра над земята, както е било планирано, а на почти 5000 метра!

Там е студено, високо, и наоколо дори прелитат самолети — представете си гледката!

След доста време прекарано на тази голяма височина, накрая се спуска обратно, като пътьом успява да предизвика и авария в електрически високоволтов далекопровод, която спира тока в голяма част от Лонг Бийч.

Естествено, след приземяването го арестуват и обвиняват… в каквото успеят. Все пак, това е прецедент.

Живота му се променя, и след това дори се появяват имитатори… (Но краят му е тъжен.)

А за поуката от тази истинска история не съм сигурен обаче — може би, че ако мечтаем достатъчно силно, мечтите ни могат да се сбъднат? (Макар и невинаги точно така, както на нас ни се иска…)

(Немалка част от историята е събрана тук. Интересно е…)

IE9 background shifting bug

Thursday, March 17th, 2011

След като писах за излизането на новия IE9, си го инсталирах и започнах да тествам как се държат различни видове уеб страници в него. Основно ми беше ми любопитно каква част от новия CSS3 драфт се поддържа от последната версия на Internet Explorer — примерно, rounded corners, box-shadows, text-shadow, gradients, transitions, и т.н.

И така, инсталирам, рестартирам, и при още при един от първите сайтове, които тествах, попаднах на нов бъг (нов: в смисъл, бъг, който не съм виждал в IE8 или IE7): разместване на фона на страницата при определени условия с около 1 пиксел!

Направих тестова страница, на която този бъг може да се възпроизведе лесно:

http://www.optimiced.com/lab/2011/ie9-background-bug/

Тестови условия:

Internet Explorer 9 (може да се инсталира на Windows Vista или Windows 7).
— Прозорецът на браузъра трябва да е максимизиран.
— Тествал съм с резолюция на екрана 1680×1050, 1440×900.
— Отворете тестовата страница, изчакайте да се зареди изцяло.
— С мишката скролнете до долния край на страницата, после обратно горе към началото. С вероятност 50%/50%, в горната част на страницата ще видите около 1px разместване във фона!
— Ако refresh-нете страницата, бъгът изчезва. Скролнете пак надолу-нагоре (един или няколко пъти), и той пак може да се прояви!
— (update 1) Ако Menu Bar туулбарчето не е отворено в IE9, бъгът не се появява. Ако the Menu Bar е отворено, появява се! (За всеки случай: toolbars open in IE9: Menu bar, Status bar.)
— (update 2) Ако не използвате AERO тема, бъгът не се появява (примерно, ако ползвате Windows Classic тема или Windows 7 Basic). Ако AERO е активирано (Windows 7 тема, с AERO активирано), бъгът се появява! (Благодарско на Adam Kiss, който също направи някои тестове.)
— (update 3) “Show tabs on a separate row” не трябва да е маркирано (то не е маркирано by default, така или иначе). Ако покажете табовете на отделен ред, бъгът също ще спре да се проявява (?).
— Ако увеличите количеството Lorem Ipsum текст в основната колона, бъгът изчезва.
— Ако увеличите (или намалите?) височината на основната колона (#content), в която е текстът, бъгът спира да се появява също. В момента тя е с min-height: 500px.
— Ако минимизирате прозореца на IE9 и после пак се върнете към него, бъгът изчезва (страницата се ре-рендва наново, нормално).
— Разместването се случва само в горната част на фона, при това относително randomly (и като честота на появяване на бъга, и като точно положение на разместването).

Фоновата картинка е приложена към елемента body:


body {
background: #8F8F8F url(../img/body-test.png) 0 0 repeat-x;
}

В кода няма нищо особено, което да предизвика какъвто и да бъг, който да размества с един пиксел изображението.

Лявата половина от този background-image е “истинската” (от оригиналния дизайн), дясната е направена с тестова цел — хоризонталните ивици помагат веднага да се забележи, ако има някакви размествания. Иначе това е оригиналът.

След многобройни опити установих, че размерът на фоновото изображение няма значение, както и форматът (PNG, JPG, GIF и т.н.).

Скролването трябва да се прави с мишка — пробвах и с клавиатура, ако ползвам стрелките нагоре-надолу, мога да възпроизведа бъга също, ако ползвам бутоните page-up/page-down, не мога (?).

Сега, има вариант, разбира се, нещо да не е наред точно при моята версия на Win7/IE9, така че ще съм много благодарен, ако още някой може да потвърди за съществуването на този мистериозен бъг! :-)

Опитах се и да разбера, какво точно го предизвиква, но засега без успех… Отказвам се. Просто виждам, че има бъг, при определени условия — защо се появява, не знам. (Че има проблем в rendering engine-а на новия IE9, то е ясно…)

Същия (или подобен) бъг не съм виждал никога в IE7/8, Firefox, Opera, Safari, Chrome. Само в IE9.

Ето как страницата изглежда нормално:

А така изглежда след едно или две скролвания надолу-нагоре:

Забележете и че в някои случаи, след скролване надолу-нагоре, ако минете с мишката над елементите от втория ред навигация, се появява още една визуална странност…

Тоест: При идеални условия, страницата би трябвало да изглежда така, но след скролване надолу-нагоре, тя изглежда така или така.

* * *

Иначе, IE9 — нищо чак толкова интересно, поне за мен. CSS3 transitions и text-shadow не се поддържат. Border-radius и box-shadow се поддържат — поне това е напредък. Ще тествам още.

И така, ако обичате загадките — сега е момента да ми помогнете да възпроизведа този странен бъг, а също и да споделите идеи, защо се появява! :-)

Аз се предавам. IE9:Michel — 1:0… поне засега.

IE6-IE9: 10 години

Tuesday, March 15th, 2011

10 години не са малко. IE6 беше един от най-добрите браузъри за времето си (2000-2001 година). След това започна да се превръща малко по малко в спирачка за развитието на Web — докато останалите браузъри се развиваха с бързи темпове, IE6 си оставаше непроменен. И така, докато IE7 се появи. После IE8. Време е за нова промяна…

IE6-7-8-...9!

Microsoft казват, че IE6 е вече история. И че IE9 (който официално излезе днес и може да се ползва от всички потребители с Windows Vista/Windows 7) е много по-добър браузър.

Да видим! :)

Darth Vader & Yoda: recording for TomTom GPS

Wednesday, March 2nd, 2011

Първо записва Дарт Вейдър:

След това е учителят Йода:

Hilarious! :-D

(Ако си търсех GPS, щеше да е с гласа на Йода, определено! “To the right, must you turn next!” :-D)


[ optimiced.com е виртуалният дом на Мишел, уеб/графичен дизайнер от слънчева прашна София | powered by WP & DreamHost | also available in English ]

0.559 / 32 / 19