21 vigtige ressource-websteder til webdesignere

Som du måske har bemærket, ikke mindst ved at skrive noget i Google, og det glædeligt afslører, at der er 26 millioner resultater til din søgning, er der en hel del websteder derude. Medmindre du er en slags udødelig, har du ikke tid til at tjekke mange af dem, selv i et relativt nicheområde som webdesign. Derfor har vi ramt vores hjerner til at komme op med en liste over 21 vigtige websteder, som hver webdesigner skal bogmærke, medmindre de er en slags idiot - og det er ikke dig, er det?

1. En liste fra hinanden

Et onlinemagasin, der er så forankret i webdesigners bevidsthed, at det sandsynligvis er ulovligt, hvis du ikke læser hvert nyt nummer. Med hundreder af skarpe artikler fra branchens allerbedste, bør A List Apart være din første anløbshavn for dybdegående indsigt og analyse i kode, indhold og design.

to. 24 måder

24 måder, der beskriver sig selv som en 'adventskalender for webgener', har siden 2005 leveret to dusin webdesignartikler hver december. Emnerne er forskellige, men fordi bidragsydere er førsteklasses, forbliver selv mange af de tidligste artikler nyttige og relevante - 24 måder er ikke kun til jul, ved du.



3. Smashing Magazine

Smashing Magazine blev grundlagt i 2006 og fyrer webdesign og udviklingsteknikker ind i din hjerne ved hjælp af nyheder, udtalelser og praktiske tutorials. Det er også meget glad for lister, hvilket gør det til et praktisk sted at finde yderligere ressourcer.

Fire. siteInspire

5. UX-bevægelse

Da UX i stigende grad er et stort problem inden for webdesign, lønner det sig at holde sig informeret. UX Movement er en blog dedikeret til at arbejde med UX, der giver indsigt i wireframing og brugervenlighedsproblemer i forbindelse med formularer, svævekomponenter og andre websideselementer.

6. Søgemaskine Land

Opbygning af et fantastisk websted nytter ikke meget, hvis ingen kan finde det. Search Engine Land giver nyheder om søgemarkedsføring og søgemaskiner, der giver tip og tip til at øge din SEO. For at sikre din position på Google skal du også tjekke ud Google Webmaster Centra l.

7. W3C

De fleste webdesignere behøver aldrig at kende alle de ins og outs, der styrer webstandarder, men W3C-webstedet er stadig et vigtigt sted at besøge. Ikke kun giver det adgang til specifikationer (inklusive forklaringer og eksempler), men det tilbyder også værktøjer som mark-up og CSS-validatorer.

8. HTML5 kedelplade

De fleste projekter begynder med de samme slags filer, og designere spilder ofte tid på at genskabe dem fra bunden. Med HTML5 Boilerplate kan du få et forspring med en robust og fremtidssikker HTML / CSS / JavaScript-skabelon. HTML5-nulstilling er et andet projekt i samme retning.

9. Dyk ned i HTML5

Hvis du har brug for at få styr på HTML5, tilbyder Mark Pilgrims bog fremragende kommentarer til en række funktioner fra specifikationen. Bogen er online i sin helhed under CC-BY-3.0-licensen, men køb en hardcopy, hvis du bruger webstedet regelmæssigt.

10. CSS3.info

For sent er browsere blevet nedsænket i en kamp om overherredømme over støtte til avanceret CSS. Til det formål udvikler standarden sig bemærkelsesværdigt hurtigt. CSS3.info giver dig mulighed for at holde styr på udviklingen, lære mere om egenskaber og moduler og teste en browser mod CSS-vælgere.

elleve. Adobe Kuler

Selvom du har et naturligt øje for farve, er et digitalt farvehjul en vigtig del af dit værktøjssæt. Men i stedet for at betale wodges kontant for en, skal du bruge Adobe Kulers onlineværktøjer til at oparbejde en ordning eller blive inspireret af en af ​​de mange tusinder, der allerede er på siden.

12. Adobe BrowserLab

Intet slår teststeder i en masse faktiske browsere, men for de tidspunkter, hvor du hurtigt har brug for fornuft, skal du kontrollere et websted i en enkelt browser, BrowserLab producerer statiske greb af enhver webside som gengivet i Chrome, Firefox, Safari og Internet Explorer.

13. 978 Gridsystem

Brug af et robust netsystem gør det meget nemmere at designe webstedslayouter. En af de bedste er 978 Grid System, som også indeholder relaterede skabeloner til andre skærmstørrelser. Det 960 Grid System er et populært alternativ.

14. Jeg elsker typografi

Selvom jeg ikke direkte rapporterer om webtype, er I Love Typography en vigtig læsning for webdesignere. Mange webdesignere har ikke en grundig forankring i kvalitetstypografi, men når webskrifttyper hurtigt bliver udbredt, er det et smart skridt at fordybe sig i typen af ​​verden.

femten. Webressourcer Depot

En blog, der anbefaler en gratis ressource hver dag, der omfatter scripts, ikoner, rammer, billeder og mere. Abonnementet er også fuld-feed, så du kan bukke webstedet i din RSS-læser og kun få fat i de ting, der interesserer dig.

16. Dev.Opera

Dev.Opera-webstedets motto er 'følg standarderne, bryd reglerne', hvilket sandsynligvis lød mere spændende på det tidspunkt end 'at tilbyde nogle dejlige nyttige artikler til webdesignere'. Alligevel er det, hvad webstedet stort set gør sammen med at tilbyde Opera Web Standards Curriculum til dem i den akademiske verden.

17. CSSPlay

Stu Nicholls CSSPlay er primært en legeplads til CSS-eksperimenter. Imidlertid snarere end at koncentrere sig om prangende effekter, begrunder Nicholls ofte sine demoer i praktisk anvendelse. Chancerne er, at hvis der er noget, du er vild med at gøre i CSS, finder du en demo, der viser hvordan på dette websted.

18. Browser Nyheder

En stor ressource til trends og brugsstatistikker til browsermotorer og individuelle webbrowsere. Browser News giver også andre nyttige oplysninger, herunder en liste over IAB-annoncestørrelser, en browservejledning og mere.

19. QuirksMode

QuirksBlog giver interessant indsigt i webdesign og udvikling, men den vigtigste QuirksMode-kompatibilitetstabel er, hvor kødet på webstedet er. Her kan du nemt se, hvilke browsere der understøtter hvilke aspekter af CSS og DOM. HTML5-test pågår i skrivende stund.

tyve. Hvornår kan jeg bruge ...

På samme måde som QuirksMode, Hvornår kan jeg bruge ... giver et antal supporttabeller. Webstedet opdateres regelmæssigt og beskriver også standardunderstøttelsen af ​​populære mobile browsere, inklusive iOS Safari og Opera Mini.

enogtyve. FindmebyIP

Endelig kan vi også godt lide FindMeByIPs kompatibilitetstabeller til HTML5 og CSS3. Oprettet af Bath-baseret designbureau DeepBlueSky giver disse dig mulighed for hurtigt at kontrollere browsersupport for CSS3-egenskaber, vælgere, HTML5-webapplikationer, grafik og integreret indhold, lyd- og videokodecs samt formindgange og attributter.