Яйо » CSS http://blog.karailiev.net (блог на Валентин Караилиев) Sun, 18 Oct 2009 18:59:46 +0000 en hourly 1 http://wordpress.org/?v=3.0 CSS Naked Day! http://blog.karailiev.net/2008/css-naked-day/ http://blog.karailiev.net/2008/css-naked-day/#comments Mon, 07 Apr 2008 22:59:49 +0000 Valentin Karailiev http://karailiev.net/?p=4 Къде ми е дизайнът?!

Каква ирония… точно за откриването си блогът ми остана гол…

Зад всичко това стои идеята за популяризиране на уеб стандартите. Елегантно и просто благодарение на правилната употреба на (x)html, meta-тагове, css, добра йерархична структура и разбира се игра на думи.

Това е 3та година на инициативата CSS Naked Day. Оставянето на страницата гола ще помогне да се оцени работата на уеб дизайнерите, благодарение на които сайтовете и блоговете ни изглеждат толкова добре. Това е повод и да се напомнят предимствата на употребата на CSS в дизайна на страниците, правейки ги достъпни за повече хора, използващи различни средства за достъп до тях.

Как да участвам?

Попълнете тази форма naked day signup form, и сайтът ви ще бъде включен в официалния списък на участниците за 1 час.

След това на 9 Април просто махнете целия CSS код от сайта си, оставяки го без дизайн.

(По желание): Добавете следния код в началото на страницата си:

  1. <h3>Какво се случи с дизайна?</h3>
  2. За да разберете защо стилове на този сайт не работят, посетете
  3. <a href="http://naked.dustindiaz.com/">официалния сайт</a>
  4. на годишната кампания CSS Naked Day или
  5. <a title="годишната кампания CSS Naked Day на български"
  6. href="http://www.karailiev.net/2008/css-naked-day/">
  7. преводa на български език</a>.

Това е за тези, които смятат, че е нужно да обяснят на посетителите си за какво става дума.

Кога ще се състои отново?

Ето как се определя датата:

  • Денят трябва да е вторник, сряда или четвъртък (дните с най-глоям трафик)
  • Трябва да е около първата седмица на април
  • Не трябва да е на 1 април (международен ден на шегата)
  • Датата трябва да бъде съобщена поне 5 дни предварително

Как да го направя?

Ето една примерна PHP функция, която да помогне в начинанието:

  1. <?php
  2. function is_naked_day($d) {
  3.   $start = date(‘U’, mktime(-12, 0, 0, 04, $d, date(‘Y’)));
  4.   $end = date(‘U’, mktime(36, 0, 0, 04, $d, date(‘Y’)));
  5.   $z = date(‘Z’) * -1;
  6.   $now = time() + $z;
  7.   if ( $now >= $start && $now <= $end ) {
  8.     return true;
  9.   }
  10.   return false;
  11. }
  12. ?>

Използва се така:

  1. <head>
  2. …
  3. <?php
  4. if ( is_naked_day(9) ) {
  5.   echo ‘<!– naked day has no styles –>’;
  6. } else {
  7.   echo ‘<link rel="stylesheet" type="text/css" href="styles.css" />’;
  8. }
  9. ?>
  10. …
  11. </head>

Ако желаете да получите повече информация за инициативата, посетете http://naked.dustindiaz.com/

]]> http://blog.karailiev.net/2008/css-naked-day/feed/ 6