Chci přidat svou trochu do mlýna a představit vám pár zajímavých stránek, na které občas zajdu. Můj výčet není úplný, nechtějte vidět mou knihovnu záložek ve Firefoxu a obsah čtečky, ale pokud byste se cítili trochu ztracení a potřebovali byste nějaký zdroj rad a informací v oblastech jako je webdesign, grafický design, kódování layoutu, informace o kaskádových stylech, fungující odvšivená css řešení pro váš web, textury, vektorové obrázky, ikonsety a další a další věci, bez kterých webovou stránku nepostavíte, pak jste tu na mém skromném rozcestníku správně. Mnohé z těchto stránek jsem našla přes webaře na Twitteru. Na konci se zmíním i o 3D grafice, protože i to k webu patří, ale spíš jde o to, že jsou to mé oblíbené.

Velké množství odkazovaných webů je psáno v angličtině. Pokud jí nevládnete, můžete si pomoci strojovým překladem pomocí Google Translate, máte tam možnost přeložit stránku. Výsledek bude asi děsivý, nezkoušela jsem GT na těchto webech.

Edit: časem se může úroveň webů měnit a některé samozřejmě mohou i zmizet v propadlišti internetu. Zde uvedené informace tedy platí v době uvedení článku.

Smashing Magazine

Na Smashing najdete obrovskou hromadu článků o grafice i designu, o ajaxu i css. Na začátečníka je to trošku prudký nášup a ne každý asi bude nadšený z 70 úžasných ikonsetů, případně 100 nejlepších designů za leden 2009. Dobře, to trošku přeháním, ale někdy je nad lidské síly to všechno pojmout a důkladně probrat, a tak doporučuji zaměřit se jen na to, co vás konkrétně zajímá – třeba css. Z toho se dá vycházet a vy si v článku o „40 úžasných stylech pro vaše nadpisy“ vyberete jen ty tipy, které se vám líbí. Ještě dodám, že autoři rádi přehánějí a občas uklouznou na výběru ukázek případně rovnou na celém tématu, ale co chcete, je to obrovské a vy si jistě poradíte.

CSS Play

CSS Play je IMO výborný zdroj kaskádových stylů pro menu, bloky i layouty. Styly jsou odladěné pro různé prohlížeče a ukázky pěkně zpracovány. Autor se k nim vrací a upravuje. Zdrojový kód stylopisu konkrétního příkladu najdete vždy ve zdrojovém kódu v bloku is id=info.

CSS Wizardry

Potřebujete-li poradit, jak co nejlépe psát kaskádové styly, zde naleznete mnoho dobrých postřehů do začátku. Můžete se vyvarovat chyb, které se vcelku běžně stávají začínajícím kodérům. Projdete si základní kód stránky, kde by neměl chybět !DOCTYPE ani znaková sada. Poučíte se o sémantice, struktuře a o tom, jak si napsat přehledný stylopis, použitelný i v momentě, kdy jste na něj třeba rok nesáhli, tedy takový, ve kterém se člověk na první pohled vyzná a kde jsou položky jasné. Není totiž nad to ztratit se ve vlastním vybastleném chaosu a půl dne dumat nad tím co je co.

Tutorials.cz → TutoriArts.cz (2011)

Tutorials.cz je český portál, věnující se jak webdesignérství, kódování layoutu tak čistě grafice, vytvářené nejen ve Photoshopu. Obsahuje kvalitní seriály, které se nebojí jít do hloubky a přinést množství zajímavých ukázek. Tutoriály jsou obsáhlé a nešetří se na náhledech – to se mi líbí. Nemám ráda tutor, který je rozdělený na dvacet stránek a místo obrázků obsahuje jen malé náhledy, nebo pouze prvních pár kroků, potom nic a nakonec záhadně vzniknuvší výsledek, poukazující na lenost autora. Tady to tak naštěstí není. Na fóru probíhají soutěže o nejlepší webdesign podle zadání, naleznete zde mnoho galerií členů a mnoho dobrých rad. Redakce je na fóru přísná, to byste měli vědět a pravidla dodržovat, opravdu se nepíší pro srandu králíkům. Kdo dnes není, ten spláče nad hromadou diskuzních trollů a hovádek, co si přišli akorát zanadávat.

N.Design Studio

Zdroj tutoriálů pro Illustrator, vektorových klipartů, ikon či témat pro Wordpress. Najdete zde i autorův blog a pěkné inspirativní práce.

Sitepoint

Portál sitepoint je mnohem sofistikovanější, než weby, které budou následovat. Záměrně říkám portál, neboť sdružuje autory z mnoha oborů okolo programování a designu. Kategorie jsou logicky rozděleny do skupin od úplných začátků, jako je např. tvorba doménového jména a hosting, přes design a layout, kde se dozvíte něco o použitelnosti, přístupnosti, principech až po programování na straně klienta, serveru a ke konci vás seznámí s obchodní strategií a marketingem. Pokud to myslíte vážně a nejste lemry líné se něco užitečného dozvědět a něco rozjet, pak si sitepoint nenechte ujít.

Webdesigner Depot

Jak už název napovídá, naleznete zde od všeho něco. CSS, webdesign, CMS, tutoriály, programování a kvantum odkazů na inspirativní stránky. Autoři nezapomněli přidat ani špetku humoru v podobě kreslených stripů, jako je například Paradise Lost Again.

myInkBlog

Další zajímavý blog, na kterém se dočtete nejen o tvorbě designů pro webové stránky ale i o postřezích ohledně klientely webařů na volné noze a o tom, jak se ze všeho nezbláznit. Vyzkoušíte si pár autorských tutorů a přečtete něco dobrých rad. Autorským tutorem myslím samozřejmě to, že autor stránky je i autorem těchto článků, neodkazuje tedy někam ven, případně články nepřejímá.

Build !nternet

Obsahem dalšího blogu je tvorba webu, rozsáhlejší tipy na vylepšení stávajících stránek, něco grafických tutoriálů a trendů ve webdesignu. Pokud se pohybujete v byznysu, přečtěte si sekci tomu odpovídající, rady v ní obsažené se rozhodně nikdy neztratí, tím spíš, když jste freelancer.

jQuery

jQuery je javascriptový framework, který vám umožní pár řádky kódu dojít k maximální efektivnosti. jQuery využijete nejen k animacím, přidávání efektů, globálním změnám stylů, ale také k manipulaci s DOMem (Document Object Model). Je to jeden z mnoha javascriptových frameworků, za ostatní vyjmenuji třeba Prototype, který možná znáte spíš, nebo MooTools, které jsou o něco robustnější, ale neméně efektivní. Další zdroj informací pro začátečníky: jQuery for Absolute Beginners.

Vectortuts+

Dostávám se ke skupině blogů společnosti Envato. Tutoriály a články zde jsou dosti specifické, kvalitní a rozsáhlé. Za sepsání dobrého tutoriálu a jeho uveřejnění se autorům platí, proto web nabízí možnost předplatit si členství, díky čemuž získáte možnost stáhnout zdrojové soubory a přístup k dalším tutoriálům, ale není to nezbytně nutné. Free tutoriály jsou dost kvalitní samy o sobě a rozhodně se zde mnoho naučíte. Jedná se o tutoriály pro práci ve vektorových grafických programech Illustrator a Inkscape.

PSDtuts+

Tutoriály pro program Adobe Photoshop, které vás seznámí s různými technikami práce, fotomanipulací, vysvětlí mnoho aspektů tvorby a naučí mnoho efektů. I zde platí podobné kvality jako u Vectortuts+.

NETtuts+

Pozvolna jsme zase přešli od grafického zpracování k programování a kódování layoutu. I zde se zabývají různými okruhy témat. Dočtete se o javascriptu, flashi, php i kaskádových stylech. Články jsou vzdušné a přehledné, syntaxe ukázkových kódů dobře zvýrazněna. Zdrojové kódy máte možnost i stáhnout či prohlédnout si demo, jak se u takových příkladů sluší. Jeden příklad za všechny – musíte se mořit s, v současné době oblíbeným, automatickým posunem krátkých zpráv v news boxu, protože bez toho nová stránka nemůže existovat? V článku News Scroller najdete nejen videotutoriál, ale i zdrojový kód k příkladu.

Freelance Switch

Posledním webem od společnosti Envato, kterým se chci zabývat je Freelance Switch. Pokud pracujete takzvaně na volné noze, tedy jako freelancer, nebo se jen chystáte osamostatnit, protože si myslíte, že tak to pro vás bude lepší, neměli byste tuto stránku minout a nejde vůbec o to, jestli se pohybujete pouze v odvětvích okolo grafiky a webdesignu. Články pokrývají všechna témata, která by vás mohla případně měla zajímat. A ani zde autoři nezapomněli na vtipné koření. Schválně, kolik z vás se v tom najde: Freelance Freedom #99.

3D Software

Přehled zakončím trojicí stránek, věnující se jen a pouze grafice a zdrojům pro tvorbu ve 3D. První stránkou je můj oblíbený 3D Software. Autor (přispívají samozřejmě i další) se zde věnuje převážně práci v Cinemě 4D. Stránky obsahují výborné tutoriály na profesionální úrovni, komplexní informace a rady. Pokud si budete s něčím lámat hlavu, můžete napsat dotaz do fóra, kde vám obvykle pomohou. Asi vás potěší fakt, že stránka je kompletně v češtině. Člověk, který má většinu textů na svědomí, se jmenuje Pavel Zoch, zabývá se podporou Cinemy u nás i na Slovensku a je autorem „veškeré české lokalizace produktů společnosti Maxon, dokumentace atd.“, což značí, že o tom něco ví a ty tutoriály stojí za prostudování.

C4D Exchange

Portál pro sdílení modelů, textur, materiálů a podkladů od českých i zahraničních tvůrců. Web vznikl jako náhrada za starou download sekci 3D Software a hlavně s myšlenkou poskytovat grafikům volné i placené zdroje i zde u nás. Samozřejmě, že zapojit se do zaplňování databanky můžete i vy sami. Na kvalitu uploadovaných souborů je dohlíženo.

CG Textures

Pokud vám nebude stačit C4D Exchange, pak je tu ještě jeden zdroj textur, které, jak si můžete všimnout, jsou rozdělené do tematických složek. Pokud se věnujete 3D grafice, pak jste jistě už na tuto stránku narazili při pátrání po volně dostupných kvalitních texturách. Naleznete zde i pár tutoriálů na úpravu textur v Photoshopu, případně v Paint Shop Pro a nějaké další triky.