Archive for the 'CSS' Category

The one pipe problem: (almost) solved!

Thursday, July 31st, 2008

CSS layout small diagramСлед една малка лула с черешов тютюн, и след като минах през следните (изключително полезни) линкове:

1. Internet Explorer 7 and the easy clearing method (SimpleBits)
2. New clearing method needed for IE7 (456BereaStreet)
3. Clearing floats without structural markup in IE7 (And all that Malarkey)

(more…)

“The one-pipe problem”

Thursday, July 31st, 2008

От два часа гледам редовете код и не виждам. Заплел съм се в един сложен CSS — пълен е с разни контейнери, floated left & right columns, clearfix’ове и други елементи.

Нещата, които очаквам да работят, не работят, както очаквам; а нещата, които би трябвало да не работят, работят (тествам във Firefox 3.0, IE 7, IE 6, Opera 9.5 и Safari 3.1/Win).

Отивам да си натъпча лулата с ароматен черешов тютюн (отдавна съм я изваждал от шкафа с лули, тютюни и уискита;-) и да проверя, дали не съм попаднал случайно на някой прост CSS one-pipe problem! :-)

CSS Naked Day ‘2008

Wednesday, April 9th, 2008

Днес, точно в полунощ, моят блог (www.optimiced.com), както и блогът на Ани (www.molif.com), се “събличат” от техните “CSS дрехи”.

Днес е ‘CSS Naked Day‘ — денят, който промотира Уеб стандартите!

CSS Naked Day 2008 - getting naked with CSS styles... and not only CSS ;-) class=

Този ‘CSS Naked Day’ продължава от 24 до 48 часа, и показва, че един сайт/блог с добре написан HTML+CSS може да изглежда доста добре и без дрехите си (тоест, без своите CSS стилове).

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

Да живеят Уеб стандартите! :-D

PS Ако използвате WordPress и сте решили да си “съблечете” и вие блога днес и утре, Lorelle има много добър guide по въпроса, хвърлете едно око! И да не забравите да се запишете в списъка на Dustin Diaz! В момента има над 1300 участници вече;-)

CSS 3D ефект

Thursday, March 6th, 2008

Стъпка 1:

Отворете Silverback.

Silverback app (screenshot)

Стъпка 2:

Променете бавно размерите на прозореца на браузъра, който използвате в момента (Firefox, Opera, Safari, IE7 са ОК) и…

Стъпка 3:

…наблюдавайте ефекта. Хитро!

Има и дискусия по темата, как quasi-3D ефектът е постигнат само със CSS + полупрозрачни PNG файлове — на мен ми напомня на игрите от едно време; а гледайки симпатичния мумун, някак не мога да не се сетя за Donkey Kong на Nintendo!

CSS rullz! ;-)

Денят на голямото чистене

Thursday, September 20th, 2007

tag soup graphicТова да ви е познато отнякъде?

На мен – да. В най-лошите си кошмари един дизайнер, работещ с Уеб стандартите и забравил, какво е MS Word HTML, сънува подобен код.

Е, аз не сънувам. В моя случай, това е реален код, който се очаква да почистя… Да останат само H1, H2, H3, P, IMG SRC, A HREF и нищо друго (иначе един проект за сайт няма как да стане реалност).

Всъщност, системата е малко по-различна и включва писане на html from scratch, чистене и преглеждане (защото очевидно код като този няма как да се почисти)…

И няма кой друг да свърши тази работа. Така че, стискам зъби, пиша, почиствам внимателно, и пия втората ми чаша кафе за днес. Колкото по-бързо свърша, толкова по-бързо ще ми се махнат от главата тези FONT FACE... от главата. Бррр…

35 дизайнера по 5 въпроса

Friday, April 20th, 2007

Smashing Magazine публикуваха днес едно много интересно четиво.

На 35 уеб дизайнера бяха зададени следните пет въпроса:

  • 1 аспект от дизайна, на който отдавате най-голямо значение.
  • 1 от най-успешните CSS техники, която използвате най-често.
  • 1 шрифт, който използвате в проектите си често.
  • 1 книга, посветена на дизайна, която силно бихте препоръчали.
  • 1 списание, посветено на дизайна, което четете всеки ден/всяка седмица (онлайн или оффлайн).

Отговорите може да прочетете в самата статия:-)

CSS се завръща ;-)

Saturday, April 7th, 2007

Как изглеждаше Optimiced.com в продължение на 48 часа :-)Сложих си обратно “CSS дрехите” след тяхното сваляне за повече от 48 часа :)

Тазгодишното издание на CSS Naked Day беше забавно (първо участие на optimiced.com, между другото)

Над 1600 официални участници тази година (пълен списък: http://naked.dustindiaz.com)! И по-скоро по-малко медиен шум около събитието, поне този път…

Но се радвам, че участвах :-)

CSS Naked Day, издание 2007!

Thursday, April 5th, 2007

За популяризиране на уебстандартите, CSS (Cascading Style Sheets), и семантичния (X)HTML код – тази година отново CSS Naked Day! (“Ден на CSS голотата”? винаги съм се чудел, как ли се превежда това:-p)

Повече информация: две думи в блога на Dustin Diaz, на webstandards.org, и, разбира се, на уебстраницата на тазгодишните участници :) Списъкът със записали се в момента за Naked Day ‘2007 е над 900 и расте (ето още линкове и от technorati).

Моят блог участва за първи път (поради обясними причини – все пак, през април 2006-а още не е съществувал;-), като от полунощ българско време всички CSS стилове в него са изключени, за минимум 24 часа — и ако случайно се чудите, защо в момента дизайнът на сайта ми изглежда толкова гол и постен – това е причината:)))

Е, дизайнът на Optimiced в момента не е толкова красив, но какво да се прави – добрата кауза си е добра кауза:)


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

0.698 / 30 / 24.5