KODÉR.BLOG

Když na to kodér sere!

11 Aug 2015

Tak to poznají jen dva lidí. Tím prvním je jinej kodér a tím druhým je… počkat, kdo je ten druhej? Jooo jasně, nikdo! Takže je v pohodě, když se na to sere ne? Dyť to nikdo nezjistí přece nebo snad jo?

Hejty sem, hejty tam

Ať se to může zdát nebo ne, nějak nemám potřebu hejtovat, ale sere mě když každej druhej (kdo dělá do webů) si myslí, že kodér je ten poslední v “potravním žebříčku” a že vlastně není důležitej, protože ve wireframu to někdo vymyslel a grafika je k tomu jasně daná. Tak nám to může nakódovat kdokoliv kdo má čas… přece!

Nevím jak vypadala grafika, nevím jaké bylo zadání, ale zdroják mi řekne víc než si myslíš.

Hřebíčků do rakve, že by jses...

První věc co tě na hodně webech praští do očí jsou fonty od google, protože jeho vygenerovaný CSS vypadá nějak takto:

<link href='http://fonts.googleapis.com/css?family=Lato:400' rel='stylesheet' type='text/css'>

a hned nad tím je většinou hlavní CSS, kde vypadá zápis třeba takhle:

<link rel="stylesheet" href="css/styly.css">

A přitom taková blbost že?

Takovej pomyslnej druhej hřebíček je, když jQuery a ostatních milion JS knihoven je v hlavičce (performance články zde sdílet nebudu, protože už jsem o tom i já napsal docela dost) což už dává tušit, že to nebude dobrý, a to že má jQuery buď jen z CDN nebo jen z localu, je už taková třešnička na tom co si o tom kodérovi myslet.

Ale nebudeme lámat hůl, otevřu CSS a opravdu jen občas se v minifikovanám CSS dozvím kdo web dělal, častěji jen scrolluju 10 000 řádky neminifikovanýho CSS a někdy jen prostě najdu 8importů na jiná CSS.

Napovídat, která možnost je ta správná nebudu.

Favicona.ico je prostě blbost až by jsi brečel, takže proč jí do hlavičky nenapsat, ale do rootu webu nenahrát že? Dyť to dělá jen jeden 404 request navíc.

Samotnej javascript popisovat znova nebudu, protože už jsem psal, že 90% lidí si vystačí s tím, že hlavní JS dá do:

$(document).ready(function () {  
  /* KÓLING VŠEHO MOŽNÉHO I NEMOŽNÉHO */  
});

Já taky nejsem "javascript ninja", ale chce to aspoň základy a nebo prostě nechat zkušenějšímu.

Takže jsem vlastně kouknul jen do hlavičky webu, kde většinou ještě chybí takové věci, jako je OG:image pro sdílení nejen na FB, ale třeba i na Slacku. A už jsem si obrázek o kodérovi udělal dostatečnej.

A to jsem popsal jen ty nejčastější, protože těch méně častých je tolik, že by to bylo na desítky článků.

CSS + ID Vs. CLASS + IMG... a jiné zrůdnosti

První část kodérů se pozná snadno, když si začneš scrollovat neminifikovaným CSS a narazíš na věci jako je třeba:

#header{}
#header .nav{}
#header #logo{}

a k tomu HTML vypadá takto:

<header id=”header”></div>

ANO header tam má opravdu jen jednou a NE, opravdu není potřeba ho IDčkovat a poté ho tak zapisovat v CSS

A když tohle najdeš nahoře, tak jen čekáš, kdy narazíš na pořádnou zrůdnost a hledáš ten opravdu nej nej zápis na webu, jako třeba:

#section #content .article #box-big .perex h1{}

To by jsi mu i pak prominul, že logo má na webu vloženo jako obrázek:

<h1><a href=”/”><img src=”images/logo.png” /></a></h1>

a NE! Opravdu v 99% není černobílé pro případný tisk.

Asi tak, ale tohle je jen jedna část kodérů, pak je tady ta druhá, kterým osobně říkám…

Nóóóó oni na css-tricks.com a smashingmagazine.com psali, že…

tohle už se jako může používat a že je vlastně jedno, že to nejede v IE8, IE9, starším FF a půlka verzí Opery neví vůbec o co jde. Místo toho aby si radši četl na jakpsatweb.cz, tak používá flex-box, obrázky dává pouze v SVG a v CSS používá vesele calc() i na hlavní layout věci.

To jsou věci, který fakt nepochopíš!

Hlavní důvod je ten, že většina se snaží nějak “přeskočit” tu dobu, kterou si několik let zpět prožil každej kodér a rovnou používat všechny ty super věcí a ulehčit si tím sice neuvěřitelně práci, i když to vlastně né malému počtu návštěvníků nepojede.

Takže prosím! Méně calc() a více margin. Méně flex-boxu a více floatů. Méně čtení ultra-mega-kůl věcí a více studování základů.

A to je konec

nevím zda mé kariéry, ale sám netuším jak tenhle (pokud se tomu dá vůbec říkat) článek uzavřít. Pokud to aspoň jednoho kodéra bude motivovat k tomu aby se nad tím co píšu zamyslel a druhého k tomu, aby mi napsal nějaký hejt na twitteru nebo zde do komentářů, tak to budu brát jako úspěch!

Jo a prosím, nepiš mi hlavně někde, co je ještě špatně a nenapsal jsem to do článku (prostě jsem to zkrátil), takže pokud tohle všechno víš a ještě něco tě napadlo, tak se můžeš poplácat po ramenou a sdílet ho na svejch sociálních sítích: jako že to víš! ;)

Sdílet:

comments powered by Disqus