🤯 Ultra List: One List to Rule Them All. Sep, '19
Tags: productivity, webdev, freebies, showdev
Published: 2019-10-09 06:13:12

---
title: 🤯 Ultra List: One List to Rule Them All. Sep, '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/989m6cy7nmzpl01in72d.png
tags: productivity, webdev, freebies, showdev
series: Ultra List  
---

Ultra List is back again, and it's the 7th installment! So it is officially a half year old now!

![party gif](https://media.giphy.com/media/10hO3rDNqqg2Xe/giphy.gif)

Once again, it has been an amazing and incredibly busy month (hence, the delay in Ultra List again but nvm that right now 😅). We discovered a lot of cool things to share with you, my team and I moved our HQ to a new city (!!!), and we released Caligator this month (more on that later). September was great for us, and I hope it was for you too!

It's time I made October a little better for you guys as well. 😉 Let's get started.

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

#### *Fonts*

**1. Leonsans** by cmiscm 👉🏼 [Link](https://leon-kim.com/#wave)

![](https://raw.githubusercontent.com/cmiscm/leonsans/gh-pages/screenshot/colorful.gif)

**2. Misto Font** by Katerina Korolevtseva 👉🏼 [Link](https://www.behance.net/gallery/84911751/Misto-Font-Free-(Cyrillic-and-Latin))
![](https://thepracticaldev.s3.amazonaws.com/i/hza1kr2tegsjggvfzf3a.png)

**3. Rushing Nightshade** by FIGUREE 👉🏼 [Link](https://www.dafont.com/rushing-nightshade.font)

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

**4. Campione** by Variatype 👉🏼 [Link](https://www.dafont.com/campione.font)

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

-----------

#### *Icons*

**1. 170 Retro Business Icons** by  Smashicons 👉🏼 [Link](https://graphicburger.com/smashicons-170-retro-business-icons/)

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

**2. Diversity Avatars** by  Graphic Burger 👉🏼 [Link](https://graphicburger.com/diversity-avatars-30-free-icons/)

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

**3. Drone** by  Flaticon 👉🏼 [Link](https://www.flaticon.com/packs/drone-25)

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


------------

#### *Misc.*

**1. Fragments: iOS wireframe kit** by Freebiesbug 👉🏼 [Link](https://freebiesbug.com/sketch-freebies/fragments/)

![](https://cdn.freebiesbug.com/wp-content/uploads/2019/09/fragments-580x435.png)

**2. Sections: Wireframe kit for landing pages** by Freebiesbug 👉🏼 [Link](https://freebiesbug.com/sketch-freebies/sections-wireframe-kit/)

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


-----------

### VS Code Stuff 👩🏻‍💻

**1. CodeSnap** 👉🏼 [Link](https://marketplace.visualstudio.com/items?itemName=adpyke.codesnap)

![](https://raw.githubusercontent.com/kufii/CodeSnap/master/examples/material_operator-mono.png)

**2. Data Preview** 👉🏼 [Link](https://marketplace.visualstudio.com/items?itemName=RandomFractalsInc.vscode-data-preview)

![](https://github.com/RandomFractals/vscode-data-preview/blob/master/images/vscode-data-preview-dark.png?raw=true)

**3. Go to MDN** 👉🏼 [Link](https://marketplace.visualstudio.com/items?itemName=kbysiec.vscode-go-to-mdn)

![](https://github.com/AgilePlayers/vscode-go-to-mdn/raw/master/img/browse.gif)

**4. Dark Knight** 👉🏼 [Link](https://marketplace.visualstudio.com/items?itemName=MajhiRockzZ.the-dark-knight)

![](https://github.com/MajhiRockzZ/the-dark-knight/raw/master/assets/main.gif)

-----------

#### *Products*

**1. PWA asset generator**  👉🏼 [Link](https://github.com/onderceylan/pwa-asset-generator)

![](https://raw.githubusercontent.com/onderceylan/pwa-asset-generator/HEAD/static/demo.gif)

**2. Starship**  👉🏼 [Link](https://github.com/starship/starship)

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

**3. Can I email**  👉🏼 A very useful site that offers support info on more than 50 HTML and CSS features tested across 25 email clients. [Link](https://www.caniemail.com)

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

**4. Doka.photo**  👉🏼 Image editor in browser [Link](https://doka.photo)

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

**5. Resume Builder**  👉🏼 [Link](https://www.resumebuilder.com)

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

-----------

### Libraries 🗃

**1. Pagemap** Mini map for web pages 👉🏼 [Link](https://larsjung.de/pagemap/)

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

**2. chart.xkcd** xkcd styled chart lib  👉🏼 [Link](https://github.com/timqian/chart.xkcd)

![](https://raw.githubusercontent.com/timqian/images/master/20190819131226.gif)

**3. Flawwwless ui** Building a React.js components library to help you create applications that your users will love.  👉🏼 [Link](https://ui.flawwwless.com/)

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

**4. Navi** An interactive cheatsheet tool for the command-line  👉🏼 [Link](https://github.com/denisidoro/navi)

![](https://user-images.githubusercontent.com/3226564/66068076-4b36a800-e523-11e9-8f20-f5111522cba2.gif)

-----------
### Guides/Cheatsheets 📓

**1. How Web Content Can Affect Power Usage**  👉🏼 [Link](https://webkit.org/blog/8970/how-web-content-can-affect-power-usage/)

![](https://webkit.org/wp-content/uploads/Web-Inspector-CPU-Timeline-Overview-Dark.png)

**2. Debugging TypeScript in Firefox DevTools**  👉🏼 [Link](https://hacks.mozilla.org/2019/09/debugging-typescript-in-firefox-devtools/)

![](https://hacks.mozilla.org/files/2019/08/debugging-javascript.png)

**3. Firefox 69 — a tale of Resize Observer, microtasks, CSS, and DevTools**  👉🏼 [Link](https://hacks.mozilla.org/2019/09/firefox-69-a-tale-of-resize-observer-microtasks-css-and-devtools/)

![](https://hacks.mozilla.org/files/2019/09/console-grouping-open.png)

**4. Complete Guide to Responsive Images!**  👉🏼 [Link](https://medium.com/@elad/a-complete-guide-for-responsive-images-b13db359c6c7)

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

---------

### From Team XenoX 🔥

**1. Caligator-** Caligator is a simple but powerful app that lets you calculate anything and do easy unit conversions for measurements like length 📏, weight ⚖️, currency 💵, and more. Sounds like it's been done before, right? Well, there's a little twist to this. We've made Caligator powerful like an alligator. 🐊 Caligator thinks the way you do, so it can interpret what you're trying to calculate and give you the desired result as you're typing! 🤓

{% link teamxenox/introducing-caligator-a-simple-yet-powerful-open-source-calculator-convertor-5f86 %}

We know various iterations of similar software have been done before, but it was still fun to work on. It's lightweight and fast, and we'll continue to add more features to it. Check out what it can do [here](http://bit.ly/caligator).

Caligator was the first app to be made possible with the help of [XenoX Multiverse](http://bit.ly/xnxmltvrs)! It was the result of tremendous collaborative effort and I loved witnessing it. It also did really well on ProductHunt and I'm thankful to you all for that! It is now our second highest upvoted product.

![Brooklyn 99 hooray gif](https://media.giphy.com/media/l4JySAWfMaY7w88sU/giphy.gif)

I want to give a shout out to all the amazing devs who contributed to Caligator!

{% user pavanjadhaw %}

{% user bassemmohamed %}

{% user stereoraj %}

{% user sarathsantoshdamaraju %}



**Pavan even wrote about his journey developing Caligator collaboratively with the team.**

{% link teamxenox/caligator-the-software-you-all-helped-build-3kaa %}

### One More Thing

We share the best resources, articles, and other cool stuff for devs from across the internet on our Telegram channel! Join in, because the fun has just begun! 👉🏼 [Link](http://bit.ly/devtg)

![Dev Telegram channel unofficial gif](https://thepracticaldev.s3.amazonaws.com/i/76xlewq1o9vecs9l3ydg.png)

And if you want to be a part of Team XenoX and make the world a better place, one open source product at a time, just go to [XenoX Multiverse](http://bit.ly/xnxmltvrs) and start contributing! It doesn't matter how much or how little experience you have. We welcome everyone with open arms. 😄

Oh, and if you're looking for work, we're hiring at Skynox Tech! Hit me up on Twitter [@sarthology](https://twitter.com/Sarthology) or email us on info@skynox.tech 😀💯

## Thanks

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 on Twitter. Or if you have any suggestions, feel free to comment below.

Thank you for all the love and support! Stay tuned for more awesome stuff from Team XenoX🔥.

![Jake Gyllenhaal goodbye gif](https://media.giphy.com/media/kaBU6pgv0OsPHz2yxy/giphy.gif)