Discover some of the best new web design resources including tools, libraries, freebies, fonts and many other goodies that we curated during September 2018.
π₯ Check out the best resources for web developers from September 2018 #web #resources Click To Tweet
1. Tools
![Nodebook - Nodebook is an in-browser REPL supporting many programming languages..](https://dgc2qnsehk7ta.cloudfront.net/uploads/rfwdsep18_nodebook.jpg)
Nodebook
Nodebook is an in-browser REPL supporting many programming languages.
![Trendy Palettes - A beautiful collection of hand-made color palettes..](https://dgc2qnsehk7ta.cloudfront.net/uploads/rfwdsep18_trendy-palettes.jpg)
Trendy Palettes
A beautiful collection of hand-made color palettes.
![ZipSell - A free and open-source platform for selling digital downloads..](https://dgc2qnsehk7ta.cloudfront.net/uploads/rfwdsep18_zipsell.jpg)
ZipSell
A free and open-source platform for selling digital downloads.
![GraphQL Editor - GraphQL Editor makes it easier to understand GrapHQL schemas and allows you to create a schema by joining visual blocks..](https://dgc2qnsehk7ta.cloudfront.net/uploads/rfwdsep18_graphql-editor.jpg)
GraphQL Editor
GraphQL Editor makes it easier to understand GrapHQL schemas and allows you to create a schema by joining visual blocks.
![Logo Lab - Logo Lab is a tool that allows you to test and find where your logo succeeds and where improvements could be made..](https://dgc2qnsehk7ta.cloudfront.net/uploads/rfwdsep18_logo-lab.jpg)
Logo Lab
Logo Lab is a tool that allows you to test and find where your logo succeeds and where improvements could be made.
![ColorBox - ColorBox is a free tool from Lyft Design that allows you to generate and adjust color palettes..](https://dgc2qnsehk7ta.cloudfront.net/uploads/rfwdsep18_colorbox.jpg)
ColorBox
ColorBox is a free tool from Lyft Design that allows you to generate and adjust color palettes.
![Font Playground - A font detail from TypeDetail..](https://dgc2qnsehk7ta.cloudfront.net/uploads/rfwdsep18_font-playground.jpg)
Font Playground
A font detail from TypeDetail.
![Vapid - An intentionally simple content management system built on the idea that you can create a custom dashboard without ever leaving the HTML..](https://dgc2qnsehk7ta.cloudfront.net/uploads/rfwdsep18_vapid.jpg)
Vapid
An intentionally simple content management system built on the idea that you can create a custom dashboard without ever leaving the HTML.
![Project Explorer - Project Explorer is a CLI tool that allows you to create an annotated tree visualisation of any project..](https://dgc2qnsehk7ta.cloudfront.net/uploads/rfwdsep18_project-explorer.jpg)
Project Explorer
Project Explorer is a CLI tool that allows you to create an annotated tree visualisation of any project.
2. Libraries
![Sal.js - A lightweight scroll animation library..](https://dgc2qnsehk7ta.cloudfront.net/uploads/rfwdsep18_sal.js.jpg)
Sal.js
A lightweight scroll animation library.
![WatermelonDB - A next-generation React and React native database that allows you to build powerful apps that scale from hundreds to tens of thousands of records and remain fast..](https://dgc2qnsehk7ta.cloudfront.net/uploads/rfwdsep18_watermelondb.jpg)
WatermelonDB
A next-generation React and React native database that allows you to build powerful apps that scale from hundreds to tens of thousands of records and remain fast.
![Pacman pagination - A simple and fun pacman pagination example on CodePen..](https://dgc2qnsehk7ta.cloudfront.net/uploads/rfwdsep18_pacman-pagination.jpg)
Pacman pagination
A simple and fun pacman pagination example on CodePen.
3. Icons
![E-Commerce Icons - A collection of 48 free e-commerce icons..](https://dgc2qnsehk7ta.cloudfront.net/uploads/rfwdsep18_e-commerce-icons.jpg)
E-Commerce Icons
A collection of 48 free e-commerce icons.
![Baseline Icons - A collection of 75+ free baseline icons..](https://dgc2qnsehk7ta.cloudfront.net/uploads/rfwdsep18_baseline-icons.jpg)
Baseline Icons
A collection of 75+ free baseline icons.
![Wedding Icons - A free collection of 24 wedding icons..](https://dgc2qnsehk7ta.cloudfront.net/uploads/rfwdsep18_wedding-icons.jpg)
Wedding Icons
A free collection of 24 wedding icons.
4. Tutorials
![Diagonal Slideshow - A slideshow experiment with a 'diagonal' look and three visible slides..](https://dgc2qnsehk7ta.cloudfront.net/uploads/rfwdsep18_diagonal-slideshow.jpg)
Diagonal Slideshow
A slideshow experiment with a “diagonal” look and three visible slides.
5. Fonts
![Times Newer Roman - Times Newer Roman is a font that kinda looks like Times New Roman, except each character is 5-10% wider..](https://dgc2qnsehk7ta.cloudfront.net/uploads/rfwdsep18_times-newer-roman.jpg)
Times Newer Roman
Times Newer Roman is a font that kinda looks like Times New Roman, except each character is 5-10% wider.
![Kielo - Kielo is a free uppercase headline font with large set of glyphs..](https://dgc2qnsehk7ta.cloudfront.net/uploads/rfwdsep18_kielo.jpg)
Kielo
Kielo is a free uppercase headline font with a large set of glyphs.
![Marker Mark - A free SVG handwritten brush font .](https://dgc2qnsehk7ta.cloudfront.net/uploads/rfwdsep18_marker-mark.jpg)
Marker Mark
A free SVG handwritten brush font
![Modernist Milk - A beautiful stencil font from New Tropical Design..](https://dgc2qnsehk7ta.cloudfront.net/uploads/rfwdsep18_modernist-milk.jpg)
Modernist Milk
A beautiful stencil font from New Tropical Design.
6. Great Reads
- π[Medium] Designing for scale and complexity
- π[Google Blog] Redesigning Chrome: An interview with Chromeβs lead designer
- π[How HTTPS Works] Why do we need HTTPS?
What are your favorite tools or resources? Did we miss anything? If you liked this roundup make sure you share it! π
π₯ Check out the best resources for web developers from September 2018 #web #resources Click To Tweet
Check out the other monthly roundups for 2018:
- Resources for web designers and developers – January 2018
- Resources for web designers and developers – February 2018
- Resources for web designers and developers – March 2018
- Resources for web designers and developers – April 2018
- 30+ New resources for web developers and designers β May 2018
- 43+ Best new web design resources β June 2018
- 23+ Best new resources for web developers – July 2018
- 23+ Best new resources for web developers August 2018
π€ What do you think?