21 välttämätöntä resurssisivustoa web-suunnittelijoille

Kuten olet ehkä huomannut, ei vähiten kirjoittamalla jotain Googleen ja se iloiten paljastaa, että haullasi on 26 miljoonaa tulosta, siellä on melko vähän verkkosivustoja. Ellet ole jonkinlainen kuolematon, sinulla ei ole aikaa tarkistaa monia niistä edes suhteellisen kapealla alueella, kuten verkkosuunnittelussa. Siksi olemme keränneet aivomme laatiakseen luettelon 21 välttämättömästä sivustosta, jotka jokaisen verkkosuunnittelijan tulisi lisätä kirjanmerkkeihin, elleivät he ole jonkinlainen idiootti - eikö se sinäkään ole, eikö niin?

1. Lista toisistaan

Verkkolehti, joka on niin vakiintunut verkkosuunnittelijoiden tietoisuuteen, että se on todennäköisesti laitonta, jos et lue kaikkia uusia numeroita. Satojen kiihkeiden artikkeleiden joukossa alan parhaimmilta A List Apart -palvelun pitäisi olla ensimmäinen satamasi perusteelliseen näkemykseen ja analyysiin koodista, sisällöstä ja ulkoasusta.



piirustus kädestä, jolla on lyijykynä

kaksi. 24 tapaa

24 tapaa on kuvannut itseään 'web geeksien adventtikalenteriksi', ja se on vuodesta 2005 lähtien toimittanut kaksi tusinaa verkkosivujen artikkelia joka joulukuu. Aiheet vaihtelevat, mutta koska kirjoittajat ovat ensiluokkaisia, jopa monet varhaisimmista artikkeleista ovat hyödyllisiä ja merkityksellisiä - tiedät, että 24 tapaa ei ole vain joulua varten.



3. Smashing-lehti

Vuonna 2006 perustettu Smashing Magazine ampuu verkkosivujen suunnittelu- ja kehitystekniikat aivoihisi uutisten, mielipiteiden ja käytännön oppaiden avulla. Se on myös ihastunut luetteloihin, joten se on kätevä sivusto lisäresurssien löytämiseen.



Neljä. siteInspire

5. UX-liike

Kun UX on yhä suurempi huolenaihe verkkosuunnittelussa, kannattaa pitää ajan tasalla. UX Movement on UX: n kanssa työskentelemiseen tarkoitettu blogi, joka tarjoaa tietoa langankehyksen ja käytettävyysongelmista, jotka liittyvät lomakkeisiin, leijukomponentteihin ja muihin verkkosivun elementteihin.



6. Hakukoneen maa

Hyvän verkkosivuston rakentamisesta ei ole paljon hyötyä, jos kukaan ei löydä sitä. Search Engine Land tarjoaa uutisia hakumarkkinoinnista ja hakukoneista, ja tarjoaa vinkkejä SEO: n parantamiseen. Varmista myös sijaintisi varmistaminen Googlessa Google Webmaster Centra l.

7. W3C

Suurimman osan verkkosuunnittelijoista ei koskaan tarvitse tietää kaikkia verkkostandardeja sääteleviä yksityiskohtia, mutta W3C: n verkkosivusto on edelleen olennainen paikka vierailla. Sen lisäksi, että se tarjoaa pääsyn eritelmiin (mukaan lukien selitykset ja esimerkit), se tarjoaa myös työkaluja, kuten merkinnät ja CSS-vahvistimet.

8. HTML5-kattilalevy

Useimmat projektit alkavat samantyyppisillä tiedostoilla, ja suunnittelijat tuhlaavat usein aikaa niiden luomiseen uudelleen tyhjästä. HTML5 Boilerplate -sovelluksen avulla pääset alkuun vankalla ja tulevaisuuden kestävällä HTML / CSS / JavaScript-mallilla. HTML5 Palauta on toinen samankaltainen projekti.

9. Sukella HTML5: een

Jos haluat oppia käsittelemään HTML5: tä, Mark Pilgrimin kirja tarjoaa erinomaisen selityksen useista ominaisuuksien ominaisuuksista. Kirja on kokonaisuudessaan verkossa CC-BY-3.0 -lisenssillä, mutta osta paperiversio, jos käytät sivustoa säännöllisesti.

10. CSS3.info

Selaimet ovat viime aikoina uppoutuneet taisteluun kehittyneiden CSS: ien tukemisesta. Tätä varten standardi kehittyy huomattavan nopeasti. CSS3.infon avulla voit seurata kehitystä, oppia lisää ominaisuuksista ja moduuleista sekä testata selainta CSS-valitsimilla.

yksitoista. Adobe Kuler

Vaikka sinulla on luonnollinen värisilmä, digitaalinen väripyörä on olennainen osa työkalupakettiasi. Sen sijaan, että maksoisit käteistä yhdestä, käytä Adobe Kulerin verkkotyökaluja suunnitellaksesi järjestelmän tai inspiroidu jostakin sivustossa jo olevasta tuhannesta.

12. Adobe BrowserLab

Mikään ei voita testisivustoja useissa todellisissa selaimissa, mutta silloin, kun sinun on nopeasti tarkistettava sivusto yhdellä selaimella, BrowserLab tuottaa staattisia tartuntoja kaikista verkkosivuista, jotka on renderoitu Chromessa, Firefoxissa, Safarissa ja Internet Explorerissa.

13. 978 ruudukkojärjestelmä

Vankan ruudukkojärjestelmän käyttö helpottaa verkkosivujen ulkoasun suunnittelua. Yksi parhaista on 978 Grid System, joka tarjoaa myös siihen liittyviä malleja muille näyttökokoille. 960 ristikkojärjestelmä on suosittu vaihtoehto.

14. Rakastan typografiaa

Rakastan typografiaa, vaikka se ei suoraan raportoi verkkotyypistä, se on välttämätön luku web-suunnittelijoille. Monilla verkkosivujen suunnittelijoilla ei ole perusteellista pohjaa laadukkaalle typografialle, mutta web-fonttien yleistyessä nopeasti, uppoutuminen tyyppimaailmaan on älykäs liike.

viisitoista. Web Resources Depot

Blogi, joka suosittelee joka päivä ilmaista resurssia, joka käsittää skriptejä, kuvakkeita, kehyksiä, kuvia ja muuta. Tilauksen myös täysi syöte, joten voit työntää sivuston RSS-lukijaasi ja napata vain sinua kiinnostavat asiat.

16. Dev.Opera

Dev.Opera-verkkosivuston tunnuslause on 'noudata standardeja, rikkoa sääntöjä', joka kuulosti tuolloin todennäköisesti mielenkiintoisemmalta kuin 'tarjota miellyttäviä hyödyllisiä artikkeleita web-suunnittelijoille'. Silti tämä tekee sivusto suurelta osin, samoin kuin tarjoaa Opera Web Standards Curriculum, akateemisille.

17. CSSPlay

Stu Nichollsin CSSPlay on ensisijaisesti CSS-kokeiden leikkipaikka. Sen sijaan, että keskityttäisi räikeisiin vaikutuksiin, Nicholls perustelee demonsa usein käytännön sovelluksissa. Mahdollisuudet ovat, että jos haluat tehdä jotain CSS: ssä, löydät demon, joka näyttää miten tällä sivustolla.

18. Selainuutiset

Selainuutiset, jotka ovat loistava lähde selainmoottoreiden ja yksittäisten verkkoselaimien trendeihin ja käyttötilastoihin, tarjoavat myös muuta hyödyllistä tietoa, kuten luettelon IAB-mainoskooista, selainoppaasta ja muusta.

19. QuirksMode

QuirksBlog tarjoaa mielenkiintoisen käsityksen verkkosivujen suunnittelusta ja kehittämisestä, mutta sivuston liha on QuirksMode-yhteensopivuuden päätaulukossa. Täältä näet helposti, mitkä selaimet tukevat CSS: n ja DOM: n osa-alueita. HTML5-testit ovat käynnissä kirjoitushetkellä.

kuinka lisätä tekstuuri kuvittajaan

kaksikymmentä. Milloin voin käyttää ...

Kuten QuirksMode, Milloin voin käyttää… tarjoaa useita tukitaulukoita. Säännöllisesti päivitettynä sivusto kertoo myös suosittujen mobiiliselaimien, mukaan lukien iOS Safari ja Opera Mini, standardien tuen.

kaksikymmentäyksi. FindmebyIP

Lopuksi pidämme myös pikemminkin FindMeByIP: n yhteensopivuustaulukoista HTML5: lle ja CSS3: lle. Bath-pohjaisen suunnittelutoimisto DeepBlueSky on luonut nämä, joiden avulla voit nopeasti tarkistaa selaintuen CSS3-ominaisuuksille, valitsimille, HTML5-verkkosovelluksille, grafiikalle ja upotetulle sisällölle, ääni- ja videokoodekeille sekä lomakkeiden syötteille ja määritteille.