Posted on by Michel · 6 Comments

Джефри Зелдман за уеб дизайна

Understanding web design, illustration by Kevin KornellИнтересна статия на Jeffrey Zeldman за уеб дизайнерите:

alistapart.com/articles/understandingwebdesign/

Ако се занимавате професионално с уеб дизайн, си струва всеки ред четенето:)

Зелдман пише за различните аспекти на уебдизайна, за типографията (typography — науката за шрифтовете), и много други неща. Статията завършва с:

The experienced web designer, like the talented newspaper art director, accepts that many projects she works on will have headers and columns and footers. Her job is not to whine about emerging commonalities but to use them to create pages that are distinctive, natural, brand-appropriate, subtly memorable, and quietly but unmistakably engaging.

If she achieves all that and sweats the details, her work will be beautiful. If not everyone appreciates this beauty—if not everyone understands web design—then let us not cry for web design, but for those who cannot see.

Добре казано!

PS Докато четох статията на Зелдман, се присетих и за размишленията на Емича за това, доколко си приличат Супермен и уебдизайнерите:)

Posted on by Michel · 4 Comments

“Error 404” безценен ресурс

Error 404 at Pownce.comАко търсите забавни и/или полезни страници, показващи прочутата грешка “Грешка 404: Страницата не е намерена” (“Error 404: Page Not Found”), то този ресурс ще ви бъде изключително полезен/ценен:

simplebits.com/notebook/2007/11/03/404.html

Ако не за друго, може да се почерпят безкрай много идеи от всички линкове към 404 страници, които се намират в коментарите към поста на Дан Седерхолм:-)

UPDATE (2009/May/14): Още една интересна статия по темата с няколко примера за забавни 404 страници…

Posted on by Michel

Два и повече Google Analytics брояча в една страница

Да, възможно е.

Не, не става с просто copy-paste и на двата кода един до друг.

Четете нататък, ако искате да разберете решението, което открих експериментирайки! :-)

* * *

Наскоро ми се наложи да си поиграя доста с GoogleAnalytics. Имах идеята освен това, за удобство, да инсталирам един общ за целия домейн GoogleAnalytics брояч, и по един отделен брояч за някои от секциите. Така статистиката за целия сайт и отделните му секции би могла да бъде следена по-лесно, все едно следиш статистиката за отделни сайтове, като в същото време имаш и общ поглед върху трафика.

Речено – сторено.

Създадох отделни профили в Google Analytics (един профил за целия сайт и няколко профила за секциите в него), копирах кодовете от GoogleAnalytics на всяка страница, един под друг, и зачаках резултатите. След около 24 часа се оказа:

1) Общият брояч работи (винаги е първи в кода на страниците).
2) Броячите за секции не работят (отчитат нулев трафик), въпреки че самият Google Analytics твърди, че кодът е вмъкнат правилно и работи (кодът на GA за всяка секция винаги е след кода на брояча за целия домейн).

Нещата в този момент изглеждаха така:

<!-- GoogleAnalytics code for the whole domain -->
<script src="http://www.google-analytics.com/urchin.js" type="text/javascript">
</script>
<script type="text/javascript">
_uacct = "UA-XXXXXXX-X";
urchinTracker();
</script>
<!-- GoogleAnalytics code for a specific site section -->
<script src="http://www.google-analytics.com/urchin.js" type="text/javascript">
</script>
<script type="text/javascript">
_uacct = "UA-XXXXXXX-X";
urchinTracker();
</script>

Явно copy-paste не вършеше работа в случая… След известно почесване по главата и търсене в Google открих следното решение:

Read more

Posted on by Michel · 5 Comments

Песен за Уеб стандартите

Да започнем деня с усмивка!

Обичате ли да пишете XHTML и CSS код?

Прегърнали ли сте идеята за Уеб стандартите?

Забравили ли сте, какво е Use of tables for layout purposes?

Настолно четиво ли ви е списанието A List Apart?

Можете ли да изброите за по-малко от минута поне 10-ина известни CSS дизайнери, като Doug Bowman, Roger Johansson, Dan Cederholm, Jeffrey Zeldman, Eric Meyer, Mike Davidson, Veerle Pieters, Cameron Moll, Greg Storey, Jeff Veen, John Hicks, Tantek Çelik и много други?

Ако отговорите на горните въпроси са положителни, тогава следващата песен е за вас:

А специално за тези, които са прегърнали и идеята за Web Usability & Accesibility, по-долу може да следите текста на песента в стандартен html формат;-)

The supervisor rants.
He says “This website’s pants!
I want my clicks improved by Friday!”

I hit the URL.
It’s like the bowels of hell.
God give me strength.
It’s just not my day.

So raise your hands to Boag and pray
that we can fix this website today.

Tonight I need your CSS,
coding in the darkness.
From now on no more tables nest;
you will meet web standards.

The source code makes me weep.
There’s tables fifteen-deep.
In Netscape 6 it looks like garbage.

The METAs say this turd
was made with MS Word.
With every click I find new carnage.

So raise your hands to Boag and pray
that we can fix this website today.

Tonight I need your CSS,
coding in the darkness.
From now on no more tables nest;
you will meet web standards.

I guess I’ll have to start from scratch –
then I can kiss this piece of trash goodbye…

;-)

Признавам, когато за първи път чух тази версия миналата година (оригиналът е на Breathe, казва се “Hands to Heaven”), след второто просвирване вече не можех да си спомня оригинала, и постоянно тананиках “Tonight I need your CSS, coding in the darkness…”:-)

От най-добрите кавъри, които някога съм чувал. A must-listen!

И съм сигурен, че песента вече е легнала на сърцето на не един уеб дизайнер (на мен – със сигурност…) ;-)

PS Цялата история на песента и как се е появила, може да научите оттук:
www.boagworld.com/archives/2006/04/a_love_song_about_web_standards.html http://boagworld.com/podcast/a-love-song-about-web-standards

Posted on by Michel · 2 Comments

Понеделник вечер и SSI

Днес почти приключих с дизайна на един проект, където освен XHTML/CSS, графика (Adobe Fireworks) и настройване на една специфична CMS система, ми се наложи да използвам и SSI (Server-Side Includes) по един нов за мен начин.

(SSI е нещо като пра-прадядото на PHP, или поне в моите очи е такъв, тъй като почти не разбирам от back-end програмиране, PHP/MySQL и други езици за уебпрограмиране – html/css не се броят, of course;-)

Както и да е, доволен съм, че проектът върви добре, и скоро ще бъде онлайн. Също и много се гордея с “откритието”, което направих – а именно, успях да постигна чрез SSI+CSS функционалност, каквато иначe знам как се прави само с PHP+CSS.

Става въпрос за динамична навигация на две нива, с отбелязване на секцията на сайта, където се намира потребителят, чрез CSS, като class="current" се добавя автоматично чрез SSI към текущия list item в навигационното меню.

SSI се използва и за да бъде показано или скрито определено второ ниво от навигацията (nested UL, тоест вмъкнат неподреден списък), в зависимост от това, в коя секция от главното меню се намирате.

Не знаех, че SSI може да се справи и с такава задача, и откритието ми доста ме зарадва, тъй като благодарение на него сайтът ще се получи точно така, както си го представях:) А и старата специфична CMS система ще е happy;-)

(Може би сте чели статията на Jason Pearce – Keeping Navigation Current With PHP (and CSS), публикувана в A List Apart? Ако да, то моят начин до голяма степен прилича на PHP+CSS варианта, описан от Джейсън, само че постигнат чрез SSI.)

Доста порових в интернет, докато намеря решението на задачата със скриването/показването на под-менютата чрез SSI, и тъй като моето “откритие” може да бъде полезно и на други, мисля да го публикувам тези дни, но може би в английската версия на optimiced (а и с малки модификации примерът може да се ползва и за други езици, примерно, PHP).

Работният ден обаче е приключил.

Може да се разходя, да видя фотоизложбата на Ян Артюс-Бертран или пък просто да си почина малко, да хапна вкусна домашна супа или пък да си отворя студена бира от хладилника — възможностите са почти неограничени, както се казва;-)

Така или иначе, за момента мисля да изоставя всякакви SSI, CSS, PHP и други трибуквени технологии да си почиват:)

Posted on by Michel · 8 Comments

Дизайнери или дивелъпъри?*

Intro

Хвърлям честичко по едно око на блога на Roger Johansson (Роджър Йохансон – надявам се, така се пише на български.) — професионален уеб дизайнер/дивелъпър от Швеция, който има много интересни статии, посветени на CSS и уеб стандартите, също и пише ревюта на книги за уеб дизайн, CSS и графичен дизайн.

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

* * *

Designers or Developers?*

(Дизайнери или дивелъпъри?)

456 Berea Street LogoВ секцията “За мен” на този сайт [456 Berea Street – бел.пр.;-)] аз наричах себе си “дивелъпър/дизайнер/occasional writer”. Малко е объркващо, но все още ми е трудно да отговарям на въпроса какво правя/работя. Дали съм Уеб дизайнер? Уеб дивелъпър? Уеб програмист? Всички тези специалности заедно? Нито една? Това наистина е един труден въпрос, за да се даде прост отговор на него.

Отговорът ми зависи от това кой ме пита, кога, защо, и при какви обстоятелства. Понякога казвам, че “работата ми е свързана с Уеб” или “правя уебсайтове”, и двата отговора са верни, но всъщност не казват какво правя в действителност. Би било по-лесно да се даде кратък, прост, разумно точен отговор.

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

Read more

Posted on by Michel · 4 Comments

Apple Safari 3.0 Beta – версия за Windows

Safari 3.0 Beta for WindowsSafari – с версия за Windows! Звучи почти невероятно, но ето че е факт…

Попаднах на новината съвсем случайно – като хвърлих един поглед към новия дизайн на Apple (по случай излизането на пазара на MacOS X Leopard, предполагам), и оттам нямаше как да не кликна на новината Download Apple Safari 3.0 Beta… for Windows!

Internet Explorer повече няма да има версия за MacOS (освен ако от Microsoft не размислят по някое време). Последната беше IE 5.2/Mac и това беше преди векове…

А ето че Apple пуска версия на Safari за Windows!

Свалих си бетата [Safari version 3.0.1 (522.12.2), ако трябва да съм точен] — стана ми любопитно, естествено — нямам достъп до Mac, така че поне за тестването на сайтове под Safari тази версия би ми свършила чудесна работа:)

Три неща правят впечатление веднага:

  • Safari под Windows си изглежда като Safari под MacOS;
  • някои Win функции не работят (например, не може да се скролва с натиснат скрол (среден бутон) на мишката);
  • font rendering’ът изглежда много различен – Windows няма никакво влияние върху изобразяването на шрифтовете – нито ClearType, нито някакъв друг начин на заглаждане (anti-alias) не работят…

Read more

Posted on by Michel · 4 Comments

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

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

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

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

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

Posted on by Michel · 2 Comments

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

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

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

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

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

Posted on by Michel · 1 Comment

CSS Naked Day, издание 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 в момента не е толкова красив, но какво да се прави – добрата кауза си е добра кауза:)