21 základných zdrojov pre webdizajnérov

Ako ste si mohli všimnúť, v neposlednom rade zadaním niečoho do vyhľadávača Google a veselo odhaľujúcim, že pri vyhľadávaní existuje 26 miliónov výsledkov, existuje veľa webových stránok. Ak nie ste nejakým nesmrteľným, nebudete mať čas vyskúšať si ich veľa, a to ani v relatívne špecializovanej oblasti, ako je napríklad webdizajn. Preto sme vyvinuli mozog, aby sme vytvorili zoznam 21 základných webov, ktoré by si mal každý webový dizajnér označiť ako záložku, pokiaľ nejde o nejakého idiota - a to nie si ty, však?

1. Zoznam navyše

Online časopis, ktorý je tak pevne zakorenený vo vedomí webových dizajnérov, že je pravdepodobne nelegálny, ak nečítate každé nové vydanie. Vďaka stovkám výstižných článkov od najlepších v odbore by A List Apart mal byť vašim prvým prístavom, ktorý vám poskytne dôkladný prehľad a analýzu kódu, obsahu a dizajnu.

ako vytvoriť logo v

dva. 24 spôsobov

Opisujúc ako „adventný kalendár pre webových geekov“, 24 spôsobov, ktoré od roku 2005 každý december priniesli dva tucty článkov o webdizajne. Témy sú rôzne, ale pretože prispievatelia sú prvotriedni, aj mnohé z prvých článkov zostávajú užitočné a relevantné - viete, 24 spôsobov nie je iba na Vianoce.



3. Smashing Magazine

Časopis Smashing Magazine, ktorý bol založený v roku 2006, vám prostredníctvom správ, názorov a praktických návodov spúšťa do mozgu webové dizajnérske a vývojové techniky. Tiež sa mu veľmi páčia zoznamy, čo z neho robí šikovný web na objavovanie ďalších zdrojov.

Štyri. siteInspire

5. Pohyb UX

Keďže UX je v oblasti webdizajnu čoraz väčším záujmom, oplatí sa byť informovaný. UX Movement je blog zameraný na prácu s UX, ktorý poskytuje prehľad o wireframingu a obavách o použiteľnosť týkajúcich sa formulárov, komponentov vznášania a ďalších prvkov webových stránok.

6. Pozícia vyhľadávacieho modulu

Budovanie skvelého webu nie je veľmi užitočné, ak ho nenájde nikto. Search Engine Land poskytuje správy o marketingu vo vyhľadávačoch a vyhľadávačoch a ponúka tipy a tipy na zvýšenie vášho SEO. Skontrolujte si tiež svoju pozíciu na Googli Google Webmaster Centra l.

7. W3C

Väčšina webových dizajnérov nikdy nebude musieť poznať všetky podrobnosti, ktoré upravujú webové štandardy, ale web W3C zostáva dôležitým miestom na návštevu. Poskytuje nielen prístup k špecifikáciám (vrátane vysvetlení a príkladov), ale ponúka aj nástroje ako prirážky a validátory CSS.

8. Štítok HTML5

Väčšina projektov začína rovnakými druhmi súborov a dizajnéri ich často strácajú od nuly. S HTML5 Boilerplate môžete získať náskok s robustnou a do budúcnosti odolnou šablónou HTML / CSS / JavaScript. Obnoviť HTML5 je ďalší projekt v podobnom duchu.

9. Ponorte sa do HTML5

Ak sa potrebujete oboznámiť s HTML5, kniha Marka Pilgrima ponúka vynikajúci komentár k mnohým funkciám zo špecifikácie. Kniha je celá online online s licenciou CC-BY-3.0. Ak však stránku pravidelne využívate, zakúpte si tlačenú kópiu.

10. CSS3.info

Prehliadače sa neskoro ponorili do boja o nadvládu nad podporou pokročilých CSS. Za týmto účelom sa norma vyvíja pozoruhodne rýchlo. CSS3.info vám umožňuje sledovať vývoj, dozvedieť sa viac o vlastnostiach a moduloch a testovať prehliadač proti selektorom CSS.

jedenásť. Adobe Kuler

Aj keď máte prirodzené oko pre farbu, digitálne farebné koliesko je nevyhnutnou súčasťou vašej sady nástrojov. Namiesto toho, aby ste za jedného zaplatili hotovosť, použite na vypracovanie schémy online nástroje spoločnosti Adobe Kuler alebo sa inšpirujte jedným z mnohých tisícov, ktoré sa už na webe nachádzajú.

12. Adobe BrowserLab

Testovanie webov v mnohých skutočných prehľadávačoch neprekoná nič. Ale v tých časoch, keď potrebujete rýchlo skontrolovať zdravý rozum v jednom prehliadači, vytvorí BrowserLab statické úchopy ľubovoľnej webovej stránky, ktorá je vykreslená v prehliadačoch Chrome, Firefox, Safari a Internet Explorer.

13. 978 Mriežkový systém

Vďaka robustnému mriežkovému systému je oveľa jednoduchšie navrhnúť rozloženie webových stránok. Jedným z najlepších je 978 Grid System, ktorý poskytuje aj súvisiace šablóny pre ďalšie veľkosti obrazoviek. The Mriežkový systém 960 je populárna alternatíva.

14. Milujem typografiu

Aj keď typ písma We Love priamo nepodporujem, je typickým čítaním pre webových dizajnérov. Mnoho webových dizajnérov nemá dôkladné základy v kvalitnej typografii, ale s rýchlym rozšírením webových písiem je ponorenie sa do sveta písma chytrý krok.

pätnásť. Sklad webových zdrojov

Blog, ktorý každý deň odporúča bezplatný zdroj obsahujúci skripty, ikony, rámce, obrázky a ďalšie. Predplatné sa tiež dodáva s úplným informačným kanálom, takže stránku môžete vložiť do čítačky RSS a chytiť iba veci, ktoré vás zaujímajú.

16. Dev. Opera

Devízou webu Dev.Opera je „dodržujte štandardy, porušujte pravidlá“, čo v tom čase pravdepodobne znelo vzrušujúcejšie ako „ponúknite veselé užitočné články pre webových dizajnérov“. To je to, čo web do veľkej miery robí, spolu s poskytovaním študijného programu Opera Web Standards, pre akademických pracovníkov.

17. CSSPlay

CSSPlay od Stu Nicholls je predovšetkým ihriskom pre experimenty s CSS. Namiesto sústredenia sa na efektné efekty však Nicholls svoje ukážky často zakladá na praktickej aplikácii. Je pravdepodobné, že ak chcete v CSS niečo urobiť, nájdete na tomto webe ukážku toho, ako na to.

18. Novinky z prehľadávača

Browser News, ktorý je skvelým zdrojom trendov a štatistík používania motorov prehľadávačov a jednotlivých webových prehľadávačov, poskytuje aj ďalšie užitočné informácie vrátane zoznamu veľkostí reklám IAB, sprievodcu prehliadačom a ďalších.

19. QuirksMode

QuirksBlog poskytuje zaujímavý pohľad na webový dizajn a vývoj, ale hlavná tabuľka kompatibility QuirksMode je tam, kde je mäso tohto webu. Tu môžete ľahko zistiť, ktoré prehľadávače podporujú ktoré aspekty CSS a DOM. V čase písania tohto článku prebiehajú testy HTML5.

na aký papier sú vytlačené plagáty

dvadsať. Kedy môžem použiť ...

Kedy môžem použiť ..., podobne ako v QuirksMode, poskytuje množstvo podporných tabuliek. Pravidelne aktualizované stránky podrobne popisujú aj štandardnú podporu populárnych mobilných prehliadačov vrátane iOS Safari a Opera Mini.

dvadsaťjeden. FindmebyIP

Nakoniec sa nám tiež radšej páčia tabuľky kompatibility FindMeByIP pre HTML5 a CSS3. Vytvorené dizajnérskou agentúrou DeepBlueSky z Bath, umožňujú vám rýchlo skontrolovať podporu prehliadača pre vlastnosti CSS3, selektory, webové aplikácie HTML5, grafiku a vložený obsah, zvukové a video kodeky, ako aj vstupy a atribúty formulárov.