If you’re a visual artist, cartoonist, graphic designer, web designer or any other form of “old school” or digital artist, we all have one definite thing in common – we are all creative – regardless of whether or not you’re a “pencil to paper” or “tablet to screen” person.

I am primarily a web designer, which tends to naturally go hand-in-hand with doing graphic design – which I do also. So below is a selection of some of my favourite graphic and web design inspiration and development resources that I like to go to when looking for some inspiration or a hand with a particular web project that I may be working on.

1. Smashing Magazine – A great web design inspiration resource!

Web Design Inspiration - Smashing Magazine - For Professional Web Designers and Developers

Smashing Magazine is probably one of the most recognisable and talked about websites in the web industry when it comes to design and coding. It’s also a great website to visit for graphics and WordPress related topics.


2. Web Appers

Web Design Inspiration - WebAppers - Best Open Source Resources for Web Developers

I’ve been using the Web Appers website for a long time now, and it has served me well, time and time again, with very handy plugins and web apps for some of my web projects. The website is driven by an enthusiastic community who help contribute to the value of this great website.


3. CSS-Tricks

Web Design Inspiration - CSS-Tricks

I’ve been a follower and fan of the CSS-Tricks website and community for a number of years now. I always find interesting articles to read and videos to watch, and sometimes handy snippets of code to use in some of my projects.


4. The Noun Project

Web Design Inspiration - The Noun Project

I can’t remember how I stumbled across this website, but it would have to be my favourite website for sourcing icons for my logo and design projects. I love the simplicity of the icons on The Noun Project website. They’re very versatile and can be used across almost any medium, especially because of the SVG file format that all the icons come in. You do however need a program that can open SVG files, like Adobe Illustrator.


5. Icon Finder

Web Design Inspiration - Iconfinder - Icon Search Engine

Icon Finder is a bit like The Noun Project website, where it is also a website that contains a huge library of icons for commercial and free use. I find Icon Finder very handy depending on the requirements of a project that I may be working on.


6. Bootstrap Cheat Sheet

Web Development Inspiration - Bootstrap Cheat Sheet

Here is an awesome Bootstrap Cheatsheet that’s simple, to the point, and most importantly, it will save any bootstrap developer a ton of time because all the essential aspects (components, source code elements, screen sizes etc) are listed in one free to download PDF. This value-packed cheatsheet comes courtesy of Nick from over at WebsiteSetup, so be sure go and check out all the other great stuff he has!


7. CSS3 Generator

Web Design Inspiration - CSS3 Generator

When I need to write some basic CSS3 code in a hurry, the CSS3 Generator is a life saver! It provides you with the ability to generate CSS3 code by clicking a few buttons and entering a few parameters, and presto! It shows you a preview of what the code does and with a button that you click to copy the code so that you can paste it wherever you need it to go. Then if you also understand the CSS3 code, you can also use it like a template to write your own CSS3 without the generator.


Share your thoughts or Web Design Inspirations & Development Resources

I hope you find some of these resources useful too. Please leave a comment if you like to use any of these as well, or if you have any other resources that you’d like to recommend.

0 0 votes
Article Rating
Would love your thoughts, please comment.x
Here's My Newsletter!

Here's My Newsletter!

Subscribe to be the first to receive WordPress & WooCommerce tips(I may occasionally email you other goodies too!)

Thanks! You have successfully subscribed!

Pin It on Pinterest