depi.sk – svet očami Erika Gyepesa

Slovenské nahotinky (web stránok)

Jeffrey Zeldman, známy evanjelista XHTML/CSS štandardov si na kóderoch všimol jednu veľmi zaujímavú vec. Zistil, že kóderi dnes strávia kopec času nad tým, aby ich weby fungovali vo všetkých možných prehliadačoch, hackujú CSS kód kvôli historickým prehliadačom minulého storočia, ladia pre hromadu zariadení ako sú iPhony, Blackberry, PDA-čka, validujú XHTML a CSS kód a pritom všetkom zabúdajú na jednu veľmi banálnu vec.

Jednoducho nenastavia farbu pozadia pre ich web stránku.
Zabúdajú na obyčajný:

body { background-color: #FFF; } /* resp. adekvátna farba pozadia */

Prečo je to problém? Skúste si zmeniť predvolenú farbu pozadia vo vašom prehliadači z bielej napríklad na ružovú. (vo Firefoxe je to v Preferences -> Content -> Fonts & Colors -> Colors…) Čo sa stane? Namiesto predpokladanej bielej farby, ktorú kóder nenastavil sa zobrazí vami nastavená ružová farba. To, že na tento fakt zabúda naozaj veľa ľudí možno vidieť v skupine Underwear showing na Flickri, kde ľudia zverejňujú screenshoty známych stránok trpiacich týmto neduhom. Patria medzi ne stránky ako napríklad Yahoo.com, Oracle.com, WhiteHouse.gov a ďalších vyše 160 stránok.

Slovenské nahotinky

Nedalo mi to a bol som zvedavý ako sú na tom naše slovenské weby. Námatkovo som si pozrel niektoré známejšie stránky a tu je niekoľko z tých “nahých”:

Čas.sk

Apple.sk

Tahaj.sk

Čeknito.sk

Sú to len 4 vybrané slovenské weby (známejšie), ktoré som našiel za cca 3-5 minút. Ak by som hľadal dlhšie a uverejnil aj tie menej známe, mohol by som určite urobiť zvlášť katalóg.

Preto ak vás táto téma zaujala pozývam vás do slovenskej skupiny Underwear showing (web design) – Slovak web sites na Flickri, kde môžete pridať ďalšie vaše úlovky podobných nahotiniek zo slovenskej scény.

Ako ste na tom pri svojich stránkach vy? Nezabúdate definovať farbu pozadia?

Prihlás sa na odber zaujímavých informácií e-mailom

* povinné polia
  • http://alian.info alian

    Ehm myslim ze toto je na diskusiu, na WebExpo o niecom podobnom bola vasniva debata: oplati sa nastavovat velkost fontu? Naco nastavovat nieco co ma prehliadac defaultne prednadstavene? Nemam pocit ze by to bolo povinne a usetris par bajtov na velkosti CSS ;)

  • http://www.depi.sk Erik Gyepes

    **alian:** ano ale problem moze myslim nastat pri pouziti roznych customizovanych tem pre prehliadace, pripadne operacne systemy. Tie zvyknu myslim menit aj defaultne farby pozadia v prehliadaci a potom to moze dopadnut takto.

  • http://spravodaj.madaj.net/ rony

    skor by som take weby nazval “naostro” – bez spodnej bielizne :-)

  • http://tiso.wz.cz/ tiso

    Odpoveď na otázku: na toto nezabúdam.

  • aaa

    By ma celkom zaujimalo, kto normalny si vobec meni farbu z default na nieco ine ;)

  • aaa

    a este jedna vec :) aky zmysel ma ze si clovek zmeni background prehliadaca, ked mu to potom ma akoze vadit? to snad chcel nie? :))

  • http://www.emdi.sk eMDi

    ja nezabudam a dobre robim, kedze v praci aj doma mam vo svojom KDE ine farebne schemy, takze to niekedy citim (hlavne biely font na bielom backgrounde ako ma napriklad facebook talker) a podobne …

  • http://www.ambience.sk dusoft

    Ten clanok som cital uz davnejsie. W3C odporuca nastavit pozadie, popredie, argumentacia fontom (Alian) je nieco uplne ine, pretoze k nedochadza automaticky k znizeniu citatelnosti.

    Paradoxom ostava v tvojom vybere Apple.sk, kde este pred par rokmi chudackovia Mackisti pouzivaju Nestcape mali prave so strankami bez definovaneho pozadia problemy (Netscape na Macu mal predvolene pozadie sede narozdiel od akehokolvek prehliadacu na PC, kde bolo biele).

  • http://www.vandrak.eu/ Vandrák

    Nad niečim takýmto som ani nerozmýšľal, ale mám všade farbu pozadia. Takže ani jeden môj web nie je “naostro”.
    Vždy sa snažím určitým spôsobom zbaviť a nahradiť defaultné nastavenia CSS prehliadača na svoje.

  • http://kusi.sk Tomáš “Kusi” Kusenda

    kokos toto je sila, ale tusim, ze ani ja to nemam :D

  • http://www.ambience.sk dusoft

    aaa: mnozstvo normalnych ludi kvoli vyssiemu kontrastu napr.

    ja mam napr. nastavenu pevnu minimalnu velkost fontu.

  • http://exot.boo.sk/blog/ exot

    ja si to vzdy osetrujem, v tomto som pedant :)

  • http://www.k8jo.sk k8jo

    …hneď som si to išiel u seba skontrolovať, ale pozadie som u seba nastavil na každej stránke…:)

  • http://livusha.blogspot.com Livusha

    :D …strasne tahaju oci taketo ruzove priteplene stranky

  • http://suro.wz.cz Suro

    Na poprve uplne suhlasim s alian-om, podla mna by mala byt farba pozadia ako volitelny parameter (samozrejme nikto mi nezakaze ani neprikaze pouzit ho). Ale samotna stranka by nemala stratit na zobrazeni pouzitim ineho pozadia v prehliadaci. Taktiez ak sa uplne nemylim farba pozadia v prehliadaci sa riadi nastavenim farebnej schemy (ale mozem sa mylit), nakolko pouzivam tmavsie farby (aj word mam v odtienoch sivej), tak i pozadie prehliadaca sa prisposobi tejto farebnej scheme.

    to “aaa”: ako uz bolo povedane, menia si ho napriklad ludia, ktori potrebuju na prezeranie weboveho obsahu vyssi kontrast, ako ponuka samotny autor projektu. Nehovorim len o ludoch so zrakovym postihnutim, ale ide predovsetkym o ludi 40+, co uz postupne pridavaju na dioptriach.

    Nebral by som to osobne ako chybu, jednoducho tahaj.sk je ukazkovy priklad ako sa to robit ma… Ak chce uzivatel kriklavo-zelene pozadie je mu dopriate. Stranka neutrpi tak, ako napriklad ine projekty, ktore pozostavaju 80% z obrazkov na pozadi co vyzera nakoniec nie moc elegantne.

  • http://www.zlava.net/ Andy

    Keď už opymalizujeme stačí napísať “body {background:#FFF;}” a každým prenosom sa ušetrí 9 znakof. Dobrý članok

  • http://www.zlava.net/ Andy

    Alebo”body{background:#FFF;}” a odstranil som ešte medzeru medzi y a{

  • http://tiso.wz.cz/ tiso

    Andy – ešte tam máš navyše bodkočiarku, tá je pred uzatváracou zloženou zátvorkou nepovinná. Ale takáto optimalizácia nemá zmysel…

  • http://www.depi.sk Erik Gyepes

    **tiso:** tak tak, a v clanku aj tak slo o nieco ine. O CSS skratkach sa mozem rozpisat nabuduce :-)

  • http://www.peteroravec.sk Streamer

    no urcite je vhodne to robit ale podla mna to az take dolezite nieje, biela bude vzdy default ale ak sa hrame na standardy tak to robme… ale to by sme potom mozno mali vsade implicitne davat na priehladne pozadia background: transparent; a to tiez urcite vsade nedavame… prikladov by bolo viacej

  • http://promoakce.hokejovetipy.com Sázky

    Som prekvapeny, ze hlavne SME to nema osetrene, ale zasa na druhu stranu, tak to byva, ze velki sa citia byt neporazitelni a zanedbavaju potom taketo vecicky…

  • http://www.cheapsky.info Okuin

    No nie je to az taka vada, nic o bezpecnosti to nie je, takze klidek :)

  • http://nav1.org nav1

    Treba len pouzivat default schemu a vsetko bude v pohode :)

  • http://www.neville.sk neville

    No toto :) Radsej idem a pozriem tiez aj svoje a nastavim v defaultnom template tiez ;) Banalita fakt, ale pokazi dojem.