🤯 Ultra List: One List to Rule Them All. May, '19
Tags: productivity, webdev, freebies, showdev
Published: 2019-05-31 13:38:42

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

Are you, too, disappointed beyond belief after witnessing the Game of Thrones finale? Are you desolated by how they butchered our favorite characters in season 8? Well, I don't know about you, but it sure did leave a sour taste in my mouth.

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

After that extremely disappointing finale, we all need a pick-me-up. That's why I'm back with the **Ultra List May Edition**! It's got fearsome dragons and shining knights and epic wars and- Okay, it's got none of that. But it's got some awesome resources for all my developer friends!

So without wasting any more time, let's hit the road like a badass.

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

### Freebies 🎁

Let's start with the free stuff 'cause I know one can never have enough freebies! 😆 Us devs are always hungry for free fonts, icon packs and the likes. This month I've found some of the most brilliant goodies for you all. So enjoy, and don't forget to thank the makers! They put a lot of work into these things, so the least we can do is recognize their effort. 💖

#### *Fonts*

Here are some great fonts that you can use in a variety of situations, be it for your side project or a commercial app for a restaurant.

**1. Loki** by Ieva Mezule 👉🏼 [Link](https://wildpicks.design/product/loki-free-sans-serif-script-font/)

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

**2. Imperfect** by Karina Ķelle 👉🏼 [Link](https://wildpicks.design/product/imperfect-free-font/)

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

**3. Salt** by Masha 👉🏼 [Link](https://www.behance.net/gallery/80296873/Salt-a-free-font-by-Masha-Chuprova)

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


**4. Roadsouth by Makashi** 👉🏼 [Link](https://www.dafont.com/roadsouth.font)

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

**5. Raphtalia by Nurf Design** 👉🏼 [Link](https://www.behance.net/gallery/80167689/FREE-Raphtalia-Stylish-Script-Font)

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

#### *Icons*

Here are two icon packs that are a bit different from what you might usually see. I love the monochrome aesthetic.

**1. Flight Icon (Animated Icons)** 👉🏼 [Link](https://www.flighticon.co)

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

**2. Font kiko** 👉🏼 [Link](https://fontkiko.com)

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


-----------

#### *Products*

Handpicked selection of my favorite products discovered this month.

**1. Fontanello** a browser extension for Google Chrome and Firefox that lets you display the basic typographic styles of a text by right-clicking it.
 👉🏼 [Link](https://fontanello.oktavilla.se)

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

**2. CSS Scan 2.0** The fastest and easiest way to inspect and copy CSS
 👉🏼 [Link](https://getcssscan.com/)

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

**3. TIL (Today I learned)** Manuel Matuzovic shares useful CSS facts.
 👉🏼 [Link](https://www.matuzo.at/til/)

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

**4. Gitfolio** Personal website + blog for every github user
 👉🏼 [Link](https://github.com/imfunniee/gitfolio)

![](https://camo.githubusercontent.com/26b629015c11856d553f1014acd4aacaa08c48b0/68747470733a2f2f692e696d6775722e636f6d2f654136636c5a722e706e67)

**5. Undesign** Collection of free design tools and resources for makers, developers and designers
 👉🏼 [Link](https://undesign.learn.uno)

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

**6. DeleteFB** A Selenium script to delete your Facebook content.
 👉🏼 [Link](https://github.com/weskerfoot/DeleteFB)



------------
#### *Misc.*

**1. 8 CSS Scroll Effects** 👉🏼 [Link](https://freefrontend.com/css-scroll-effects/)

![](https://thepracticaldev.s3.amazonaws.com/i/42h6nf8hedl087970tjc.jpg)

**2. Dark Material Theme** 👉🏼 [Link](https://material.io/design/color/dark-theme.html)

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

**3. SB Admin 2** 👉🏼 [Link](https://startbootstrap.com/themes/sb-admin-2/)

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

**4. Crumpled Paper Textures Set** 👉🏼 [Link](https://pixelbuddha.net/freebie/crumpled-paper-textures-free-download)

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

**5. MI FASHION Template** 👉🏼 [Link](https://www.massimpressions.com/mi-fashion-free-download)

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

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

Here are some libraries that let you do a bunch of cool stuff.

**1. Pts 0.8 Sound**  Pts simplifies a subset of Web Audio API to help you with common tasks like playbacks and visualizations. 👉🏼 [Link](https://ptsjs.org/guide/sound-0800)

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

**2. Medium Zoom**  A JavaScript library for zooming images like Medium  👉🏼 [Link](https://github.com/francoischalifour/medium-zoom)

![](https://user-images.githubusercontent.com/6137112/43369906-7623239a-9376-11e8-978b-6e089be499fb.gif)

**3. Mail Go**  A different mailto 👉🏼 [Link](https://mailgo.js.org)

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

**4. Tornis**   Tornis is a minimal JavaScript library that watches the state of your browser's viewport 👉🏼 [Link](https://tornis.robbowen.digital)

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


-----------

### VS Code Stuff 👩🏻‍💻

Can't forget about my beloved VS Code. Ah, how empty my life would be without it! This time, besides some gorgeous themes, I also have an article for you guys. Get the most out of your coding experience!

**1. Tips to use VSCode more efficiently** 👉🏼 [Link]
(https://dev.to/selrond/tips-to-use-vscode-more-efficiently-3h6p)

![](https://res.cloudinary.com/practicaldev/image/fetch/s--MkzARmBF--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://thepracticaldev.s3.amazonaws.com/i/s0uxudg38xzlz35n7uti.png)

**2. Theme 1984** 👉🏼 [Link](https://marketplace.visualstudio.com/items?itemName=juanmnl.vscode-theme-1984)

![](https://raw.githubusercontent.com/juanmnl/vs-1984/master/screenshots/1984.png)

**3. Fabulous** 👉🏼 [Link](https://marketplace.visualstudio.com/items?itemName=Raathigeshan.fabulous)

![](https://affectionate-booth-10a1f4.netlify.com/banner.png)

**4. Because Theme** 👉🏼 [Link](https://marketplace.visualstudio.com/items?itemName=selfrefactor.Because)

![](https://github.com/selfrefactor/niketa-themes/blob/master/packages/because/screens/because.never.png?raw=true)

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

**1. Digging Into The Display Property**  👉🏼 [Link](https://www.smashingmagazine.com/2019/05/display-box-generation/)

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

**2. Responsible JavaScript**  👉🏼 [Link](https://alistapart.com/article/responsible-javascript-part-1/)

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

**3. Animation Handbook**  👉🏼 [Link](https://www.designbetter.co/animation-handbook)

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

-----------
### Music to Rock Out To 🎧

Aaaaaand we've reached my favorite section. Music has always been close to my heart, and good music greatly boosts my productivity. So let me share some music with you that will raise your spirits on your down days.

{% youtube dkU1TwV1hws%}

### From Team XenoX 🔥

**1. Dev10 Darkmode**  We just launched Dev10 with dark-mode. This has been in the works for quite a few months (ever since we first released, in fact) but we just never got around to publishing it. Well, it's finally here, and we might even add more features soon. Let us know what new features you'd like to see as well! Check it out [here](https://github.com/sarthology/Dev10).

We also just released it on [ProductHunt](https://www.producthunt.com/posts/dev10).

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

**2. Telegram Channel** Get best articles and resources on DEV directly in your Telegram. We recently started this channel so come join the party!
👉🏼 [Link](https://t.me/bestofdev)

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

If you like our work, join our team and change the world with us, bit by bit every day. Let's unleash the power of open-source development. 💪 Team XenoX always has open doors for developers who want to do good. If you have some awesome open-source project ideas of your own that you'd like to collaborate on, let me know in the comments below.


## Thanks

That's all for this time, folks. 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 on Twitter. Or if you have any suggestions, feel free to comment below.

Later, fellas!

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