21 viktige ressurssider for webdesignere

Som du kanskje har lagt merke til, det er ganske mange nettsteder der ute, ikke minst ved å skrive noe inn i Google og det gledelig avslører at det er 26 millioner resultater for søket ditt. Med mindre du er en slags udødelig, vil du ikke ha tid til å sjekke ut mange av dem, selv ikke i et relativt nisjeområde som webdesign. Derfor har vi pønsket hjernen vår for å komme opp med en liste over 21 viktige nettsteder hver webdesigner bør legge til bokmerker, med mindre de er en slags idiot - og det er ikke du?

1. En liste fra hverandre

Et nettmagasin som er så forankret i webdesignernes bevissthet at det sannsynligvis er ulovlig hvis du ikke leser hvert nytt nummer. Med hundrevis av skarpartikler fra bransjens aller beste, bør A List Apart være din første anløpssted for grundig innsikt og analyse av kode, innhold og design.

når gikk flipptelefoner av moten

to. 24 måter

24 måter, som har beskrevet seg selv som en 'adventskalender for nettgeekser', har siden 2005 gitt to dusin artikler om nettdesign hver desember. Emnene er varierte, men fordi bidragsyterne er førsteklasses, forblir til og med mange av de tidligste artiklene nyttige og relevante - 24 måter er ikke bare til jul, vet du.



3. Smashing Magazine

Smashing Magazine ble grunnlagt i 2006 og avfyrer webdesign og utviklingsteknikker i hjernen din ved hjelp av nyheter, meningsinnhold og praktiske veiledninger. Det er også ganske glad i lister, noe som gjør det til et praktisk nettsted for å oppdage flere ressurser.

Fire. siteInspire

5. UX Bevegelse

Med UX i økende grad en stor bekymring innen webdesign, lønner det seg å holde seg informert. UX Movement er en blogg dedikert til å samarbeide med UX, som gir innsikt i trådbasert innramming og brukervennlige bekymringer knyttet til skjemaer, svevkomponenter og andre nettsideelementer.

6. Søkemotorland

Å bygge et flott nettsted hjelper ikke mye hvis ingen finner det. Search Engine Land gir nyheter om søkemarkedsføring og søkemotorer, og gir tips og tips for å øke din SEO. For å sikre posisjonen din på Google, sjekk også ut Google Webmaster Centra l.

7. W3C

De fleste webdesignere trenger aldri å kjenne til alle detaljene som styrer nettstandardene, men W3C-nettstedet er fortsatt et viktig sted å besøke. Ikke bare gir den tilgang til spesifikasjoner (inkludert forklaringer og eksempler), men den tilbyr også verktøy som mark-up og CSS-validatorer.

8. HTML5 Kjeleplate

De fleste prosjekter begynner med samme slags filer, og designere kaster ofte tid på å gjenskape dem fra bunnen av. Med HTML5 Boilerplate kan du få et forsprang med en robust og fremtidssikker HTML / CSS / JavaScript-mal. HTML5 Tilbakestill er et annet prosjekt i lik linje.

9. Dykk ned i HTML5

Hvis du trenger å ta tak i HTML5, tilbyr Mark Pilgrims bok utmerket kommentarer til en rekke funksjoner fra spesifikasjonen. Boken er online i sin helhet under CC-BY-3.0-lisensen, men kjøp en papirkopi hvis du bruker nettstedet regelmessig.

10. CSS3.info

For sent har nettlesere blitt nedsenket i en kamp om overlegenhet over støtte til avansert CSS. For det formål utvikler standarden seg utrolig raskt. CSS3.info lar deg holde oversikt over utviklingen, lære mer om egenskaper og moduler, og teste en nettleser mot CSS-velgerne.

elleve. Adobe Kuler

Selv om du har et naturlig øye for farger, er et digitalt fargehjul en viktig del av verktøysettet. Men i stedet for å betale wodges kontant for en, bruk Adobe Kulers elektroniske verktøy for å lage en ordning, eller la deg inspirere av en av de mange tusen som allerede er på siden.

12. Adobe BrowserLab

Ingenting slår å teste nettsteder i en rekke faktiske nettlesere, men for de gangene du raskt må fornuftig sjekke et nettsted i en enkelt nettleser, produserer BrowserLab statiske grep av hvilken som helst webside som gjengis i Chrome, Firefox, Safari og Internet Explorer.

1. 3. 978 Rutenett

Å bruke et robust rutenettsystem gjør det mye enklere å designe nettstedsoppsett. En av de beste er 978 Grid System, som også gir relaterte maler for andre skjermstørrelser. De 960 Grid System er et populært alternativ.

14. Jeg elsker typografi

Selv om jeg ikke rapporterer direkte om webtype, er I Love Typography en viktig lesning for webdesignere. Mange webdesignere har ikke en grundig forankring i kvalitetstypografi, men når nettfonter raskt blir vanlige, er det et smart trekk å fordype seg i typen verden.

femten. Nettressursdepot

En blogg som anbefaler en gratis ressurs hver dag, som inkluderer skript, ikoner, rammer, bilder og mer. Abonnementet er også full-feed, slik at du kan kaste nettstedet inn i RSS-leseren din og bare ta tak i de tingene som interesserer deg.

16. Dev.Opera

Dev.Opera-nettstedets motto er 'følg standardene, bryt reglene', som sannsynligvis hørtes mer spennende ut den gangen enn 'tilby noen morsomme nyttige artikler for webdesignere'. Det er likevel det nettstedet stort sett gjør, sammen med å tilby Opera Web Standards Curriculum, for de i akademia.

17. CSSPlay

Stu Nicholls CSSPlay er først og fremst en lekeplass for CSS-eksperimenter. Imidlertid, i stedet for å konsentrere seg om prangende effekter, begrunner Nicholls ofte demonstrasjonene sine i praktisk anvendelse. Sjansen er stor. Hvis det er noe du er interessert i å gjøre i CSS, finner du en demo som viser hvordan på dette nettstedet.

18. Nettlesernyheter

En flott ressurs for trender og bruksstatistikk for nettlesermotorer og individuelle nettlesere, Browser News gir også annen nyttig informasjon, inkludert en liste over IAB-annonsestørrelser, en nettleserveiledning og mer.

19. QuirksMode

QuirksBlog gir interessant innsikt i webdesign og utvikling, men den viktigste QuirksMode-kompatibilitetstabellen er der kjøttet på nettstedet er. Her kan du enkelt se hvilke nettlesere som støtter hvilke aspekter av CSS og DOM. HTML5-tester pågår i skrivende stund.

berømte illustratører fra det 21. århundre

tjue. Når kan jeg bruke ...

På samme måte som QuirksMode, når kan jeg bruke ... gir en rekke støttetabeller. Nettstedet oppdateres jevnlig og beskriver også standardstøtten til populære mobile nettlesere, inkludert iOS Safari og Opera Mini.

tjueen. FindmebyIP

Til slutt liker vi heller FindMeByIPs kompatibilitetstabeller for HTML5 og CSS3. Disse er laget av Bath-basert designbyrå DeepBlueSky, og lar deg raskt sjekke nettleserstøtten for CSS3-egenskaper, velgere, HTML5-webapplikasjoner, grafikk og innebygd innhold, lyd- og videokodeker, samt skjemainput og attributter.