DEV Community

Cover image for 🀯 Ultra List: One List to Rule Them All. March, 19
Sarthak Sharma for XenoX

Posted on • Updated on

🀯 Ultra List: One List to Rule Them All. March, 19

"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.

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!

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

2. Shadow Stripes Vintage Typeface πŸ‘‰πŸΌ Link

3. Iknu Font πŸ‘‰πŸΌ Link

4. Reno Mono πŸ‘‰πŸΌ Link

5. Nordic πŸ‘‰πŸΌ Link


Icons

1. Multimedia icons by Carlotta πŸ‘‰πŸΌ Link

2. Ultimate Outdoor Icons πŸ‘‰πŸΌ Link

3. Creative Process Vector Icons πŸ‘‰πŸΌ Link


Products

1. Archive List πŸ‘‰πŸΌ Link

2. Color.review πŸ‘‰πŸΌ Link

3. CSSeffectsSnippets πŸ‘‰πŸΌ Link

4. Animatopy πŸ‘‰πŸΌ Link
🎩 Snippets for animate.css library. Why download the whole library for a few animations?


Misc.

1. Mirror Resume πŸ‘‰πŸΌ Link

2. Vibe Free Dashboard Template πŸ‘‰πŸΌ Link


Libraries πŸ—ƒ

1. Laxxx πŸ‘‰πŸΌ Link
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!

2. Iro.js πŸ‘‰πŸΌ Link
🎨 HSV color picker widget for JavaScript with a modern, SVG-based user interface

3. handtrack.js πŸ‘‰πŸΌ Link πŸ’Ž
A library for prototyping realtime hand detection (bounding box), directly in the browser


VSCode Stuff πŸ‘©πŸ»β€πŸ’»

1. Peacock Extension πŸ‘‰πŸΌ Link

2. Supernova Theme πŸ‘‰πŸΌ Link

3. Code Time Extension πŸ‘‰πŸΌ Link


Guides πŸ““

1. Web Accessibility Guide πŸ‘‰πŸΌ Link

2.CSS selectors cheatsheet πŸ‘‰πŸΌ Link

3. Six tips for better web typography πŸ‘‰πŸΌ Link

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 and Weekly popular alien articles. Check them out!


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

Top comments (26)

Collapse
 
glennmen profile image
Glenn Carremans

Great list! A couple of interesting things that I will need to look at later.

I would like to add Fira Code font, it is an awesome font for devs that I use in all my IDE's, iTerm, SourceTree, ...
github.com/tonsky/FiraCode

Collapse
 
sarthology profile image
Sarthak Sharma

Oh yeah, Fira is love πŸ’—

Collapse
 
attacomsian profile image
Atta

Great list! Few things you may want to add to future lists:

  1. Feather Icons - Beautiful open source icons
  2. Wired Dots - Free Bootstrap themes for startups
  3. Mockdown - Turn high fidelity UI images into mockups

Disclaimer: I'm the creator of Wired Dots.

Collapse
 
sarthology profile image
Sarthak Sharma

Great work with themes bro. πŸ‘πŸ»

Collapse
 
iankurbiswas profile image
Ankur Biswas

There are so many things on this list that I've never heard before. Like Handtrack.js, it's so cool. And code time extension for vs code is going to be super useful for me. Iknu and Nordic fonts looks so cool too.

Collapse
 
gavinfernandes2012 profile image
Gavin Fernandes

That supernova theme looks really nice πŸ‘Œ

I personally have been using Source Code Pro as my monospace font for the past two years, and it's pretty slick in my opinion, although I haven't tried too many other fonts. You could add it to your list if you want.

Collapse
 
sarthology profile image
Sarthak Sharma

Thanks for advice will add it in upcoming lists for sure. Feel free to reach out to me if you found any other resources as well in upcoming month. 😊

Collapse
 
enbonnet profile image
Ender Bonnet

Hello! Thanks for sharing, take some links from your list to add them to a list of tools for frontend developers, you can see it here if you are interested in some links here as well.

github.com/enBonnet/Frontend-Tools

Collapse
 
aamirmadari profile image
Aamir Madari

DesignBase

A good website a co-worker came across which is a portal to websites with free resources in the following categories: Inspirations, UI Kits, Mockups, Illustrations, Colors, Fonts. Icons and Stock Photos

Collapse
 
avatarkaleb profile image
Kaleb M

Thanks for the fonts !

Collapse
 
sarthology profile image
Sarthak Sharma

I'm glad if it could help.

Collapse
 
kensixx profile image
Ken Flake

Really awesome list! I'm really excited and looking forward for the next ones! And hopefully if I have found a gem not listed here yet.. I can contribute too!

Collapse
 
sarthology profile image
Sarthak Sharma

That would be great. Looking forward to it 😊

Collapse
 
thegeoffstevens profile image
Geoff Stevens

Thanks for featuring Code Time! Tons of other great tools from the community here too that I hadn't heard of before. Love the Peacock extension - keeps me sane.

Collapse
 
sarthology profile image
Sarthak Sharma

Thankyou for making it in the first place. 😊😊

Collapse
 
dploeger profile image
Dennis Ploeger

Great idea, thanks! I'd like suggest to use a unique tag for each post, so we can follow that tag.

Collapse
 
sarthology profile image
Sarthak Sharma

That’s a brilliant Idea. I loved it. 😍

Some comments may only be visible to logged-in visitors. Sign in to view all comments.