luni, 24 noiembrie 2008

CSS :The Art




Ok, probabil toata lumea stie la acest moment ce este CSS. Pentru neinitiati, CSS vine de la Cascading Style Sheets, si este un limbaj ce foloseste la descrierea documentelor de tip HTML. Cateva avantaje pe care le ofera CSS ar fi modularitatea crescuta a unui site(prin separarea functiilor intre HTML si CSS), flexibilitate mai mare in design si posibilitati noi de formatare. Un exemplu foarte bun pentru a evidentia beneficiile tehnologiei CSS este urmatorul: sa zicem ca ai o pagina si doresti sa o afisezi in diferite moduri. Nu trebuie sa stai sa modifici de fiecare data documentul html. Este de ajuns sa ii aplici diferite documente CSS pentru a-l formata in diferite feluri. Astfel se pot aplica documente CSS facute de profesionisti site-ului tau pentru a-l face sa fie mai interesant si mai elegant. Ati fi suprinsi sa vedeti cam ce diferenta poate sa faca CSS-ul pe o pagina html. Si pentru ca un coleg de-al meu spunea intr-un post recent ca ar dori sa vada mai mult "zen" in paginile si interfetele de pe internet, va ofer acest site, www.csszengarden.com. Cei din spatele acestui site au si ei o doleanta: ar dori sa vada mai mult CSS in site-urile de pe internet si ar dori mai ales CSS 1.0 cu optiuni browser firendly(no funny stuff). Mai mult, pentru a incuraja dezvoltarea simturilor artisitce, ei ofera posibilitatea uploadarii de template-uri daca acestea indeplinesc cateva conditii, cum ar fi folosirea exclusiva a CSS 1.0 si eventual 2.0 pentru layout si testarea formatului pe mai multe browsere pentru a se asigura compatibilitatea 100% cu acestea(minim IE si Firefox). Detalii la sectiunea "Requirements" in josul paginii lor. Deci daca cineva doreste sa isi testeze skill-urile de designer de pagini web, e invitatul meu sa uploadeze pe site opera sa :). Bafta! Sper ca ceea ce au realizat baietii astia creativi pe site-ul lor sa va satisfaca cele mai mofturoase pretentii in legatura cu design-ul si format-ul paginilor web. In caz ca nu va dati seama(eu nu am realizat la inceput), este vorba de acelasi document html prezentat impreuna cu diferite CSS-uri. Pe mine m-au surprins placut multe din layout-urile lor si m-a uimit puterea limbajului CSS. Se pot face destule pentru interfata si fara Javascript, Flash si alte bling-bling-uri de acest fel. Si tineti minte, CSS este search-engine friendly, spre deosebire de flash si script-uri. Deci sfatul meu este: invatati si folositi CSS! Iata si cateva sample-uri. Nu imi mai ramane decat sa va urez "Enjoy the view!".





Un comentariu:

Viorel Mocanu spunea...

CSS Zen Garden e o chestie aşa de basic încât... mi se pare ciudat că mai apuc să citesc despre ea. :)

Nice touch!