Mitai apie CSS

Pirmas mitas: neįmanoma profesionaliai kurti tinklalapių, jų elementų išdėstymui ir atvaizdavimui naudojant tik CSS

Kai konferencijos.lt www-projektai konferencijoje radau šią beapeliacinę išvadą[atnaujinta: deja, nuorodą į konf.lt www-projektai skelbtą originalų laišką teko išimti, nes jo nebeliko... Esmė buvo, kad CSS dar netinkamas praktiškam naudojimui], ištiko lengvas šokas. Šokas ne tiek dėl pačio teiginio, bet dėl jo datos. Toks pareiškimas būtų netoli tiesos kokiais 2000-aisiais, bet 2004-ųjų pabaigoje…

Šiek tiek neprofesionalų chronologijos:

  • Niekam nežinomas ir apleistas lamerių žurnalas wired.com šią technologiją įdarbina 2002-ųjų spalio mėnesį.
  • 2003-iųjų vasarį tų nemokšų pėdomis seka espn.com. Tokio kvailo žingsnio pasekmės: puslapio svoris vidutiniškai sumažėja 50KB; dauginame iš 40 000 000 (keturiasdešimt milijonų) puslapių peržiūrų per dieną (sic!), gauname 2TB (dviejų terabaitų) dienos tinklo srauto ekonomiją. 730 terabaitų per metus. Nerimta, oi nerimta.
  • Tų pačių metų kovą klystkeliais nueina FastCompany, liepą — Inc.com
  • Toliau tik spėk skaičiuoti: AT&T, AMI, Chevrolet, ir t.t. ir t.t. ir t.t. ir t.t.

Gerai, atidedu ironiją į šalį — tiesa yra tokia, kad 2003-ieji buvo savotiško lūžio metai, ir web profesionalumo supratimas pasaulyje tapo priešingas tam, ką teigia mitas. WWW ne ta vieta, kur galima užmigti <font> apsikabinus…

Ar žiūrėjote Rammstein svetainės kodą? Ar pastebėjote, kad microsoft.com naudoja validų HTML (kas galėjo pagalvoti!), o MSN paieška išsiverčia be lentelių?

Nevardinsiu čia visko po vieną, be to tai jau padarė kiti. Keletas svetainių, kur galima nueiti, pasižiūrėti, išmokti:

O Lietuvoje nudžiugino atsinaujinęs www.takas.lt. Jei prieš metus su trupučiu portalas galėjo pretenduoti į nugalėtojus baisiausio kodo konkurse, tai dabar tai sektinas pavyzdys.

Antras mitas: CSS yra nelankstus

Tokią mintį aptikau kriause.com, (žr. aštuntą idėją). Nors pati idėja puiki — Nuolat naudoti interneto kūrimo standartus (XHTML/CSS) — ir su ja sutinku beveik be išlygų (nubraukčiau, ar bent į skliaustelius paimčiau X-ą), bet viena dalis skamba keistai:

Šios idėjos minusas, kad CSS (stilius) turi ribotas vizualinės dalies keitimo galimybes. Žinoma gražų dizainą galima sukurti naudojant tik CSS galimybes (pavyzdžiai svetainėje CSS Vault), tačiau apie lankstumą lyginant su HTML galimybėmis galima pamiršti.

Originalioje Aleksandro Šiliajevo versijoje formuluotė dar eee… keistesnė: но про безграничную гибкость классического HTML можно забыть.
Atleisk jam, Zeldmanai, jis nežino ką kalba. Tokį pasakymą galiu paaiškinti arba klaida, arba tuo, kad žmogus kažką ne tą surūkė, arba elementariu nežinojimu (realiausia versija). Aleksandras pats rekomenduoja tinklalapį, kuris demonstruoja visiškai priešingą dalyką: CSS Zen Garden.

Pažiūrėkit patys, keletas dizainų: Zunflower, zengrounds, What Lies Beneath, Gecko’s Eye, Odyssey, Wiggles the Wonderworm, Dark Industrial. Visi jie sukurti keičiant tik CSS failą, HTML kodas yra visiškai vienodas. CSS nelankstus? Padarykit bet kurį iš jų su lentelėmis ir pjaustytais paveiksliukais, o paskui pažiūrėkit, kiek HTML reikės pakeisti perdarant į kitą — vat jums ir begalinis HTML lankstumas.

Trečias mitas: visi CSS dizainai vienodi, negražūs ir nuobodūs.

Manau, kad aukščiau yra pakankamai nuorodų įsitikinti, kad tai visiški kliedesiai. Ar ne?

9 Responses to “Mitai apie CSS”

  1. Pilkeju Says:

    Įmanoma profesionaliai kurti tinklalapius, jų elementų išdėstymui ir atvaizdavimui nenaudojant CSS ir be .

    Kas yra CSS ar HTML lankstumas liko nesuprasta.

  2. Laurynas M Says:

    Taip tai yra mitas. Tačiau su lengvomis išlygomis.
    Pratestuoti tinklapį norimoms naršyklėms, kurio atvaizdavimo struktūra paremta vien tik CSS priemonėmis yra pakankamai sunku. Tuo labiau, kad pačioje CSS specifikacijoje yra keletas klaidelių. Ir skaičiuojant laiką, dažniausiai pasiteisina mixuotas CSS & tago “table” metodas.

  3. neytema Says:

    Man ishvis yra ydomu kas yra tas profesonalus tinklapiu kurimas… kokie kriterijai nussako ar tai profesonalu ar ne :/…

    DIV+CSS ir TABLE+CSS savo sudetingumu nesiskiria…
    DIV+CSS gali pasirodyti sudetingesnis nebent jei testuoji vien ant IE… Pagrindinis mozilos prikolas darant su TABLE+CSS tas, kad position atributas tabjbluose kotajs nivalit, o ie 6 ishvis turi baisiu problemu su lenteliu height…

    Be to TABLE+CSS dedelis minusas yra pacio html’o kodo ishdestymo nelankstumas.. Lentele turi tiesiog eilutes ir celes eilutese, kuriu ishdestymas html’e neiseiles neysivaizduojamas.
    DIV+CSS gerai ismananmtis specialistas gali html’a formuoti jam patinkancia tvarka (headeris - contentas - meniu - footeris ir pan..)

    Del pacios svorio (tiesa nezhinau ar tikrai TABLE+CSS mazheu sveria, pasitikiu kolega Laurynu) ir del IE esminiu bagu TABLE+CSS gali buti atskirais atvejiais priimtinesnis metodas, taciau DIV+CSS tikrai gali ir yra profesonalus…

  4. teibaz Says:

    Perskaičiau. Nudžiugau. Ypatingai smagus straipsniukas. O aš ir pats labai mėgstu CSS girti…

  5. Mikas Says:

    O koks tikslas sutaupyti 50 KB? Man tai labai primena sena propoganda, kaip vienas sutaupytas popieriaus lapas pavirsta vagonais anglies ar hektarais Karelijos misko. 50 KB siais laikais, kai streaming media eina gigabaitais? Taip, butu smagu jei visu programu instalai tilptu i diskete.. ar bent i 10… bet ar tikrai to reikia?

  6. ImCat Says:

    Mikai, klausi, koks tikslas sutaupyti du terabaitus
    per dieną? Nežinau. Gal jokio.
    Jei laikai, kai streaming media eina gigabaitais reiškia, kad galima darayti belekaip, tada tikrai jokio.

  7. Raimundas Says:

    Ka as galvoju? CSS mano hobis. Zinoma tai tik keliu meniu hobis taciau manau tai tik pradzia ilgo mokymosi ir naudojimo praktikoje. Cia niekingas mano pavyzdukas http://www.forumland.lt/css/3_melynas_%20v4/

  8. gita Says:

    del css zen garden: nereikia praleisti, kad keiciant css faila, taip pat keiciamas ir ../images katalogas, taigi css’ui garbes atitenka kiek lieka nuo imidzu:) lieka nemazai ko gero:)

  9. ImCat Says:

    Gita, visa garbė dėl minėtų “imidzu” rodymo tenka CSS’ui, nes HTML kode nėra nei vieno