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.

Check it Out

Trendy Palettes

A beautiful collection of hand-made color palettes.

Check it Out

ZipSell

A free and open-source platform for selling digital downloads.

Check it Out

GraphQL Editor

GraphQL Editor makes it easier to understand GrapHQL schemas and allows you to create a schema by joining visual blocks.

Check it Out

Logo Lab

Logo Lab is a tool that allows you to test and find where your logo succeeds and where improvements could be made.

Check it Out

ColorBox

ColorBox is a free tool from Lyft Design that allows you to generate and adjust color palettes.

Check it Out

Font Playground

A font detail from TypeDetail.

Check it Out

Vapid

An intentionally simple content management system built on the idea that you can create a custom dashboard without ever leaving the HTML.

Check it Out

Project Explorer

Project Explorer is a CLI tool that allows you to create an annotated tree visualisation of any project.

Check it Out

2. Libraries

Sal.js

A lightweight scroll animation library.

Check it Out

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.

Check it Out

Pacman pagination

A simple and fun pacman pagination example on CodePen.

Check it Out

3. Icons

E-Commerce Icons

A collection of 48 free e-commerce icons.

Check it Out

Baseline Icons

A collection of 75+ free baseline icons.

Check it Out

Wedding Icons

A free collection of 24 wedding icons.

Check it Out

4. Tutorials

Diagonal Slideshow

A slideshow experiment with a “diagonal” look and three visible slides.

Check it Out

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.

Check it Out

Kielo

Kielo is a free uppercase headline font with a large set of glyphs.

Check it Out

Marker Mark

A free SVG handwritten brush font

Check it Out

Modernist Milk

A beautiful stencil font from New Tropical Design.

Check it Out

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