21 web stranica s osnovnim resursima za web dizajnere

Kao što ste možda primijetili, ne samo ako upišete nešto u Google i s veseljem vam otkrije da za vaše pretraživanje postoji 26 milijuna rezultata, vani postoji prilično puno web stranica. Ako niste neka vrsta besmrtnika, nećete imati vremena provjeriti mnoge od njih, čak ni u relativno nišnom području kao što je web dizajn. Stoga smo pronašli mozak kako bismo smislili popis od 21 bitne web stranice koje bi svaki web dizajner trebao staviti u oznake, osim ako nisu neka vrsta idiota - a to niste vi, zar ne?

1. Popis apartmana

Internetski magazin koji je toliko ukorijenjen u svijest web dizajnera da je vjerojatno nezakonit ako ne pročitate svaki novi broj. Sa stotinama prodornih članaka iz najboljih najboljih u industriji, A List Apart trebao bi biti vaša prva luka za dubinski uvid i analizu koda, sadržaja i dizajna.



kako promijeniti veličinu postavljene slike u

dva. 24 načina

Opisujući sebe kao 'adventski kalendar za web geekove', od 2005. su na 24 načina svakog prosinca objavili dvadesetak članaka o web dizajnu. Teme su različite, ali budući da su suradnici prvorazredni, čak i mnogi najraniji članci ostaju korisni i relevantni - znate, 24 načina nisu samo za Božić.



3. Smashing Magazine

Osnovan 2006. godine, Smashing Magazine aktivira tehnike web dizajna i razvoja u vaš mozak putem vijesti, mišljenja i praktičnih vodiča. Također je prilično drag na popisima, što ga čini zgodnim web mjestom za otkrivanje dodatnih resursa.



Četiri. siteInspire

5. UX pokret

S obzirom da je UX sve veća briga unutar web dizajna, isplati se biti informiran. UX Movement je blog posvećen radu s UX-om, pružajući uvid u žičane okvire i probleme u vezi s upotrebljivošću koji se odnose na obrasce, lebdjeće komponente i ostale elemente web-stranica.



6. Zemljište pretraživača

Izgradnja izvrsne web stranice nije od velike koristi ako je nitko ne može pronaći. Search Engine Land pruža vijesti o pretraživačkom marketingu i tražilicama, nudeći savjete i savjete za poboljšanje vašeg SEO-a. Da biste osigurali svoju poziciju na Googleu, također pogledajte Googleov webmaster Centra l.

7. W3C

Većina web dizajnera nikada neće trebati znati sve sitnice i sitnice koji reguliraju web standarde, ali web mjesto W3C ostaje neophodno mjesto za posjet. Ne samo da pruža pristup specifikacijama (uključujući objašnjenja i primjere), već nudi i alate poput označavanja i CSS validatora.

8. HTML5 kotlovska pločica

Većina projekata započinje istim vrstama datoteka, a dizajneri često gube vrijeme stvarajući ih ispočetka. S HTML5 Boilerplate možete dobiti prednost s robusnim i budućim HTML / CSS / JavaScript predloškom. Poništavanje HTML5 je još jedan projekt u sličnoj liniji.

9. Zaronite u HTML5

Ako se trebate upoznati s HTML5, knjiga Marka Pilgrima nudi izvrsne komentare na brojne značajke iz specifikacije. Knjiga je u cijelosti na mreži pod licencom CC-BY-3.0, ali kupite tiskani primjerak ako redovito koristite web mjesto.

10. CSS3.info

Odnedavno su preglednici uronjeni u bitku za prevlast nad podrškom za napredni CSS. U tu se svrhu standard razvija izuzetno brzo. CSS3.info omogućuje vam praćenje razvoja, saznavanje više o svojstvima i modulima i testiranje preglednika na CSS biračima.

jedanaest. Adobe Kuler

Čak i ako imate prirodno oko za boju, digitalni kotačić za boje važan je dio vašeg alata. No, umjesto da platite pakete gotovine za jedan, upotrijebite mrežne alate Adobe Kuler za izradu sheme ili se nadahnite nekom od mnogih tisuća već na web mjestu.

12. Adobe BrowserLab

Ništa ne može nadmašiti web lokacije za testiranje u gomili stvarnih preglednika, ali u onim vremenima kada morate brzo provjeriti ispravnost web mjesta u jednom pregledniku, BrowserLab proizvodi statičke grabe bilo koje web stranice prikazane u Chromeu, Firefoxu, Safariju i Internet Exploreru.

13. 978 Mrežni sustav

Primjenom robusnog mrežnog sustava mnogo je lakše dizajnirati izgled web stranica. Jedan od najboljih je 978 Grid System, koji također nudi povezane predloške za druge veličine zaslona. The 960 Mrežni sustav je popularna alternativa.

14. Volim tipografiju

Iako ne izvještava izravno o web tipu, Volim tipografiju neophodno je štivo za web dizajnere. Mnogi web dizajneri nemaju temeljne temelje na kvalitetnoj tipografiji, no s obzirom da web fontovi brzo postaju prevladavajući, uranjanje u svijet tipa pametan je potez.

petnaest. Skladište web resursa

Blog koji svakodnevno preporučuje besplatni resurs koji obuhvaća skripte, ikone, okvire, slike i još mnogo toga. Pretplata je također puna, tako da web mjesto možete staviti u svoj RSS čitač i zgrabiti samo stvari koje vas zanimaju.

16. Dev.Opera

Moto web stranice Dev.Opera je 'slijedite standarde, kršite pravila', što je u to vrijeme vjerojatno zvučalo uzbudljivije od 'ponudite neke korisne članke za web dizajnere'. Ipak, to web mjesto uglavnom čini, zajedno s pružanjem kurikuluma Opera Web Standards, za one iz akademske zajednice.

17. CSSPlay

CSSPlay Stu Nichollsa prvenstveno je igralište za CSS eksperimente. Međutim, umjesto da se koncentrira na blistave efekte, Nicholls često temelji svoju demonstraciju u praktičnoj primjeni. Šanse su da ćete, ako nešto želite učiniti u CSS-u, pronaći demo koji pokazuje kako na ovoj web lokaciji.

18. Vijesti o pregledniku

Sjajan resurs za trendove i statistiku upotrebe za preglednike i pojedinačne web preglednike, Browser News također nudi i druge korisne informacije, uključujući popis veličina IAB oglasa, vodič za preglednik i još mnogo toga.

19. QuirksMode

QuirksBlog pruža zanimljiv uvid u web dizajn i razvoj, ali glavna tablica kompatibilnosti QuirksMode je mjesto na kojem se nalazi web mjesto. Ovdje možete lako vidjeti koji preglednici podržavaju koje aspekte CSS-a i DOM-a. HTML5 testovi su u tijeku u vrijeme pisanja ovog članka.

macbook pro torbica za nošenje 13 inča

dvadeset. Kada mogu koristiti ...

Slično QuirksModeu, Kada mogu koristiti ... pruža brojne tablice podrške. Redovito ažurirano, stranica također detaljno opisuje standardnu ​​podršku popularnih mobilnih preglednika, uključujući iOS Safari i Opera Mini.

dvadeset i jedan. FindmebyIP

Konačno, također nam se više sviđaju FindMeByIP-ove tablice kompatibilnosti za HTML5 i CSS3. Izrađena od dizajnerske agencije bazirane na Bathu, DeepBlueSky, omogućuju vam brzu provjeru podrške preglednika za CSS3 svojstva, selektore, HTML5 web aplikacije, grafiku i ugrađeni sadržaj, audio i video kodeke, kao i ulaze u obrazac i atribute.