22 Websites that are Beautiful and Useful
Here at WDL, we like to keep you inspired by showing you beautifully designed websites every week with our web design inspirational lists. Today we decided to go a different route, and instead of picking a single “theme” of examples, we gathered examples of websites that are inspiring and useful for web designers. We gathered different tools and skill sharing websites to show you so you can be inspired and also discover a nice tool/service. From free lessons to learn how to code to monthly memberships to help you to learn more about design, in this post you will find here 22 examples of inspiring and useful websites. Make sure to visit all of them, enjoy!
responsify
Responsify is a browser based tool, which allows you to create your own responsive template.
iconmonstr
Free simple icons for your next project.
Lore
Instructors, extend your classroom online with discussions, gradebook, and more.
Codeacademy
Codecademy is the easiest way to learn how to code. It’s interactive, fun, and you can do it with your friends.
Skillshare
Learn anything from anyone, anywhere.
Pokki
Free apps from your favorite sites, games, and more.
Work & Turn
We cultivate creativity through our workshops & lectures on design, type, visual arts & more. Join the list below to get exclusive session discounts & handy creative info, as well as to be in the know about events in your area.
Symbolset
Symbolsets are semantic symbol fonts. They work in modern browsers and anywhere OpenType features are supported.
Mobile Statistics
We make those numbers come to life to tell their story; what people are buying, using, downloading, and how all that develops over time.
Foundation 3
The most advanced responsive front-end framework in the world.
ProjectFlow
A simple way to visualize and organize your projects.
QUOjs
QuoJS is a micro, modular, Object-Oriented and concise JavaScript Library that simplifies HTML document traversing, event handling, and Ajax interactions for rapid mobile web development.
Brackets
Brackets is an open-source editor for web design and development built on top of web technologies such as HTML, CSS and JavaScript.
unroll.me
Unroll.me is the free and easy way to end unwanted subscriptions and rollup the rest into an organized overview made just for you.
CSS Piffle
Design web site or mobile app without writing any html.
Chartbeat
Our real-time data tools are built for your website’s front-line, get-your-hands-dirty, action-focused people. Chartbeat is for doers.
picto pro
professionally crafted vector icons coming soon!
Countly
Monitor and analyze your mobile game behavior in real time.
Websites Like
Websites Like helps you find similar, related or alternative websites. We use our proprietary technology to give you the most accurate results every time.
We Make
Born from the idea of creating a platform that fosters art and design within our community through hands-on experiences, workshops and design in action initiatives.
Startups, this is how design works
This handy guide will help you understand design and provide resources to help you find awesome design talent.
Treehouse
Treehouse is the best way to learn how to design and develop for the web and iOS.
About the Author
I love communication, technology, web, design, movies, gastronomy and creativity. Web writer, portuguese/english translator and co founder of @refilmagem & @mentaway Twitter: @gismullr
Related Posts
Here's some other articles that you will definitely find useful.
Inspiring Type in Package Design
Flat Design Inspiration
21 Beautiful Examples of Using White in Web Design
23 Examples of Flat Web Design
21 Examples of Pricing Pages in Web Design
27 comments
webtech eleven
August 6, 2012Thanks a lot Gisele Muller,
really awesome collection, with the great and helpful online tools.
aledesign.it - Creative Graphic
August 6, 2012Wonderful selections! Thanks for sharing. So useful some link like app and guide for build a good design! Thanks for sharing, I appreciate so much this post!
Bärlina
August 6, 2012Thank you for this list. I didn’t know Symbolset which has a great collection, even for social icons font, but Foundations is really a must-have!
Kevin
August 6, 2012Codecademy is an excellent website. Deff recommend. Great list Gisele
Larry
August 6, 2012Awesome collection some useful tools!! Thanks!
Michael Meininger
August 6, 2012Loving these clean and UX friendly examples.
Thanks for the post!
Christina Cruz
August 6, 2012I love these sites both for their website design and how helpful they are.
Bodhum
August 6, 2012Yes these are so great looking! What a cute webpage design showcase for inspiration.
leo
August 7, 2012Not sure if it’s worth paying for symbol set when fontawesome is free to use…
http://fortawesome.github.com/Font-Awesome/
Nag
August 7, 2012Very nice list of websites. Great source of inspiration. Thanks of sharing..
Chris Devlin
August 7, 2012Useful stuffs for the web designers like me, especially resource like “Codeacademy”, “Skillshare” and “Startups, this is how design works”. Thanks for the useful resources.
Little Blue Dot
August 7, 2012Very useful! Thank’s!
Rupert Quaderer
August 7, 2012What a nice article! Very interesting!
Web Designer
August 7, 2012A good collection of different template and a good work of designing the website.
Dan
August 7, 2012Great collection! Lovely inspiration for some projects I’m working on. Thanks!
Shashank Kumar
August 7, 2012So cool..
Thanks for sharing!!
Chwis
August 7, 2012Great collection. Inspiring. Love the direction web design is heading!
Nashville Graphic Designer
August 8, 2012Webdesignledger is pioneer in sharing great collection of web design templates always.
Kawaljeet Singh
August 16, 2012Awesome collection. The way the websites were designed is really appreciable. I have been searching for some websites which can give me a best outlook for my pending web pages design and this post has provided me with the solution. Really thanks a lot for this post.
e11world
August 16, 2012Great collection you got here Gisele!
Christina Cruz
August 27, 2012You are right. These websites designs are inspiring and useful. Thanks for sharing.
Ankoku Flare
August 31, 2012Lovely selection!
I’ll certainly end up checking a good portion of th list. xD
Monica
September 3, 2012Thanks Gisele. Really helpful collection to web designers as it contain tools, website and valuable knowledgeable resources helpful to web designers.
Suffolk Media designer
October 22, 2012Whoa, what a collection. I think I need a day (or two) off to catch up!Web design without HTML? Yes please!!!
Gunnar Andreassen
December 29, 2012Thanks, great list!
Sumit
January 3, 2013Superb collection! Thanks
Jacob Keating
April 28, 2013Cool, awesome sites. Thanks for sharing, Gisele.