21 de site-uri de resurse esențiale pentru designerii de web

După cum probabil ați observat, nu în ultimul rând tastând ceva în Google și dezvăluind cu bucurie că există 26 de milioane de rezultate pentru căutarea dvs., există destul de multe site-uri web. Dacă nu sunteți un fel de nemuritor, nu veți avea timp să verificați multe dintre ele, chiar și într-o zonă relativ de nișă, cum ar fi designul web. Prin urmare, ne-am dezamăgit creierul pentru a veni cu o listă cu 21 de site-uri esențiale pe care fiecare designer de web ar trebui să le semneze, cu excepția cazului în care sunt un fel de idiot - și nu ești tu, nu-i așa?

1. O listă în afară

O revistă online care este atât de înrădăcinată în conștiința designerilor de web, încât este probabil ilegală dacă nu citești fiecare număr nou. Cu sute de articole incisive din cele mai bune din industrie, A List Apart ar trebui să fie primul dvs. port de apel pentru o perspectivă aprofundată și o analiză a codului, a conținutului și a designului.

i5 sau i7 pentru design grafic

Două. 24 de moduri

Descriindu-se ca un „calendar de advent pentru geeks-urile web”, 24 de moduri au furnizat din 2005 două decenii de articole de web design în fiecare decembrie. Subiectele sunt variate, dar pentru că contribuitorii sunt de prim rang, chiar și multe dintre primele articole rămân utile și relevante - 24 de moduri nu sunt doar pentru Crăciun, știi.



3. Revista Smashing

Fondată în 2006, Revista Smashing lansează tehnici de proiectare și dezvoltare web în creierul dvs. prin intermediul știrilor, articolelor de opinie și tutorialelor practice. De asemenea, îi place destul de mult listele, ceea ce îl face un site la îndemână pentru a descoperi resurse suplimentare.

Patru. siteInspire

5. Mișcarea UX

Având în vedere că UX este din ce în ce mai preocupată de designul web, merită să fii informat. UX Movement este un blog dedicat colaborării cu UX, oferind informații despre problemele legate de wireframing și de utilizare referitoare la formulare, componente de hover și alte elemente ale paginii web.

6. Motor de căutare teren

Construirea unui site web excelent nu este prea utilă dacă nimeni nu îl poate găsi. Search Engine Land oferă știri despre marketingul de căutare și motoarele de căutare, oferind sugestii și sfaturi pentru a vă spori SEO-ul. Pentru a vă asigura poziția pe Google, verificați și Google Webmaster Centra l.

7. W3C

Cei mai mulți designeri de web nu vor trebui niciodată să cunoască toate elementele care guvernează standardele web, dar site-ul web W3C rămâne un loc esențial de vizitat. Nu numai că oferă acces la specificații (inclusiv explicații și exemple), dar oferă și instrumente precum mark-up și validatoare CSS.

8. HTML5 Boilerplate

Majoritatea proiectelor încep cu aceleași tipuri de fișiere, iar designerii deseori pierd timpul recreându-le de la zero. Cu HTML5 Boilerplate puteți obține un început cu un șablon HTML / CSS / JavaScript robust și rezistent la viitor. Resetare HTML5 este un alt proiect pe linii similare.

9. Scufundați-vă în HTML5

Dacă aveți nevoie să faceți cunoștință cu HTML5, cartea lui Mark Pilgrim oferă comentarii excelente despre o serie de caracteristici din specificație. Cartea este online în întregime sub licența CC-BY-3.0, dar cumpărați o copie tipărită dacă utilizați site-ul în mod regulat.

10. CSS3.info

În cele din urmă, browserele au devenit scufundate într-o luptă pentru supremație față de suportul pentru CSS avansat. În acest scop, standardul evoluează extrem de rapid. CSS3.info vă permite să urmăriți evoluțiile, să aflați mai multe despre proprietăți și module și să testați un browser cu selectoare CSS.

unsprezece. Adobe Kuler

Chiar dacă aveți un ochi natural pentru culoare, o roată de culoare digitală este o parte esențială a setului de instrumente. Dar, mai degrabă decât să plătiți bani pentru unul, utilizați instrumentele online Adobe Kuler pentru a elabora o schemă sau pentru a vă inspira dintr-una dintre multele mii care există deja pe site.

12. Adobe BrowserLab

Nimic nu depășește site-urile de testare într-o grămadă de browsere reale, dar pentru acele momente în care trebuie să verificați rapid un site într-un singur browser, BrowserLab produce capturi statice ale oricărei pagini web, astfel cum este redat în Chrome, Firefox, Safari și Internet Explorer.

13. 978 Grid System

Folosirea unui sistem solid de rețea face mult mai ușor proiectarea aspectelor site-urilor web. Unul dintre cele mai bune este 978 Grid System, care oferă și șabloane aferente pentru alte dimensiuni de ecran. Sistemul de rețea 960 este o alternativă populară.

14. Îmi place tipografia

Deși nu raportează direct pe tipul de web, I Love Typography este o lectură esențială pentru designerii de web. Mulți designeri de web nu au o bază aprofundată în tipografia de calitate, dar cu fonturile web care devin repede, scufundarea în lumea tipului este o mișcare inteligentă.

cincisprezece. Depozit de resurse web

Un blog care recomandă o resursă gratuită în fiecare zi, care cuprinde scripturi, pictograme, cadre, imagini și multe altele. Abonamentul este, de asemenea, full-feed, astfel încât să puteți introduce site-ul în cititorul RSS și să luați doar lucrurile care vă interesează.

16. Dev.Opera

Motto-ul site-ului web Dev.Opera este „respectați standardele, încălcați regulile”, care probabil părea mai interesant la vremea respectivă decât „oferiți niște articole vesele utile pentru designerii de web”. Totuși, asta face în mare măsură site-ul, împreună cu furnizarea Curriculum-ului Opera Web Standards, pentru cei din mediul academic.

17. CSSPlay

CSSPlay-ul lui Stu Nicholls este în primul rând un loc de joacă pentru experimentele CSS. Cu toate acestea, mai degrabă decât să se concentreze asupra efectelor strălucitoare, Nicholls își bazează adesea demonstrațiile în practică. Șansele sunt, dacă vrei să faci ceva în CSS, vei găsi o demonstrație care să arate cum se face pe acest site.

18. Știri pentru browser

O resursă excelentă pentru tendințe și statistici de utilizare pentru motoarele de browser și browserele web individuale, Browser News oferă, de asemenea, alte informații utile, inclusiv o listă de dimensiuni de anunțuri IAB, un ghid pentru browser și multe altele.

19. QuirksMode

QuirksBlog oferă informații interesante despre proiectarea și dezvoltarea web, dar tabelul principal de compatibilitate QuirksMode este locul unde se află carnea site-ului. Aici, puteți vedea cu ușurință ce browsere acceptă ce aspecte ale CSS și DOM. Testele HTML5 sunt în desfășurare în momentul scrierii.

ilustratori celebri ai secolului XXI

douăzeci. Când pot folosi ...

În mod similar cu QuirksMode, Când pot folosi ... oferă o serie de tabele de asistență. Actualizat în mod regulat, site-ul detaliază, de asemenea, standardele de asistență ale browserelor mobile populare, inclusiv iOS Safari și Opera Mini.

douăzeci și unu. FindmebyIP

În sfârșit, ne plac și tabelele de compatibilitate ale FindMeByIP pentru HTML5 și CSS3. Create de agenția de design DeepBlueSky, bazată pe Bath, acestea vă permit să verificați rapid suportul browserului pentru proprietățile CSS3, selectoare, aplicații web HTML5, grafică și conținut încorporat, codecuri audio și video, precum și intrări și atribute de formular.