Switchy McLayout: Technika adaptívneho layoutu

You may also like...

12 komentárov

  1. Pjotr píše:

    Každopádne je to vynikajúca vec. Myslím si, že každý web dizajnér by si to mal skúsiť a aplikovať. Bude to možno o pár riadkov CSS viac, ale to ešte nikoho nezabilo ;-).

  2. bolek píše:

    pekne a mudro napisane. Bodaj by viacej ludi takto zacalo rozmyslat
    btw skusal si si kuknut svoju stranku na mobile? Prave pozeram na spvcku a je to nieco priserne. Na opere mam nastavene najmensie pismo, ale tu mam brutalne velke, zmesti sa mi iba 10 riadkov na display. Uvod nevidim vobec, lebo mi to prekryva prijeb**a reklama. V exprdeli sa mi nezobrazi uz vobec nic – stranka je priliz velka:-(

  3. rony píše:

    bolek pozeravam ale v PocketIE. zaroven reklama a handheld som este neriesil ale poriesim medzi prvymi.

  4. miso gardian píše:

    fiiha rony, prekvapuje ma ze obdivujes taketo riesenie… ved je to primitivne vyuzitie JS pri ktorom uz je CSS len podruzna pomocka… ale ja osobne podporujem take riesenia – len ma to prekvapuje u teba (pozitivne)

  5. rony píše:

    [4] tvoje prekvapenie je pochopitelne, pretoze necitas dlho Spravodaj.
    * „Priklad 1“:http://spravodaj.madaj.net/view.php/2006/02-prekvapujuci-fluidny-layout
    * Man in blue poznáš?
    * „Vyhovujuce riesenie…“:http://spravodaj.madaj.net/view.php/2006/01-vyhovujuce-riesenie-s-fixnou-sirkou
    Kto ti nakukal, ze som nejaky sialeny ortodoxny vyznavac fluidneho layoutu v CSS?! Preboha ziveho?!
    Mna prekvapuje to, akym sposobom si dokaze ktokolvek uplne do extremu vylozit pomerne jasne napisane svoje vlastne slova!? Kde si preboha nabral ten dojem, ze ta cosi take ako moje zalinkovanie prevareneho riesenia McLayout v tebe vyvolalo dojem, ze som vzdy bol akysi ortodoxny „len preboha nijako inak ako v CSS a nikdy inak“ fanatik? :-O
    Teraz trosku mimo temu, vzhladom na to, ze z archivu si musis prebrat par medzier o Spravodaji:
    * „Tri skaly pristupnosti“:http://spravodaj.madaj.net/view.php/2006/08-tri-skaly-pristupnosti
    * „Vyššia dievčenská škola: varíme na skutočnej ploche“:http://spravodaj.madaj.net/view.php/2006/09-vyssia-dievcenska-skola-varime-na-skutocnej-ploche
    tie povazujem za vhodne doplnenie :-)
    Ja viem, casto mi hovoria, ze som odtrhnuty od reality a v akomsi akademickom laboratoriu mentorsky bluznim nad vecami, ktore prax riesi uplne inak ;-) Ale to len tak bluznim o nezmysloch, ktore s tvojim prekvapenim nemaju nic spolocne ;-)))
    Dopln si medzery, kym na to mas roky a nehanbi sa, ze to bude prave Spravodaj :-) ktory ta privedie na cestu dobra, lasky, nadeje a praveho duchovneho naplnenia. Pre jedine svetle chvilky ake ti len ta prava viera moze priniest.
    Zastavim sa v nedelu rano. My dvaja z redakcie, v slusnych cistch satach s farebnymi casopismi, budeme zvonit a budeme si chciet pohovorit o webe ;-)

  6. rony píše:

    Zabudol som dodat, ze trosku fabulujem v tom komentari, aby si sa neurazil ;-) Ale jeho vysledkom by malo byt (podla mna), aby si si precital pozorne to, co trepem pod tou ciarou. Nad nou je len moj pokus o preklad clanku o McLayout. Niektorych napadol prave ten ManInBlue pretoze ten uz davno predtym podobne riesenie zverejnil (vratane Spravodaja). No a to pod ciarou su moje slova. Po ich precitani by ta nemalo nic prekvapit ;-)

  7. miso píše:

    fakt si trocha uletel :)… ja len vravim ze by som Ta netipol na pouzitie JS na takuto vec… ved aj ja osobne by som s tym mal trocha problem… moc by som univerzalnosti toho neveril…

  8. rony píše:

    preboha. vykladaci snov ;-)
    dokonca ma uz osacovali na to, ze Switch McLayout pouzivam. Preboha.
    Dokonca som siahodlhym komentarom naznacil, ze je to obdobne riesenie ako davnejsie publikoval maninblue.
    No ja snad koncim.
    Tolko roznych vykladov nema ani biblia :-) ale Spravodaj ano.

  9. Mifko píše:

    S clankom sa da viac menej suhlasit. Bohuzial, problem stale vidim v zakaznikoch.
    Ak som vyvojar, ktory vyvyja pre zakaznikov weby tak pre nich v tejto oblasti mozem urobit jedine – ponuknut im takuto moznost. Kludne im spravim 6 roznych dizajnov a velmi rad, lebo na kazdom z nich nieco zarobim.
    Bohuzial realita je trochu ina. Vacsina zakaznikov ma klasicku predstavu ze web musi byt tak do 5 tisic – pricom musi obsahovat jedinecnu grafiku (ziaden volne dostupny template), kopec flashovych prvkov, kopec dynamickych obsahovych prvkov (z databazy dotahovanych) a samozrejme vsetko maju mat moznost administrovat priamo na webe.
    No a ked ich z 5 tisic dostanem do realnej financnej sfery v ktorej sa ich poziadavky pohybuju (to uz ochkaju ostosesto :)), tak ich vidim ako mi prikyvnu na navrh spravit im dizajn vo viacerych variantoch pricom kazdy z nich bude navysovat cenu.
    Co sa realne stane je, ze sa ma spytaju ake je najcastejsie rozlisenie na webe. Ja pozriem do statistik, ktore sa mi generuju u inych zakaznikov a zistim ze cca 90 a viac % uzivatelov ma na sirku rozlisenie minimalne 1024 a zakaznik prikyvne ze ano, nech to nasijem na take rozlisenie.
    Takze, Tvoj clanok je naozaj dobry a naozaj pravdivy, len sem treba nasmerovat najma zakaznikov a nie vyvojarov :)

  10. rony píše:

    [9] cely problém je teda v tom, že za 5 tisíc môžeš odovzdať jediný vzhľad a niečo ako rozdelenie na design pre handheldy, malé obrazovky, veľké obrazovky je vlastne vyrobenie grafiky vlastne niekoľkonásobne.
    dá sa na to pozrieť aj takto.
    pozrime sa na to aj inak: väčšina stránok, ktoré stoja päť tisíc má základnú HTML kostru rovnakú. Tak sa jedenkrát premôžem a tak alebo onak je vzhľad pre handheld unifikovaný – moc sa v tom nenahráš pretože viacmenej musíš hrať na praktickosť pri zobrazení stránky. Ak urobíš desať päťtisícoviek, tak ten jeden unifikovaný handheld vzhľad v tom spláchneš ako bonus.
    Takže opäť sme pri tom, že NEMUSÍŠ klientovi robiť extra naviac hranolčeky ale iba mu povieš – a táto stránka pôjde aj na handheldoch či mu to ani nepovieš. Proste je to default akože mu neprezrádaš, že si tam pridal o jednu js knižnicu naviac a ani si sa nenamáhal mu vysvetľovať, čo to je.
    Žiadne navyšovanie ceny – realita je krutá :-)
    Iný pohľad – už ten základ navrhneš tak, aby šiel „preskupovať“ – nie sme tu laici a vieme, že layout su púhe boxy v nejakom vzťahu k sebe – postačí chvíľka kreatívneho myslenia a web preskupíš v priebehu pár sekúnd.
    Viem o čom hovorím – koľkokrát mám pred sebou úlohu: a teraz ten tretí stĺpec nechceme, čo tak dať toto radšej sem… rozumieme si, že?
    Takže zakázníkovi sa nehovorí pevné číslo 1024. Hovorí sa mu pásmo od do. A to tak, že si sám musíš vybrať, čo mu bude vyhovovať. Povieš mu od 800 do 1200 a vieš, že tým stratí 8 percent návštevníkov. Povieš mu 240 do 1200 a stratí 2 percentá. Je otázka či je pre jeho biznis únosné stratiť dve alebo osem.
    Takže ti budem oponovať – zákazníka sem neťahaj, to ty musíš začať premýšľať a odpovedať v pásmach a nie exaktných číslach. To ty buduješ vo svojich zákazníkoch predstavu akéhosi unifikovaného návštevníka, ktorý ma všetko „ako väčšina“ a tá väčšina má LCD monitor Samsung 1280×960 17″ s jasom na 70%, procesor AMD 2 GHz, hardisk 240GB, čiernu Benq klávesnicu, DVD napaľovačku.
    Ja tvrdím, že väčšina má tak rozdielne parametre, že púhe jedno jediné exaktné číslo ich nemôže nijako vystihovať.
    Z praxe mávam jedinú otázku – aké farby preferujete. Z praxe viem, že ten istý web v inom farebnom podaní sa mu môže hnusiť a hľadá na ňom chyby ale keď mu ho dám rovno v jeho obľúbenej farbe, tak je spokojný. A na farbe predsa nezáleží. A hneď mi prejdú podvody typu: podčiarknuté odkazy, správne umiestnené logo, obvyklá navigácia a schopnosť webu zobraziť sa na handhelde.
    Takže, keď budeš oboznamovať zákazníka so štatistikami, pamätaj na to. Väčšina je typicky omnoho viac roztrieštená ako menšina. Môžem vyhlásiť, že menšina má 1024×768. A mám pravdu. Ale u vyhlásenia, že väčšina má 1024×768 si tým nie som tak istý ;-)
    Ja viem, že sa to radí ľahko ale stanoviť si hranicu, kedy je niečo pod tvoju úroveň je tiež dobrá vec. Web za päť tisíc rob kamošovi a zaprisahaj ho, že to nikomu nepovie :-) A ak sa k tomu dostaneš ver, že ťa čakajú problémy – čím menšia suma tým viac je zákazník „nepríjemný“ a dokonca môžeš dospieť k tomu, že ti ešte vyhodí na oči aký si nenažraný a pritom si spravil takú slabú prácu.
    Ak by mi šlo o to, aby som si webdesignom mal zarábať, tak by som neustále makal na veciach do šuflíka. Priznajme si, že na tie menej honorované veci môžeš s kľudom urobiť aj niečo menej originálne a stačí sa spýtať na tú farbu :-)
    A nehovor mi, že za päť tisíc riešiš veci typu: ktoré CMS im dám. Nie – mám svoje obľúbené, ktoré som už inštaloval všetkým počnúc nadnárodnou korporáciou v projekte za tristotisíc a aj roľníkovi za päť stovák a hektoliter mlieka. Takže aj CMSkom som limitovaný aby som používal unifikované HTML šablóny a iba sa hral s CSS ;-)
    Switchy McLayout je ukážka z laboratória a v skutočnosti si z nej môžeš spraviť svoj štýl práce a ponúkať ho ako defaultný prefabrikát, do ktorého vložíš svoju prácu vo forme CSS v priamej úmere k sume akú obdržíš.

  11. pa3k píše:

    Problém s rozšírením vidím inde. Hlavne v tom, že systém je naozaj použiteľný a široko akreptovateľný až vtedy, ak sa presadí na veľkých portáloch a zvykne si naň väčšina BFU. Tu ale narážeme na problém s platenou bannerovou a nevektorovou grafickou inzerciou na veľkých portáloch. Toto zapracovať do fluidného layoutu je už oveľa väčší oriešok, hlavne v kombinácii s požiadavkami inzerentov portálu na presné umiestnenie reklamných plôch, prípadne ich vzájomných kombinácií. Od tohto systému sa totiž odvíja zaužívaný systém financovania tržieb za reklamu. Bohužiaľ, je to tak – tu sa nám situácia už značne komplikuje a je finačne a organizačne oveľa viac náročná.
    Takže podľa môjho názoru platí to, že fluidný layout je (žiaľ) zatiaľ vhodný len pre niektoré weby.

  12. rony píše:

    [11] rozlisuj fluidny a adaptivny. uz sa to tento rok krystalizuje a ten rozdiel je uz znacny.