🤯 Ultra List: One List to Rule Them All. March, 19
Tags: productivity, webdev, freebies, showdev
Published: 2019-03-26 16:42:50

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

*"Did you know the average developer spends one-fifth of his life reading listicles?"*

Surprised? I was too, when I made up this fact just now. 😂  But I'm sure the actual figure is somewhere in the ballpark. The point is, we all love list-based articles. And since we devs basically live on the interwebs, I'm sure all of us cross paths with at least one listicle everyday. It's just **unavoidable**.

But of course, we can't read every listicle we see, no matter how tempting it looks. No matter how juicy the title or how inviting the contents, there just isn't enough time! Oh, there's never enough time, my friends.

Let me just stop right there before you guys start accusing me of over-romanticizing the listicle.

![](https://media.giphy.com/media/4KFagl0WX6Diu3Snwj/giphy.gif)

So why am I writing this? Well, it's simple. This is a new series my team and I are starting on DEV.to in which we will be showcasing, at the end of every month, a huge list of resources that we find on the web. It's going to be a list of lists... an **ULTRA LIST**, if you will. 😎

All the awesome goodies that came out this month and are worth checking will be on this list. And the best part? The list doesn't have to end here. I want all of you to add in the comments the best resources you came across this month. 

So prepare yourself!

![](https://media.giphy.com/media/YzBqr32BShiqQ/giphy.gif)


### Freebies 🎁

Free dev stuff to enjoy and share. Don't forget to thank the makers! Trust me, it makes their day.

#### *Fonts*

**1. Produk** by Matthew 👉🏼 [Link](https://www.behance.net/gallery/76828603/Produk-Typeface)

![](https://i.imgur.com/Ok2rgAN.png)

**2. Shadow Stripes Vintage Typeface** 👉🏼 [Link](https://pixelbuddha.net/freebie/shadow-stripes-vintage-typeface/)

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

**3. Iknu Font** 👉🏼 [Link](https://www.1001fonts.com/iknu-font.html/)

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

**4. Reno Mono** 👉🏼 [Link] (https://pixelbuddha.net/freebie/reno-mono-typeface/)

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

**5. Nordic** 👉🏼 [Link] (https://www.behance.net/gallery/22172647/Nordic-(Free-Font)/)

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

-----------

#### *Icons*
**1. Multimedia icons** by Carlotta 👉🏼 [Link](https://www.xicons.co/post/182760639270/60-multimedia-icons-download-custom-icons)

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

**2. Ultimate Outdoor Icons** 👉🏼 [Link](http://spovv.com/be-a-tourist/)

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

**3. Creative Process Vector Icons** 👉🏼 [Link](https://pixelbuddha.net/freebie/creative-process-vector-icons)

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

-----------

#### *Products*
**1. Archive List** 👉🏼 [Link](https://github.com/pirate/ArchiveBox)

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

**2. Color.review** 👉🏼 [Link](https://color.review)

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

**3. CSSeffectsSnippets** 👉🏼 [Link](https://emilkowalski.github.io/css-effects-snippets/)

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

**4. Animatopy** 👉🏼 [Link](https://sarthology.github.io/Animatopy/)
🎩 Snippets for animate.css library. Why download the whole library for a few animations?
![](https://camo.githubusercontent.com/58ce517307dcada5a719efa94658ddfc26d51dca/68747470733a2f2f6d656469612e67697068792e636f6d2f6d656469612f66517542396b334f6c4a636c3472577345692f67697068792e676966)

-----------
#### *Misc.*
**1. Mirror Resume** 👉🏼 [Link](http://spovv.com/mirror-resume/)

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

**2. Vibe Free Dashboard Template** 👉🏼 [Link](https://vibe.nicedash.com/home)

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

-----------
### Libraries 🗃

**1. Laxxx** 👉🏼 [Link](https://github.com/alexfoxy/laxxx)
Simple & light weight (3kb minified & zipped) vanilla javascript plugin to create smooth & beautiful animations when you scrolllll! Harness the power of the most intuitive interaction and make your websites come alive!

![](https://camo.githubusercontent.com/d1b8dae5700bfe2f561034a43718d352be6129c6/68747470733a2f2f692e696d6775722e636f6d2f4747514675635a2e676966)

**2. Iro.js** 👉🏼 [Link](https://github.com/jaames/iro.js)
🎨 HSV color picker widget for JavaScript with a modern, SVG-based user interface

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

**3. handtrack.js** 👉🏼 [Link](https://github.com/victordibia/handtrack.js) 💎
A library for prototyping realtime hand detection (bounding box), directly in the browser

![](https://github.com/victordibia/handtrack.js/raw/master/demo/images/bossflip.gif)

-----------
### VSCode Stuff 👩🏻‍💻

**1. Peacock** Extension 👉🏼 [Link](https://marketplace.visualstudio.com/items?itemName=johnpapa.vscode-peacock)

![](https://github.com/johnpapa/vscode-peacock/raw/master/resources/peacock-windows.png)

**2. Supernova** Theme 👉🏼 [Link](https://marketplace.visualstudio.com/items?itemName=MikeBell.supernova-color-theme)

![](https://raw.githubusercontent.com/mikeybell/supernova-color-theme/master/previews/supernova_react.png)

**3. Code Time** Extension 👉🏼 [Link](https://marketplace.visualstudio.com/items?itemName=softwaredotcom.swdc-vscode&ssr=true)

![](https://s3-us-west-1.amazonaws.com/swdc-static-assets/vs-code-dashboard.gif)

-----------
### Guides 📓
**1. Web Accessibility Guide** 👉🏼 [Link](https://webaccessibility.guide)

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

**2.CSS selectors cheatsheet** 👉🏼 [Link](https://codepen.io/nana8/full/aXQgoj)

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

**3. Six tips for better web typography** 👉🏼 [Link] (https://css-tricks.com/six-tips-for-better-web-typography/)

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

### Conclusion 

If you stumbled across any gems yourself, feel free to share them in the comments section below and help others too. I'm sure there must be *soooooo* much more awesome content that we missed! Show it to the community! And try to follow the same formatting used in this post to keep things well-organized.

We're gonna release this **Ultra List** every month, so make sure you follow our 🔥 Team XenoX page as well. We post some other cool series there too, like *[Weekly underrated articles on DEV](https://dev.to/manpreet)* and *[Weekly popular alien articles](https://dev.to/vaibhav)*. Check them out!

{% link https://dev.to/teamxenox/underrated-articles-on-devto-last-week-o2l %}

{% link https://dev.to/teamxenox/5-alien-articles-of-the-week-worth-reading--2aom %}

---

That's it for now. I gotta go. Hope you enjoyed this. Ciao!

![](https://media.giphy.com/media/AmDzMmCJZABsk/giphy.gif)