21 viktiga resurswebbplatser för webbdesigners

Som du kanske har märkt, inte minst genom att skriva in något på Google och det glatt avslöjar att det finns 26 miljoner resultat för din sökning, finns det en hel del webbplatser där ute. Om du inte är något odödligt kommer du inte att ha tid att kolla in många av dem, inte ens i ett relativt nischområde som webbdesign. Därför har vi tappat hjärnan för att komma med en lista över 21 viktiga webbplatser som varje webbdesigner bör bokmärka, såvida de inte är någon form av idiot - och det är inte du?

1. En lista ifrån varandra

En online-tidning som är så förankrad i medvetandet hos webbdesigners att det förmodligen är olagligt om du inte läser alla nya nummer. Med hundratals spännande artiklar från branschens allra bästa bör A List Apart vara din första anlöpshamn för djupgående insikt och analys av kod, innehåll och design.

hur man gör clipart att sälja

två. 24 sätt

24 sätt att beskriva sig själv som en ”adventskalender för webbgener” har sedan 2005 tillhandahållit två dussin webbdesignartiklar varje december. Ämnen varierar, men eftersom bidragsgivarna är förstklassiga förblir till och med många av de tidigaste artiklarna användbara och relevanta - 24 sätt är inte bara till jul.



3. Smashing Magazine

Smashing Magazine grundades 2006 och avfyrar webbdesign och utvecklingstekniker i din hjärna genom nyheter, åsikter och praktiska handledning. Det är också ganska förtjust i listor, vilket gör det till en praktisk webbplats för att upptäcka ytterligare resurser.

Fyra. siteInspire

5. UX-rörelse

Med UX alltmer ett stort problem inom webbdesign, lönar det sig att hålla sig informerad. UX Movement är en blogg som är dedikerad till att arbeta med UX, som ger inblick i wireframing och användbarhetsfrågor relaterade till formulär, svävkomponenter och andra element på webbsidan.

6. Sökmotormark

Att bygga en bra webbplats är inte mycket användbar om ingen hittar den. Search Engine Land ger nyheter om sökmarknadsföring och sökmotorer, med tips och tips för att öka din SEO. För att säkra din position på Google, kolla också in Googles webbansvariga Centra l.

7. W3C

De flesta webbdesigners behöver aldrig känna till alla insatser som styr webbstandarder, men W3C-webbplatsen är fortfarande en viktig plats att besöka. Det ger inte bara tillgång till specifikationer (inklusive förklaringar och exempel), men det erbjuder också verktyg som mark-up och CSS-validerare.

8. HTML5 pannplatta

De flesta projekt börjar med samma typer av filer, och designers slösar ofta tid på att återskapa dem från grunden. Med HTML5 Boilerplate kan du få ett försprång med en robust och framtidssäker HTML / CSS / JavaScript-mall. HTML5 Återställ är ett annat projekt i liknande riktningar.

9. Dyk in i HTML5

Om du behöver ta hand om HTML5 erbjuder Mark Pilgrims bok utmärkta kommentarer om ett antal funktioner från specifikationen. Boken är online i sin helhet under CC-BY-3.0-licensen, men köp en papperskopia om du använder webbplatsen regelbundet.

10. CSS3.info

För sent har webbläsare blivit nedsänkta i en kamp om överlägsenhet över stöd för avancerad CSS. För detta ändamål utvecklas standarden anmärkningsvärt snabbt. Med CSS3.info kan du hålla reda på utvecklingen, lära dig mer om egenskaper och moduler och testa en webbläsare mot CSS-väljare.

elva. Adobe Kuler

Även om du har ett naturligt öga för färg är ett digitalt färghjul en viktig del av din verktygslåda. Men istället för att betala kontanter för en, använd Adobe Kulers onlineverktyg för att ta fram ett schema, eller bli inspirerad av en av de många tusentals som redan finns på webbplatsen.

12. Adobe BrowserLab

Ingenting slår att testa webbplatser i en massa faktiska webbläsare, men för de tillfällen när du snabbt behöver förnuft kontrollera en webbplats i en enda webbläsare, producerar BrowserLab statiska grepp av vilken webbsida som helst i Chrome, Firefox, Safari och Internet Explorer.

13. 978 Grid System

Att använda ett robust nätverk gör det mycket lättare att designa webbplatslayouter. En av de bästa är 978 Grid System, som också ger relaterade mallar för andra skärmstorlekar. De 960 Grid System är ett populärt alternativ.

14. Jag älskar typografi

Även om jag inte rapporterar direkt om webbtyp är I Love Typography en viktig läsning för webbdesigners. Många webbdesigners har ingen grundlig grund för kvalitetstypografi, men med webbteckensnitt som snabbt blir vanligt är det ett smart drag att fördjupa sig i typvärlden.

femton. Webbresdepå

En blogg som rekommenderar en gratis resurs varje dag, som omfattar skript, ikoner, ramar, bilder och mer. Prenumerationen är också fullmatad, så att du kan bunga webbplatsen i din RSS-läsare och bara ta tag i de saker som intresserar dig.

16. Dev.Opera

Dev.Operas webbplats motto är 'följ standarderna, bryt reglerna', vilket förmodligen lät mer spännande vid den tiden än 'erbjuda några jolly användbara artiklar för webbdesigners'. Ändå är det vad webbplatsen till stor del gör, tillsammans med att tillhandahålla Opera Web Standards Curriculum, för dem i akademin.

17. CSSPlay

Stu Nicholls CSSPlay är främst en lekplats för CSS-experiment. I stället för att koncentrera sig på spännande effekter grundar Nicholls ofta sina demonstrationer i praktisk tillämpning. Chansen är stor, om det finns något du vill göra i CSS, hittar du en demo som visar hur på den här webbplatsen.

18. Webbläsarnyheter

En bra resurs för trender och användningsstatistik för webbläsarmotorer och enskilda webbläsare, Browser News ger också annan användbar information, inklusive en lista över IAB-annonsstorlekar, en webbläsarguide och mer.

19. QuirksMode

QuirksBlog ger intressant inblick i webbdesign och utveckling, men den viktigaste QuirksMode-kompatibilitetstabellen är där köttet på webbplatsen är. Här kan du enkelt se vilka webbläsare som stöder vilka aspekter av CSS och DOM. HTML5-tester pågår i skrivande stund.

kända illustratörer från 2000-talet

tjugo. När kan jag använda ...

På samma sätt som QuirksMode, när kan jag använda ... tillhandahåller ett antal supporttabeller. Webbplatsen uppdateras regelbundet och innehåller även standardstöd för populära mobilwebbläsare, inklusive iOS Safari och Opera Mini.

tjugoett. FindmebyIP

Slutligen gillar vi också snarare FindMeByIPs kompatibilitetstabeller för HTML5 och CSS3. Dessa har skapats av Bath-baserade designbyrån DeepBlueSky och gör att du snabbt kan kontrollera webbläsarstöd för CSS3-egenskaper, väljare, HTML5-webbapplikationer, grafik och inbäddat innehåll, ljud- och videokodek samt formingångar och attribut.