50 bästa resurser och inspiration för webbdesigners och frontend-utvecklare

Resurser och inspiration för webbdesigners och frontend-utvecklare -

Som ägare av designbloggen är jag ofta ute på webben och letar efter inspiration, nya perspektiv, trender, nya lösningar och andra webbdesignrelaterade frågor som jag kan gynna min, och med den, min kund med! Internet är nu fullt av webbplatser och bloggar fulla av resurser för designers och frontend-utvecklare; Photoshop-tutorials, filter, mönster och penslar, texturer, element, gratis typsnitt och ikonuppsättningar, trådramsverktyg, applikationer, CSS-ramverk, etc.

Nedan har jag listat mina favoritsajter med en kort beskrivning av varför jag gillar att använda dem. Använd det till din fördel!

ResursBeskrivningLänk
Smashing MagazineEn onlinetidning för webbdesigners och utvecklare med artiklar om kodning, design, UX och merBesök sajt
CSS-tricksEn webbplats dedikerad till att lära ut allt som rör CSS, med handledningar, videolektioner och en aktiv communityBesök sajt
CodePenEn onlinegemenskap för att testa och visa upp användarskapade HTML-, CSS- och JavaScript-kodavsnittBesök sajt
FramåtEn sida som belönar det bästa av det bästa inom mobil- och webbdesignBesök sajt
stack OverflowEn onlinegemenskap för att testa och visa upp användarskapade HTML-, CSS- och JavaScript-kodavsnittBesök sajt
DribbbleEn grupp designers som delar skärmdumpar av sitt arbete, sin process och sina projektBesök sajt
BehanceEn plattform för kreativa att visa upp och upptäcka kreativt arbeteBesök sajt
Front-end FrontEn plats där frontend-utvecklare kan ställa frågor, dela intressanta länkar och visa upp sitt arbeteBesök sajt
TorskEn webbdesign- och utvecklingsblogg som publicerar artiklar och tutorials om de senaste webbtrenderna och teknikernaBesök sajt
W3SchoolsEn pedagogisk webbplats för att lära sig webbteknik online. Innehållet inkluderar handledningar och referenserBesök sajt
MDN -webbdokumentEn öppen gemenskap av utvecklare som bygger resurser för en bättre webb, inklusive webbstandarddokumentation och lärresurserBesök sajt
SitePointEn onlineinlärningsresurs för webbutvecklare som erbjuder kurser i HTML, CSS, JavaScript och merBesök sajt
Webbdesign LedgerEn webbdesignblogg som publicerar artiklar om trender, tekniker och merBesök sajt
Frontend MastersEn djupgående JavaScript-, Node.js och front-end ingenjörskurserBesök sajt
GitHubEn webbaserad värdtjänst för versionskontroll och samarbete. Det är ett viktigt verktyg för alla utvecklareBesök sajt

hongkiat.com – resurser / inspiration / information
Detta en blogg från den malaysiske webbdesignern Hong Kiat Lim, som nästan dagligen nya bloggar med innehåll som sträcker sig från Photoshop tips & tricks, de bästa WordPress-teman, infografik, gratis designresurser etc. etc., Läser bra, nivån är hög och erbjuder många länkar till externa resurser.

CoolHompages.com – inspiration/resurser
Namnet är lite missvisande. Denna sida har blivit ett mycket omfattande galleri med alla typer av hemsidor och design. Du kan filtrera efter stil och typ. Det finns också möjlighet att ladda ner (vissa, inte alla) designs (som en mall) och använda dem för sina egna syften.

AgileDesigners.com - Resurser
En webbplats är fylld till brädden med gratis/royaltyfria och betalda verktyg och material för designers och frontend-utvecklare. Alla som är medlemmar i communityn kan skicka in nytt innehåll – tydligt bearbetat i olika kategorier. Dagliga nya resurser.

Inspired-UI.com & pttrns.com inspiration
Köra en UI-företag? Båda sajterna är helt dedikerade till utformningen av användargränssnitt för mobilapplikationer och sajter via navigeringen till vänster för att filtrera på olika delar och ämnen.

PatternTap.com – inspiration
En av sajterna jag går till för att få konkret inspiration till webbdesign. Patterntap har bekvämt kategoriserat exempel på alla typer av olika delar av webbplatser. Bläddra igenom hundratals exempel på sidhuvuden, sidfötter, formulär, 404 sidor, ikoner, etc., etc. Nyligen kan du också filtrera på designstilar. En värdefull resurs för inspiration.

NotCot.org – inspiration
NotCot är en brokig samling slumpmässiga saker som har en sak gemensamt; de ser "speciella" eller "ovanliga" ut; de är "designade". Handväskor, paraplyer, skalenliga modeller, logotyper, leksaker, förpackningar, mat, fotografi, möbler mm osv, allt är över. Allt är inte lika vackert eller användbart, men det ger verkligen inspiration!

CartCraze.com – inspiration
CartCraze är en gallerisajt dedikerad till en typ av sajt: webbshoppar. Tyvärr går det inte att filtrera på stil, innehåll eller land, men att scrolla igenom hundratals olika webbshoppar kompenserar för det. En bra inspirationskälla för webbshopdesigners som jag själv.

eCommerceGallery.com – inspiration
Precis som CartCraze, en gallerisajt med enbart webbshoppar. Dessa kan filtreras med hjälp av taggar på de produkter som säljs i webbshoppen. Lekker scrolla och klicka, återigen en bra inspirationskälla för webshopdesigners

TheFWA.com – inspiration / utmärkelser
FWA, förkortning för "Favorite Website Awards", har varit känt i 13 år som Award Preamp för vackra och fantastiska webbplatser. Att få priset "dagens sida", "månadens sida" eller "årets sajt" från FWA garanterar ett högt rykte inom webbdesignvärlden. Varje dag väljer FWA en webbplats som förtjänar predikatet "dagens webbplats" och detta visas på hemsidan. De flesta sajter som tar en utmärkelse är från stora varumärken som inte har sparat någon möda för att tilltala en stor publik, men ibland faller mindre sajter eller sajter från okända/oberoende företag eller webbdesigners in i priserna.