Festival Chairs – нов проект, (почти) завършен

Рядко пиша за моята freelance работа тук…

Все пак, ми се иска да кажа две думи за един от последните ми проекти, с който от доста време се занимавам — Festival Chairs (screenshot).

Миналата сряда новата версия на уебсайта на холандски се появи “live”:
www.festivalchairs.nl …а скоро се надявам и английската/френската версии да са готови.

За първи път пускам уебсайт, който да поддържа и да валидира новия HTML5 стандарт. Всъщност, всички страници се валидират перфектно като XHTML 1.0 Strict, но в последния момент смених doctype-а и… те се валидираха перфектно и като HTML5! Не видях нещо да се промени, така че вероятно ще си остане с HTML5. Не съм ползвал новите тагове, като <header>, <nav>, <footer> — мисля, че е все още рано — никоя версия на IE не поддържа HTML5, а да ползвам JS “хакове” смятам за безсмислено… Тоест, реално съм написал XHTML 1.0 Strict, но го валидирам като HTML5 ;)

Дизайнът и графичната визия не са мои, а на www.digitalideas.nl. От мен са почти целият код — HTML, CSS, JS и адаптиране на jQuery плъгини, PHP, също и обработка и оптимизация на оригиналните PSD файлове с Adobe Fireworks и експортирането на индивидуалните графики в различни формати… Според мен, финалният HTML код е доста красив (не че някой ще гледа вътре в HTML/CSS кода, освен мен;) …но важното е, че върши добра работа — постарах се да го направя точен и семантичен, без нищо излишно.

Сайтът би трябвало да се вижда добре подреден (като съдържание) и без поддръжка на CSS в браузъра. Тествах и как ще изглежда, ако се разглежда и без показване на картинки (но с включен CSS) — почти цялото съдържание и навигация си остават достъпни, с 1-2 изключения, за които в момента ще си затворя едното око;-) Без JavaScript всичко би трябвало да работи съвсем прилично, също.

Преди да натисна бутона “final”, тествах в: Firefox 3.5 3.6, IE 8, IE 7, Opera 10, Safari 4, Chrome 3 4, Safari 4; да, и в IE6 (в IE6 почти всичко работи, също, с разликата, че IE6 “вижда” GIF-ове на някои места, вместо PNG32).

Като цяло, съм доволен от проекта. За съжаление, изпипването на детайлите ми отне повече време, отколкото бях първоначално предвидил, което всъщност направи проекта доста нерентабилен за мен, но… това е друга тема (next time — с по-точни преценки за време и работа! ;) А като приключа с EN/FR версиите, да видим, с какво ще продължа… може би малко почивка?

PS Забравих да добавя, че за момента клиентите са доволни от работата ми на CSS/XHTML експерт… ;)

9 comments |



Comments to “Festival Chairs – нов проект, (почти) завършен”:

  1. [vladi] Says:
    1

    Сайтът стана хубав! И след толкова работа – нямаше начин да не е :-) Поздравления!

  2. Michel Says:
    2

    @vladi:

    Благодаря!

    Има още за доизпипване, но както казах, май предпочитам “да си затворя едното око” и да продължа нататък… Сега имам само да update’на и FR/EN версиите, и приключвам. После — малко почивка добре ще ми дойде… :)

  3. Гонзо Says:
    3

    Тъкмо да изразя резервите си относно някои визулани елементи и прочетох, че не си правил “дизайна”.

    Бих поспорил с теб дали има смисъл да се ползват новите елементи от HTML5, но в случая важното е, че крайния резултат е красив и четлив код. Би могъл да форматираш адреса с hCard микроформат като допълнение. А, и нямаше ли начин картинките да са извън h3 таговете – в една от страниците го забелязах, като махнах стиловете – става малко объркващо.

    И накрая – кефи ме идеята за тези столове и маси, като сложиш и един shitbox за тоалетна и “озеленяваш” всяко едно събиране ;-) Не, наистина ме кефи, ако ми попадне достатъчно велпапе, може да си направя за къмпинга подобни.

  4. Michel Says:
    4

    @Гонзо:

    Визуално, дизайнът е доста приятен, ако не броим изключително грозните GIF-ове, които се появяват под навигацията вляво на всяка страница. Не можах да ги разубедя, че е малко в стил деветдесетте това;)

    За картинките — прав си, причината е, че дизайнерът искаше картинката да е подравнена вляво или вдясно, точно на едно ниво със заглавието. Така че просто ги float-нах в тези случаи. Не ми хрумна нищо по-добро.

    Дали ще използваш div="header" или тага header, май няма голяма разлика, освен че IE ще се бъгне при втория вариант… така че, някои нови стандарти ще почакат ;)

    Кодът иначе е четлив и добър, според мен. Може да се подобри и още, но стига толкова, засега… Мисля, че е достатъчно семантичен дори и в момента.

    За столовете и масите от картон — супер-яка е идеята, а мисля, че FestivalChairs са нещо като монополисти на този пазар и имат патенти в някои страни, така че внимавай като си самоделстваш, да не те хванат да им плащаш лицензи! :-PPP

  5. Гонзо Says:
    5

    Моята забележка е по-скоро за надписа Festival Chairs горе вдясно, който играе ролята на лого – седи ми като нарисувано в Word от скучаеща домакиня. Напомня за Geocities.

    А за патента – мисля, че клошарите отдавна са ги изобретили тези неща ;-)

  6. Michel Says:
    6

    @Гонзо:

    Надписа вдясно (логото), си е на дизайнера на сайта… там не мога да пипам ;) Съгласен съм донякъде с теб (но мисля, че това им е старото лого, и вероятно не са искали да го променят сега).

    Колкото до кашон-столовете… хаха, май си прав… и надали плащат и лицензни права, а? :-P

  7. Гонзо Says:
    7

    А иначе в сайтът на DigitalIdeas има нещо, което ми направи много добро впечатление – ако нямаш флаш, или го блокираш с някоя приставка, в главата все пак се вижда картинката с жабата и цялостната визия на сайта не страда.

  8. Michel Says:
    8

    DigitalIdeas е доста приятен като дизайн, наистина (въпреки че аз веднага бих махнал таблиците, където не им е мястото!). Иначе, дизайнерът е повече график и Flash дизайнер, отколкото Web… затова и помолиха за експертната ми CSS помощ:)

  9. slicer Says:
    9

    Да, добре е станал като се има предвид, че холандец е правил дизайна:). Имам чуството че вече мога да разпозная 99% от сайтовете с холандски дизайн ROLF.

Leave a Reply

XHTML: You can use these tags: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>
Your e-mаil address will never be showed.


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

0.556 / 37 / 24.5