21. 8. 2008 v sekci webdesign:

Když grafik kodeří…

…tak to má jen samé výhody. Kodeřina není nic těžkého a dá se dle mého názoru obstojně pochopit už po roce praxe.

Mám čerstvou zkušenost s webem, kterému jsem graficky navrhl titulku a obecnou podstranu a odjel na dovolenou (tedy instruktorovat roverský kurz – nad palandama jsme měli cedulky DOVOLENÁ, abysme si to pořádně užili :-) ). Termíny ani rozpočet nebyly nakloněny tomu, abych si web kódoval sám, a tak jsem návrh předal do rukou třetí straně.

Pak jsem se vrátil z dovči a vidím divy. Tedy ani ne tak divy jako svůj návrh po zpracování koderem. Globálně bylo vše v pořádku, ale koder jak na potvoru vynechal všechny ty malé dokreslující detaily, zarovnání bloků, část barviček, vertikální mezery,… o nějaké typografické harmonii nemluvě. Aspoň už vím, jak se cítila naymi, když jsem před pár lety neviděl, co je na mém výsledku jinak než v jejím návrhu. Teď už to vím a kaju se. :-)

Z toho plyne poučení – co si sám nezbastlím, to nemám. Navíc – když si webdesigner celý web i kóduje (a umí to), tak se nejen vyvaruje nenakódovatelných struktur už v návrhu, ale navíc může pozvedat celkovou úroveň výsledku nejen na titulce, ale i na všech podstránkách. A to za těch pár hodin navíc stojí…

(tímto článkem se nijak nenávážím do dobrých koderů, prodavačů pojistek, ani globálního oteplování)

Komentáře

21. 08. 08, 21.25

Oni jsou kodéři a Kodéři. Je nesmírně důležité, aby měl kodér trochu cit – a je opravdu dobré, když nějaké základy grafiky a typografie zná, stejně jako je dobré, když se grafik vyzná v kódu.

Ale je opravdu nesmírným potěšením odevzdat grafický návrh, pak se kouknout na šablonu a nemí k ní jedinou připomínku. Za dobu, co dělám grafiku, jsem potkal takové kodéry dva.

Jedním je grafik Vít Dlouhý a tím druhým je Tomáš Kučera (setup.cz) – ten jako grafik začínal :)

21. 08. 08, 21.48

Dobrý grafik a kodér (nebo dokonce programátor) najednou je skoro oxymoron. Po jednom se chce racio, po druhém nepřímo opak.
Každopádně poku někdo oboje umí, začne tu grafiku hrozně šidit, aby se potom nemusel moc namáhat. :)

21. 08. 08, 21.49

Mno, popravdě mi přijde lepší, když je grafik s kodérem v dobrém spojení a komunikují spolu průběžně co v grafice nedělat, co lze a nelze nakódovat, apod. Preferuju specialisty a nerad bych požadoval po grafikovi vše, co očekávám od kodéra. (Umím si to představit, ale mělo by to opravdu smysl a stejně dokonalý výsledek?)

4. rony
22. 08. 08, 01.01

S jedinou moznou vynimkou: ti dvaja sa dobre poznaju a vyvoj ich spoluprace dospel do stadia, ze jeden maluje a druhy koduje.

viem, ze su webdizajneri obvykle selfmademani ale dobre fungujuci team ludi, ktori vychadzali z takejto pozicie a zvladaju v sebe potlacit ego v prospech biznisu, by urobili urcite viac ako samotari :)

22. 08. 08, 07.13

Podle mě je dobré, když grafik umí kódovat. Najednou stranu je to lepší, protože klienti občas chtějí rovnou i grafiku nakódovat, aby nemuseli shánět dalšího externistu na kód. Dál je to lepší v tom, že grafik nedělá různý čáry máry a kódér s tím má pak třeba „zbytečně“ moc práce. Proto je lepší když to zná a ví kolik je s tím práce, hlavně optimalizace pro IE 6 a další prohlížeče. Ale na druhou stranu je zase pravda, že když to kóduje grafik, tak už v návrhu neudělá vše a udělá si to, aby s tím neměl moc práce, jak už tady zaznělo. To někdy vidím i u sebe :-)

Jsou na to rozdílný názory, ale když se najde skvělý grafik/kodér, tak proč to nevyužít.

6. Rival
22. 08. 08, 07.38

Třeba taková siamská dvojčata, kdy jeden dělá grafiku a jeden kóduje, to je k nezaplacení.

22. 08. 08, 09.21

Nene, nejlepší je, když grafik umí zároveň kódovat a ještě navíc trpí schizofrenií – to to pak své druhé polovičce (která to bude kódovat), pěkně osolí a vůbec ho nešetří (takže výtka viz komentář 2 neplatí). No a kodér pak nadává a nadává, ale nakonec to udělá :)

22. 08. 08, 09.45

[7] muhehe, přesně to se mi teď stalo – navrhnul jsem si obrázkové menu, které musí mít každý aktivní stav nadesignovaný zvlášť.. už se těším na EN verzi webu :-)

22. 08. 08, 12.37

[1] Takže na příkladu Víta Dlouhého a Tomáše Kučery demonstruješ, že z dobrých grafiků se časem stávají dobří kodéři?

Mno, původně jsem myslel, že toto kolečko funguje obráceně: nekvalitní kodér získá zkušenosti a stane se grafikem.

Ale už jsem na to přišel! :-)

První tu máme nekvalitního kodéra, ten získá zkušenosti v otázkách použitelnosti a typografie a stane se: kvalitním grafikem. A teprve po tom, co vyzkouší, jaké to je být grafikem se může transformovat ve velmi kvalitního kodéra.

…a potom jde dělat SEO konzultanta.

10. Manq
22. 08. 08, 13.52

Stačí, když má dobrý grafik s kódováním nějaké zkušenosti – nějaké podvědomí o způsobech atd…, to pak nějaké „tohle nakódovat nejde“ nebo „s tímhle se nebudu patlat, když je to k ničemu“ odpadá. Osobně jsem to nikdy neřekl, všechno přeci jde.

11. BoB
22. 08. 08, 15.41

[10] Ano, všechno jde, ale pak je tu otázka „Za kolik?“ Nepřijde mi nemístné varovat: „Ano, jde to, ale bude to stát XX práce navíc – vyplatí se to zrovna na tomto místě?“

22. 08. 08, 15.57

[9] Žasnu nad tím, jak někdo může zcela dezinterpretovat to, co jsem napsal, a pak tomu ještě oponovat.

13. Manq
22. 08. 08, 17.36

[11] Mně také ne, proto by měl mít grafik to podvědomí, aby se takovým situacím včas vyhnul.

14. HeWeR
23. 08. 08, 12.20

[12] Ou kuš, sypu si popel na hlavu za nepozorné čtení.

Takže jinak: myslím si, že velmi kvalitní kodér se často stane z člověka, který má již v minulosti praxi z grafikou (a většinou každý grafik zkoušel ve svých začátcích také kódovat).

15. Veve
23. 08. 08, 18.51

a taky se může stát, že se někdo chce stát dobrým grafikem – a proto se plácá v kódování a nakonec ho v práci přinutí dělat SEO, takže s grafikou je utrum :P

16. lewro
24. 08. 08, 12.02

Zaujimalo by ma, ktore graficke prvky sa podla vas nedaju implementovat. Trochu mi to vychadza z tejto diskusie ako keby boli nejake bariery v implementovani nejakych elementov. Vedeli by ste mi dat nejaky priklad aby som sa zorientoval? Doposial som mal pocit (zatial aj skusenost), ze kazda sablona sa da implementovat do posledneho detailu. (ked sa chce) ci uz na urovni back-end alebo CSS, alebo sa mylim?

17. pixy
24. 08. 08, 22.20

[16] Naprostý souhlas. Dnes už není někdy před pěti lety a jakýkoli grafický návrh je technicky řešitelný a vždy implementovatelný.

Vždycky říkám, že kdybych si dnes po těch zkušenostech zakládal webdesignerské studio, tak si seženu dobrého grafika, který nemusí znát ani jediný tag z HTML a může klidně kreslit návrhy v ruce tuší a vodovkama, a dobrého kodéra, který nemusí umět nakreslit ani domeček jedním tahem. Mít dobrý design i dobrý kód je důležité a lidí, co umí opravdu dobře obojí, je po čertech málo. Drtivá většina těch, co tvrdí, že umí obojí, v jednom nebo druhém oboru vázne (jak už tu bylo řečeno, přece jen se ta algoritmická a kreativní myšlení tak trochu vylučují). A přitom není k takovým kompromisům na úkor kvality důvod.

25. 08. 08, 09.08

[17] …jakýkoli grafický návrh je technicky řešitelný a vždy implementovatelný…

a některé z těch návrhů budou datově obrovské, hůře přístupné a při zvětšení písma se důkladně rozsypou.. popř. se nedají udělat fluidní.. CSS a HTML mají svá omezení – je jich méně než dříve, ale jsou. Dokážu si představit grafické návrhy, jejichž jediná možná implementace je obrázek pro CELOU stránku :-) Nebo jsem blbej koder..

25. 08. 08, 09.11

[16] Zkus si roztáhnout csskem kruhový gradient… který bude nějak provázaný s dalšími prvky (akorát budou každý na jiné straně toho roztahovacího layoutu)..

25. 08. 08, 14.44

[18] Ty si děláš srandu, ale… http://www.mxi.cz/ & http://www.svenwulf.de/blenckner/ :-)

25. 08. 08, 16.47

[20] Muhehe. :-)

22. pixy
25. 08. 08, 22.41

Předpokládám, že nikdo z přítoných si nemůže splést pojmy „neznalost kódování“ a „neznalost zákonitostí a potřeb cílového média“.

26. 08. 08, 08.15

[22] Muhehe. A už jsme u toho – rozdílný slovníček pojmů. Protože pod „neznalost zákonitostí a potřeb cílového média“ skryješ veškeré hůře/nepřístupně/nemožně nakódovatelné počiny svého vodovkáře :-)

24. lewro
26. 08. 08, 17.18

[16] mozno by si mohol uploadnut obrazok aby sme videli co mas na mysli a skusime to implementovat, aspon bude sranda :o))

26. 08. 08, 17.37

To je dobrý nápad! Nechceš File vyhlásit Mission Impossible Match for CSS Coders?

26. 08. 08, 19.49

Čekal jsem, kdo s tím přijde jako první.. uděláme dvě kola – v prvním budu sbírat návrhy na nenakódovatelné weby a v druhém je uveřejním a nechám je nakódovat :-)

27. 08. 08, 12.35

Zabývám se grafikou a mám dost zkušeností s kodéřinou ;). Určitě je vždycky dobré mít s css a přípravou grafiky pro web více zkušeností. Samozřejmě, že je lepší, když grafik udělá rovnou i kód a kodér ho potom jen zkontroluje ( kompatibilitu atp.. ). Sám se snažím o kvalitní kód, ale někdy je to problém ;).

28. pixy
28. 08. 08, 08.40

„Nenakódovatelný web“ je trochu široký pojem, takových ti vysypu z rukávu tucet. Doufám, že pořád ještě mluvíme o „nenakódovatelném grafickém návrhu“. ;-)

29. xsys
03. 09. 08, 20.06

S kamarádem jsme už pár webů plánovali… on mi vždy dodal návrh a já to pak nějak zbastlil do takové první verze, aby se vyjádřil k těm kompromisům, co jsem tam musel kvůli grafickému návrhu udělat. Třeba byl box s borderem (naštěstí jednobarevným) a měl takový ten vnitřní stín ze všech stran. Řekl jsem, že tam nenapráskám 3 další prázdně divy, jen aby tam ten stín byl. Chvíli se mě snažil přesvědčit, že to tam mám dát a pak nějak ustoupil. Nakonec řekl, že se mu celý návrh nelíbí a že ho předělá.