Als eigenaar van de designblog ben ik vaak op internet op zoek naar inspiratie, nieuwe perspectieven, trends, nieuwe oplossingen en andere webdesigngerelateerde vraagstukken waarmee ik mijn, en daarmee ook mijn klant, ten goede kan komen! Het internet staat nu boordevol sites en blogs vol hulpmiddelen voor ontwerpers en front-end-ontwikkelaars; Photoshop-tutorials, filters, patronen en penselen, texturen, elementen, gratis lettertypen en pictogrammensets, wireframe-tools, applicaties, CSS-frameworks, enz.
Hieronder heb ik mijn favoriete sites vermeld met een korte beschrijving waarom ik ze graag gebruik. Gebruik het in uw voordeel!
| Hulpmiddelen | Omschrijving | Link |
|---|---|---|
| Smashing Magazine | Een online magazine voor webdesigners en ontwikkelaars met artikelen over codering, design, UX en meer | bezoek de Site |
| CSS-trucs | Een website gewijd aan het onderwijzen van alles wat met CSS te maken heeft, met tutorials, videolessen en een actieve community | bezoek de Site |
| CodePen | Een online community voor het testen en presenteren van door gebruikers gemaakte HTML-, CSS- en JavaScript-codefragmenten | bezoek de Site |
| Awwwwards | Een site die het beste van het beste op het gebied van mobiel- en webdesign beloont | bezoek de Site |
| Stack Overflow | Een online community voor het testen en presenteren van door gebruikers gemaakte HTML-, CSS- en JavaScript-codefragmenten | bezoek de Site |
| Dribbble | Een gemeenschap van ontwerpers die screenshots delen van hun werk, proces en projecten | bezoek de Site |
| Behance | Een platform voor creatieven om creatief werk te presenteren en te ontdekken | bezoek de Site |
| Voorkant Voorkant | Een plek waar front-end-ontwikkelaars vragen kunnen stellen, interessante links kunnen delen en hun werk kunnen laten zien | bezoek de Site |
| Co-drops | Een webontwerp- en ontwikkelingsblog die artikelen en tutorials publiceert over de nieuwste webtrends en -technieken | bezoek de Site |
| W3Schools | Een educatieve website voor het online leren van webtechnologieën. De inhoud omvat tutorials en referenties | bezoek de Site |
| MDN-webdocumenten | Een open gemeenschap van ontwikkelaars die hulpmiddelen bouwen voor een beter internet, inclusief documentatie over webstandaarden en leermiddelen | bezoek de Site |
| Sitepoint | Een online leerbron voor webontwikkelaars, met cursussen over HTML, CSS, JavaScript en meer | bezoek de Site |
| Web Design Ledger | Een webdesignblog, waarin artikelen worden gepubliceerd over trends, technieken en meer | bezoek de Site |
| Frontend meesters | Een diepgaande JavaScript-, Node.js- en front-end engineeringcursussen | bezoek de Site |
| GitHub | Een webgebaseerde hostingservice voor versiebeheer en samenwerking. Het is een essentieel hulpmiddel voor elke ontwikkelaar | bezoek de Site |
hongkiat.com – hulpmiddelen / inspiratie / informatie
Dit is een blog van de Maleisische webdesigner Hong Kiat Lim, die bijna dagelijks werkt nieuwe blogs met content variërend van Photoshop tips & tricks, de beste WordPress Thema's, Infographics, gratis ontwerpbronnen etc. etc. Leest prettig, het niveau is hoog en biedt veel links naar externe bronnen.
CoolHompages.com – inspiratie / hulpmiddelen
De naam is een beetje misleidend. Deze site is een zeer uitgebreide galerij geworden van allerlei websites & ontwerpen. Je kunt filteren op stijl en type. Er is ook de mogelijkheid om (sommige, niet alle) ontwerpen te downloaden (als sjabloon) en deze voor eigen doeleinden te gebruiken.
AgileDesigners.com – middelen
Een site staat boordevol gratis/royalty-free en betaalde tools & materialen voor ontwerpers en front-end ontwikkelaars. Iedereen die lid is van de community kan nieuwe inhoud indienen, overzichtelijk verwerkt in verschillende categorieën. Dagelijks nieuwe bronnen.
Geïnspireerd-UI.com & pttrns.com inspiratie
Het runnen van een UI-bedrijf? Beide sites staan volledig in het teken van het ontwerpen van gebruikersinterfaces voor mobiele applicaties en sites die via de linkernavigatie kunnen filteren op verschillende onderdelen en onderwerpen.
PatternTap.com – inspiratie
Eén van de sites waar ik naartoe ga voor concrete inspiratie voor webdesign. Patterntap heeft voorbeelden van allerlei verschillende delen van sites overzichtelijk gecategoriseerd. Blader door honderden voorbeelden van kop-, voetteksten, formulieren, 404 pagina's, iconen, etc., etc. Sinds kort kun je ook filteren op ontwerpstijlen. Een waardevolle bron van inspiratie.
NotCot.org – inspiratie
NotCot is een bonte verzameling willekeurige dingen die één ding gemeen hebben; ze zien er ‘speciaal’ of ‘ongebruikelijk’ uit; ze zijn ‘ontworpen’. Handtassen, paraplu's, schaalmodellen, logo's, speelgoed, verpakkingen, eten, fotografie, meubels etc., etc., alles is voorbij. Niet alles is even mooi of nuttig, maar het zorgt zeker voor inspiratie!
CartCraze.com – inspiratie
CartCraze is een galerijsite die zich richt op één type site: webshops. Er kan helaas niet gefilterd worden op stijl, inhoud of land, maar scrollen door honderden verschillende webshops maakt veel goed. Een goede inspiratiebron voor webshopontwerpers zoals ik.
eCommerceGallery.com – inspiratie
Net als CartCraze, een galeriesite met alleen webshops. Deze kunnen worden gefilterd door middel van tags op de producten die in de webshops worden verkocht. Lekker scrollen en klikken, opnieuw een goede inspiratiebron voor webshopontwerpers
TheFWA.com – inspiratie / prijzen
De FWA, een afkorting van de ‘Favorite Website Awards’, staat al 13 jaar bekend als de Award Preamp voor mooie en verbluffende websites. Het ontvangen van een ‘site van de dag’, ‘site van de maand’ of ‘site van het jaar’ award van The FWA garandeert een hoge reputatie binnen de webdesignwereld. Dagelijks kiest de FWA een site die het predikaat ‘site van de dag’ verdient en deze wordt op de homepage getoond. De meeste sites die een prijs in de wacht slepen, zijn van grote merken die alles in het werk hebben gesteld om een groot publiek aan te spreken, maar af en toe vallen kleinere sites of sites van onbekende/onafhankelijke bedrijven of webontwerpers in de prijzen.