RESOURCES & TOOLS

> < RESOURCES & TOOLS > < websites and platforms where you can find openly licensed icons, fonts, image, tools and other resources.

> < resources & tools > <
you can add items to the list of resources and tools

<h1 style="text-align: left;"></h1>
	
	 
	 <h1 style="text-align: left;">ICONS </h1>
	 
	 ∘ The Noun Project | https://thenounproject.com/ ∘ IcoMoon IcoMoon is striving to build and provide the best iconography and icon management tool for perfectionists. IcoMoon's icon library features only the very best icon sets out there. All of our icons are designed on a precise pixel grid. The IcoMoon app lets you build and use your own icon packs in many different formats including SVG, Polymer, PDF, XAML, CSH, icon font with ligatures, or good old PNG/CSS sprites. ∘ Pictogramas
	 
	 
	 
	 <h1 style="text-align: left;">IMAGES </h1>
	 
	 ∘ The League of Movable Type ∘ Open Font Library ∘ Google Web Fonts
	 
	 
	 
	 <h1 style="text-align: left;">FONTS </h1>
	 
	 ∘ Pixabay ∘ Flickr Creative Commons ∘ Gratisography
	 
	 
	 
	 <h1 style="text-align: left;">DESIGN TOOLS </h1>
	 
	 ∘ Use a pen & paper for mockups and prototypes. No hi-fi Photoshop work needed. ∘ Draw.io (diagrams, mockups) ∘ Pencil (mockups) 
	 
	 
	 
	 <h1 style="text-align: left;">COLOR CHOICES </h1>
	 
	 ∘ Blend: CSS gradient generator. ∘ Leonardo.io by Adobe: Color contrast generator. ∘ Tanaguru: For finding complementary colors.
	 
	 
	 
	 <h1 style="text-align: left;">CSS FRAMEWORKS </h1>
	 
	 ∘ Bootstrap Fully featured mature HTML, CSS (LESS) & Javascript. ∘ Foundation Fully featured mature HTML, CSS (Sass) & Javascript. ∘ BASCSS Lightning-Fast, Modular CSS for Designers.
	 
	 
	 <h1 style="text-align: left;">OPEN SOURCE AND DESIGN READ </h1>
	 
	 ∘ Free Software UI (2002) ∘ How Not To Design a Portfolio ∘ Open Design Now book.
	 
	 
	 <h1 style="text-align: left;">OTHER NICE STUFF IN THE DESIGN + OPEN SOURCE SPACE </h1>
	 
	 ∘ Libre Graphics magazine print magazine. ∘ Libre Projects collection of nice open source web apps. ∘ Libre Graphics World
	 
	 
	 
	 
	 <h1 style="text-align: left;">LEARN TO CODE </h1>
	 
	 ∘ WebPlatform web development resources. ∘ Mozilla Developer Network for great web dev documentation. ∘ Unheap a tidy repository of jQuery plugins.
	 
	 
	 
	 
	 
	 
	 <h1 style="text-align: left;">LEARN TO DESIGN </h1>
	 
	 ∘ Hack Design Free design lessons by inspirational designers. ∘ Design Lab Design course with mentorship and projects. ∘ Voice and Tone Learn about writing good copy.