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

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

sarthology profile image Sarthak Sharma ・Updated on ・4 min read

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

Discussion

pic
Editor guide
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 Author

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 Author

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

Collapse
i_ankurbiswas 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 Author

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
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 Author

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

Collapse
avatarkaleb profile image
Kaleb M

Thanks for the fonts !

Collapse
sarthology profile image
Sarthak Sharma Author

I'm glad if it could help.

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 Author

Thankyou for making it in the first place. 😊😊

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
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 Author

That would be great. Looking forward to it 😊

Collapse
michaelandreuzza profile image
michael-andreuzza

Amazing list, will defo use.

Can I add my website?

Colorsandfonts.com

Colors and Fonts is a extremely curated collection of color gradients, color palettes , and font pairing inspiration.

Ready to copy paste in 1 click, and is 100% responsive !

Collapse
michaelandreuzza profile image
michael-andreuzza

Amazing list, will defo use.

Can I add my website?

Colorsandfonts.com

Colors and Fonts is a extremely curated collection of color gradients, color palettes , and font pairing inspiration.

Ready to copy paste in 1 click, and is 100% responsive !

Collapse
abbhishek971 profile image
abbhishek971

The title should've been The Lord of the Lists - One List to rule them All ...

Fact Plug: it's been more than 20 years since the first LOTR movie released.

Collapse
sarthology profile image
Sarthak Sharma Author

Hahaha πŸ˜…

Collapse
thomasbnt profile image
Thomas Bnt

Biiig thanks for this ressources!

Collapse
sarthology profile image
Collapse
redoxeon profile image
Mike Harding

I recently came across this theme that I really like: dankneon.com/

Collapse
sarthology profile image
Sarthak Sharma Author

Damn this is so cool bro. 😱

Collapse
sdmg15 profile image
Sonkeng Maldini

Great list thanks,
Can we also add this to the list ? Undraw

Collapse
moopet profile image
Ben Sinclair

we all love list-based articles [...] It's just unavoidable.

I beg to differ! I try to avoid any article with a number in the title. They're almost all awful. Just because they're a hugely popular style doesn't mean they're any good. They're basically a subset of clickbait these days.

Next up... I might write "10 listicle articles that are actually useful"...

Collapse
mohini9340 profile image
Mohini

awesome list! Especially Code Time Extension. Going to add it now. :D