🤯 Ultra List: One List to Rule Them All. Aug, '19
Tags: productivity, webdev, freebies, showdev
Published: 2019-09-06 11:58:40

---
title: 🤯 Ultra List: One List to Rule Them All. Aug, '19
published: true
description: This is a new series my team and I started in March '19 on DEV.to in which we showcase, at the end of every month, a huge list of dev resources that we find on the web.
cover_image: https://thepracticaldev.s3.amazonaws.com/i/jtszisiwdr9ahyrm0xmj.png
tags: productivity, webdev, freebies, showdev
series: Ultra List 
---

Hey hey hey, I'm back with the 6th installment of Ultra List! Last month has been so hectic, but I wouldn't miss this for anything. I know you guys love the resources. 😉

Let me start with the regular stuff first. There's plenty to show this month. I have an open-source project we released in August that I want to show you guys as well, so stick around until the end!

### Freebies 🎁
 
First things first! Let's explore the free stuff. Enjoy, and don't forget to thank the makers! 💝

#### *Fonts*
Fonts are such an important part of design, much more so than most people seem to realize. So let me share some cool, free fonts I found in August.

**1. Oliver** by Freebiesbug 👉🏼 [Link](https://freebiesbug.com/free-fonts/oliver/)

![](https://thepracticaldev.s3.amazonaws.com/i/cdncldklt5iw0djwbdra.png)

**2. Blisk Rhythm** by Suthi Srisopha  👉🏼 [Link](https://www.dafont.com/blisk-rhythm.font)

![](https://thepracticaldev.s3.amazonaws.com/i/luhuv1utg2rt11ps5cb7.png)

**3. Mobstex** by  Shohail Bhuian  👉🏼 [Link](https://www.dafont.com/mobstex.font)

![](https://thepracticaldev.s3.amazonaws.com/i/4xklrk7act4d2ir9eczy.png)

**4. Camar Vintage** by   Pixel Buddha  👉🏼 [Link](https://pixelbuddha.net/freebie/free-camar-vintage-font)

![](https://thepracticaldev.s3.amazonaws.com/i/o6pxhz159bj9u8xf7fwc.png)


-----------

#### *Icons*
Icons have personalities of their own, and they can often make or break your design, so it's super important to pick the right ones. Here are some awesome icon packs for you to explore!

**1. Money Vector Icons Set** by Pixel Buddha 👉🏼 [Link](https://freebiesbug.com/free-fonts/oliver/)

![](https://thepracticaldev.s3.amazonaws.com/i/jabjh5fcv4307nbfkqzw.png)

**2. Future Business Icon Pack** by Photo3idea Studio
 👉🏼 [Link](https://www.flaticon.com/packs/future-business-4)

![](https://thepracticaldev.s3.amazonaws.com/i/64hiczhmo9msc9wk2hx4.png)

**3. Fintech Icon Pack** by Becris
 👉🏼 [Link](https://www.flaticon.com/packs/fintech-24)

![](https://thepracticaldev.s3.amazonaws.com/i/8a39gu9myco5q49r84y3.png)

------------
#### *Misc.*
Here are some more great resources that I couldn't put anywhere else. The second one is my favorite; So useful!

**1. Free & Open Source Gatsby Themes** by LekoArts 👉🏼 [Link](https://themes.lekoarts.de)

![](https://thepracticaldev.s3.amazonaws.com/i/f3huim0mwjeb6esyjhhl.png)

**2. 20 Free Generators** Free Generators for Web Designers and Developers 👉🏼 [Link](https://designmodo.com/free-generators/)

![](https://thepracticaldev.s3.amazonaws.com/i/dxaoeu9vhmncj4h3nszf.png)

**3. Portuguese Geometric Patterns** by Pixel Buddha  👉🏼 [Link](https://pixelbuddha.net/freebie/free-portuguese-geometric-patterns/)

![](https://thepracticaldev.s3.amazonaws.com/i/p41gg4hsse65s5owes8n.png)

**4. Avant UI** Avant UI is a development toolkit based on Bootstrap Framework.   👉🏼 [Link](https://www.avantui.com)

![](https://thepracticaldev.s3.amazonaws.com/i/zoxmef31c7x9gdm8zy9s.png)

**5. Lazy Kit** A new design system for developing with less effort.   👉🏼 [Link](https://bootstrapbay.github.io/lazy-kit/)

![](https://thepracticaldev.s3.amazonaws.com/i/jjrtburznzuw4q3gmdoq.png)

-----------

### VS Code Stuff 👩🏻‍💻
Yep, can't skip this section. My love for VS Code knows no bounds. Here's some cool stuff you can do with VS Code!

**1. Color Manager** Color picker and color palette 👉🏼 [Link](https://marketplace.visualstudio.com/items?itemName=RoyAction.color-manager)

**2. CSS to MDN** 👉🏼 [Link](https://marketplace.visualstudio.com/items?itemName=dzhavat.css-to-mdn)

![](https://github.com/dzhavat/css-to-mdn/raw/master/images/demo.gif)

**3. Blueberry Banana** 👉🏼 [Link](https://marketplace.visualstudio.com/items?itemName=pshershov.blueberry-banana)

![](https://user-images.githubusercontent.com/16524839/63062581-2437fe80-bf02-11e9-90ef-2024f2f7992e.png)


-----------

#### *Products*
Here are some standalone products I recently discovered that I found really cool.

**1. Verby** Free text to speech converter.  👉🏼 [Link](https://www.verby.co)

![](https://thepracticaldev.s3.amazonaws.com/i/aid54lwtjyfkmgey4c8o.png)

**2. ISOMETRIC** Free isometric illustrations for designers,
startups and companies.  👉🏼 [Link](https://isometric.online/)

![](https://thepracticaldev.s3.amazonaws.com/i/gksr0j583zlw372falth.png)

**3. PostWoman** API request builder  👉🏼 [Link](https://postwoman.io)
This launched recently and got a lot of attention on [ProductHunt](https://www.producthunt.com/posts/postwoman-2) as well!

![](https://thepracticaldev.s3.amazonaws.com/i/gkxjz0ojvyj0vqjr1yy9.png)

**4. Color Palette Generator** Create Beautiful Color Schemes that work.
  👉🏼 [Link](https://colors.muz.li)

![](https://thepracticaldev.s3.amazonaws.com/i/bat3hruqrkb777j67xzl.png)

-----------
### Libraries 🗃
Now here's something to add a little magic to your projects! ✨

**1. extra.css**  A CSS Houdini library for making your site a little more #extra. 👉🏼 [Link](https://extra-css.netlify.com)

![](https://thepracticaldev.s3.amazonaws.com/i/gkyw5ma3f3qpaw5141hn.png)

**2. Lottie** Lottie is a library for Android, iOS, Web, and Windows that parses Adobe After Effects animations exported as json with Bodymovin and renders them natively on mobile and on the web! 👉🏼 [Link](https://github.com/airbnb/lottie)

![](https://thepracticaldev.s3.amazonaws.com/i/7guqbbkumnlyb6czf9fy.gif)

**3. Marked** A markdown parser and compiler. Built for speed. 👉🏼 [Link](https://github.com/markedjs/marked)

![](https://thepracticaldev.s3.amazonaws.com/i/914o068nbbbegvb9gxhy.png)

-----------
### Guides/Cheatsheets 📓
Finally, here are some guides and cheatsheets to make your life easy.

**1. Writing a Simple MVC App in Plain JavaScript**  👉🏼 [Link](https://www.taniarascia.com/javascript-mvc-todo-app/)

![](https://thepracticaldev.s3.amazonaws.com/i/syn6nbvprcdbpayngc1a.png)

**2. Scope in JavaScript**

{% youtube 5LEuJNLfLN0 %}

**3. Regex For Noobs**  👉🏼 [Link](https://www.janmeppe.com/blog/regex-for-noobs/)

![](https://thepracticaldev.s3.amazonaws.com/i/nrchb6jkrsm3lu4o7vqs.png)

### From Team XenoX 🔥 

**1. Brogrammer** We released Brogrammer recently. Long working hours make it hard to beat a sedentary lifestyle and stay fit. I can empathize with people who do a lot of sedentary work and have very little time in their daily schedules to exercise. I've been there myself, and it's very easy to spiral down into very unhealthy patterns 🙇🏻‍♂️.

Brogrammer is meant to help you break these patterns and squeeze mini workouts into your busy routines. 🏃‍♂️ It's as easy as clicking a button, and the web-app will keep sending you alerts 📢 every once in a while to perform a random exercise for x duration or y number of repetitions. If you want more control, just create your own challenge and set parameters like type of exercises, level of difficulty, frequency of alerts, and more. And the best part? This is open source 🥳🎉🎉 , just like all of the other stuff Team Xenox 🔥 has released so far this year.

So if you have any cool feature ideas in mind, don't wait for anyone else to add them. Just build them yourself! 🛠 

You can check out the web-app here. 👉🏼 [Link](http://bit.ly/brogrammer1)

**Note:** I want to state this very explicitly that this is no substitute for a healthy work-life balance and a routine that doesn't drive you crazy. Eat well, maintain good sleeping habits, and exercise regularly. And use this app for those days when you can't manage to go to the gym.

#### But we didn't forget about the feedback!

When the product went live, we also published a short post about it here on DEV.

{% link https://dev.to/teamxenox/brogrammer-our-contribution-towards-a-fitter-world-5113 %}

We received a lot of feedback about how the product came across. Many of you told us that while the idea was neat, the imagery and name made it look exclusive to men, which wasn't our intention at all. We would like to rectify that. And so, we've decided to change its name to **BrogrammHer**. How do you guys feel about this? You can let me know in the comments.

You can also vote on this in our Telegram channel! Come join us for awesome dev content delivered straight to you daily! 👉🏼 [Link](http://bit.ly/devtg)

![Telegram Channel](https://thepracticaldev.s3.amazonaws.com/i/hxd3v941dmgi6fnpiz6t.png)

### One More Thing!

Have you guys checked out the XenoX Multiverse yet?
If you like our work, join our team and unleash the power of open-source development with us. 💪 It doesn't matter whether you're a beginner or a veteran, everyone is welcome. Check out how to join below!

{% github sarthology/XenoXMultiverse %}

## Thanks
Okay, that's it for this time, guys. Hope you enjoyed this. See you in the next post! If you loved this post, share it with your friends and family who could benefit from this. If you want to include something of your own in the next post, DM me at [@sarthology](http://bit.ly/twsarth) on Twitter. Or if you have any suggestions, feel free to comment below.