Рядко пиша за моята 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 експерт… ;)
Сайтът стана хубав! И след толкова работа – нямаше начин да не е :-) Поздравления!
@vladi:
Благодаря!
Има още за доизпипване, но както казах, май предпочитам “да си затворя едното око” и да продължа нататък… Сега имам само да update’на и FR/EN версиите, и приключвам. После — малко почивка добре ще ми дойде… :)
Тъкмо да изразя резервите си относно някои визулани елементи и прочетох, че не си правил “дизайна”.
Бих поспорил с теб дали има смисъл да се ползват новите елементи от HTML5, но в случая важното е, че крайния резултат е красив и четлив код. Би могъл да форматираш адреса с hCard микроформат като допълнение. А, и нямаше ли начин картинките да са извън h3 таговете – в една от страниците го забелязах, като махнах стиловете – става малко объркващо.
И накрая – кефи ме идеята за тези столове и маси, като сложиш и един shitbox за тоалетна и “озеленяваш” всяко едно събиране ;-) Не, наистина ме кефи, ако ми попадне достатъчно велпапе, може да си направя за къмпинга подобни.
@Гонзо:
Визуално, дизайнът е доста приятен, ако не броим изключително грозните GIF-ове, които се появяват под навигацията вляво на всяка страница. Не можах да ги разубедя, че е малко в стил деветдесетте това;)
За картинките — прав си, причината е, че дизайнерът искаше картинката да е подравнена вляво или вдясно, точно на едно ниво със заглавието. Така че просто ги float-нах в тези случаи. Не ми хрумна нищо по-добро.
Дали ще използваш
div="header"или тагаheader, май няма голяма разлика, освен че IE ще се бъгне при втория вариант… така че, някои нови стандарти ще почакат ;)Кодът иначе е четлив и добър, според мен. Може да се подобри и още, но стига толкова, засега… Мисля, че е достатъчно семантичен дори и в момента.
За столовете и масите от картон — супер-яка е идеята, а мисля, че FestivalChairs са нещо като монополисти на този пазар и имат патенти в някои страни, така че внимавай като си самоделстваш, да не те хванат да им плащаш лицензи! :-PPP
Моята забележка е по-скоро за надписа Festival Chairs горе вдясно, който играе ролята на лого – седи ми като нарисувано в Word от скучаеща домакиня. Напомня за Geocities.
А за патента – мисля, че клошарите отдавна са ги изобретили тези неща ;-)
@Гонзо:
Надписа вдясно (логото), си е на дизайнера на сайта… там не мога да пипам ;) Съгласен съм донякъде с теб (но мисля, че това им е старото лого, и вероятно не са искали да го променят сега).
Колкото до кашон-столовете… хаха, май си прав… и надали плащат и лицензни права, а? :-P
А иначе в сайтът на DigitalIdeas има нещо, което ми направи много добро впечатление – ако нямаш флаш, или го блокираш с някоя приставка, в главата все пак се вижда картинката с жабата и цялостната визия на сайта не страда.
DigitalIdeas е доста приятен като дизайн, наистина (въпреки че аз веднага бих махнал таблиците, където не им е мястото!). Иначе, дизайнерът е повече график и Flash дизайнер, отколкото Web… затова и помолиха за експертната ми CSS помощ:)
Да, добре е станал като се има предвид, че холандец е правил дизайна:). Имам чуството че вече мога да разпозная 99% от сайтовете с холандски дизайн ROLF.