DEV Community

Cover image for ๐Ÿคฏ Ultra List: One List to Rule Them All. Aug, '19
Sarthak Sharma for XenoX

Posted on

๐Ÿคฏ Ultra List: One List to Rule Them All. Aug, '19

Hey hey hey, I'm back with the 6th installment of Ultra List! Last month has been so hectic, but I wouldn't miss this for anything. I know you guys love the resources. ๐Ÿ˜‰

Let me start with the regular stuff first. There's plenty to show this month. I have an open-source project we released in August that I want to show you guys as well, so stick around until the end!

Freebies ๐ŸŽ

First things first! Let's explore the free stuff. Enjoy, and don't forget to thank the makers! ๐Ÿ’

Fonts

Fonts are such an important part of design, much more so than most people seem to realize. So let me share some cool, free fonts I found in August.

1. Oliver by Freebiesbug ๐Ÿ‘‰๐Ÿผ Link

2. Blisk Rhythm by Suthi Srisopha ๐Ÿ‘‰๐Ÿผ Link

3. Mobstex by Shohail Bhuian ๐Ÿ‘‰๐Ÿผ Link

4. Camar Vintage by Pixel Buddha ๐Ÿ‘‰๐Ÿผ Link


Icons

Icons have personalities of their own, and they can often make or break your design, so it's super important to pick the right ones. Here are some awesome icon packs for you to explore!

1. Money Vector Icons Set by Pixel Buddha ๐Ÿ‘‰๐Ÿผ Link

2. Future Business Icon Pack by Photo3idea Studio
๐Ÿ‘‰๐Ÿผ Link

3. Fintech Icon Pack by Becris
๐Ÿ‘‰๐Ÿผ Link


Misc.

Here are some more great resources that I couldn't put anywhere else. The second one is my favorite; So useful!

1. Free & Open Source Gatsby Themes by LekoArts ๐Ÿ‘‰๐Ÿผ Link

2. 20 Free Generators Free Generators for Web Designers and Developers ๐Ÿ‘‰๐Ÿผ Link

3. Portuguese Geometric Patterns by Pixel Buddha ๐Ÿ‘‰๐Ÿผ Link

4. Avant UI Avant UI is a development toolkit based on Bootstrap Framework. ๐Ÿ‘‰๐Ÿผ Link

5. Lazy Kit A new design system for developing with less effort. ๐Ÿ‘‰๐Ÿผ Link


VS Code Stuff ๐Ÿ‘ฉ๐Ÿปโ€๐Ÿ’ป

Yep, can't skip this section. My love for VS Code knows no bounds. Here's some cool stuff you can do with VS Code!

1. Color Manager Color picker and color palette ๐Ÿ‘‰๐Ÿผ Link

2. CSS to MDN ๐Ÿ‘‰๐Ÿผ Link

3. Blueberry Banana ๐Ÿ‘‰๐Ÿผ Link


Products

Here are some standalone products I recently discovered that I found really cool.

1. Verby Free text to speech converter. ๐Ÿ‘‰๐Ÿผ Link

2. ISOMETRIC Free isometric illustrations for designers,
startups and companies. ๐Ÿ‘‰๐Ÿผ Link

3. PostWoman API request builder ๐Ÿ‘‰๐Ÿผ Link
This launched recently and got a lot of attention on ProductHunt as well!

4. Color Palette Generator Create Beautiful Color Schemes that work.
๐Ÿ‘‰๐Ÿผ Link


Libraries ๐Ÿ—ƒ

Now here's something to add a little magic to your projects! โœจ

1. extra.css A CSS Houdini library for making your site a little more #extra. ๐Ÿ‘‰๐Ÿผ Link

2. Lottie Lottie is a library for Android, iOS, Web, and Windows that parses Adobe After Effects animations exported as json with Bodymovin and renders them natively on mobile and on the web! ๐Ÿ‘‰๐Ÿผ Link

3. Marked A markdown parser and compiler. Built for speed. ๐Ÿ‘‰๐Ÿผ Link


Guides/Cheatsheets ๐Ÿ““

Finally, here are some guides and cheatsheets to make your life easy.

1. Writing a Simple MVC App in Plain JavaScript ๐Ÿ‘‰๐Ÿผ Link

2. Scope in JavaScript

3. Regex For Noobs ๐Ÿ‘‰๐Ÿผ Link

From Team XenoX ๐Ÿ”ฅ

1. Brogrammer We released Brogrammer recently. Long working hours make it hard to beat a sedentary lifestyle and stay fit. I can empathize with people who do a lot of sedentary work and have very little time in their daily schedules to exercise. I've been there myself, and it's very easy to spiral down into very unhealthy patterns ๐Ÿ™‡๐Ÿปโ€โ™‚๏ธ.

Brogrammer is meant to help you break these patterns and squeeze mini workouts into your busy routines. ๐Ÿƒโ€โ™‚๏ธ It's as easy as clicking a button, and the web-app will keep sending you alerts ๐Ÿ“ข every once in a while to perform a random exercise for x duration or y number of repetitions. If you want more control, just create your own challenge and set parameters like type of exercises, level of difficulty, frequency of alerts, and more. And the best part? This is open source ๐Ÿฅณ๐ŸŽ‰๐ŸŽ‰ , just like all of the other stuff Team Xenox ๐Ÿ”ฅ has released so far this year.

So if you have any cool feature ideas in mind, don't wait for anyone else to add them. Just build them yourself! ๐Ÿ› 

You can check out the web-app here. ๐Ÿ‘‰๐Ÿผ Link

Note: I want to state this very explicitly that this is no substitute for a healthy work-life balance and a routine that doesn't drive you crazy. Eat well, maintain good sleeping habits, and exercise regularly. And use this app for those days when you can't manage to go to the gym.

But we didn't forget about the feedback!

When the product went live, we also published a short post about it here on DEV.

We received a lot of feedback about how the product came across. Many of you told us that while the idea was neat, the imagery and name made it look exclusive to men, which wasn't our intention at all. We would like to rectify that. And so, we've decided to change its name to BrogrammHer. How do you guys feel about this? You can let me know in the comments.

You can also vote on this in our Telegram channel! Come join us for awesome dev content delivered straight to you daily! ๐Ÿ‘‰๐Ÿผ Link

Telegram Channel

One More Thing!

Have you guys checked out the XenoX Multiverse yet?
If you like our work, join our team and unleash the power of open-source development with us. ๐Ÿ’ช It doesn't matter whether you're a beginner or a veteran, everyone is welcome. Check out how to join below!

GitHub logo teamxenox / XenoXMultiverse

๐Ÿ”ฅ๐Ÿš€ XenoX Assemble !!

XenoX Multiverse

We're making things official with the beginning of XenoX Multiverse. Team XenoX started as my dream, just a small team of devs working on open-source projects for the fun of it. But over the months, it has grown bigger and stronger. So with this, I want to formally announce the Team XenoX open source initiative. This is where the master list of all the projects and all the devs collaborating on XenoX will live.

If you want to be an Open Source Hero too, just write your name and you're in and start contributing!

How to join the Team? ๐Ÿ’ช๐Ÿผ

  1. Fork the repo.
  2. Add your name to this file.
  3. Submit a pull request.

That's it. You're all set. Someone from the team will contact you and formally welcome you to the team. Cheers!

The Team

Thanks

Okay, that's it for this time, guys. Hope you enjoyed this. 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.

Top comments (17)

Collapse
 
dzhavat profile image
Dzhavat Ushev

Nice list! I'm the creator of the CSS to MDN extension. Thanks for including it! ๐Ÿ™

I released another one just a few days ago. It allows you to open a flexbox cheatsheet inside VS Code. It'd be great if you can share it in your September list ๐Ÿ˜‹

Collapse
 
thbp profile image
The Half Blood Prince

Link for Money Vector Icon Set seems to point to Oliver font.

Collapse
 
som3aware profile image
Ahmed Abu Qahf

Great List. Thanks!

Collapse
 
sarthology profile image
Sarthak Sharma

๐Ÿ˜Š๐Ÿ˜Š

Collapse
 
jwkicklighter profile image
Jordan Kicklighter

Totally off-topic: how did you make the table of contents portion? I've looked around and can't figure out the markdown syntax ๐Ÿ˜…

Collapse
 
daydreamjesse profile image
Jesse Robertson

Here's a link to the DEV editor guide, it has all the syntax you need for anything you want to do when writing a post: dev.to/p/editor_guide

Collapse
 
jwkicklighter profile image
Jordan Kicklighter

Hmm I've actually read that and didn't find anything that looks like the table that you have at the start of this post... Maybe I'm missing something?

Thread Thread
 
daydreamjesse profile image
Jesse Robertson

Oh wait yeah now that I'm looking at it again it's because it's a series. When you make a post, you have the ability to add it to a series of posts, all of which will have that table at the beginning of it

Thread Thread
 
jwkicklighter profile image
Jordan Kicklighter

Woah, I've never noticed that! Thanks :)

Collapse
 
mornir profile image
Jรฉrรดme Pott

Love it! Thanks!

(link from "Writing a Simple MVC App in Plain JavaScript" is pointing to the wrong page, I think it should link to taniarascia.com/javascript-mvc-tod...)

Collapse
 
sarthology profile image
Sarthak Sharma

Thanks for pointing out man

Collapse
 
remibruguier profile image
Rรฉmi BRUGUIER

Great List, I actually bookmarked a bunch of these.
I also installed that Blueberry Banana theme, it's neat. I'll give it a try for a few days.

Collapse
 
sarthology profile image
Sarthak Sharma

That great ๐Ÿ˜Š

Collapse
 
joelvarty profile image
Joel Varty

Fantastic list! ๐Ÿ‘

Collapse
 
sarthology profile image
Sarthak Sharma

Thanks Joel.

Collapse
 
liyasthomas profile image
Liyas Thomas

I'm happy that Postwoman made it to the Ultra List ๐Ÿ”ฅโœจ

Collapse
 
sarthology profile image
Sarthak Sharma

We are happy that you made this in the first place. ๐Ÿ˜Š๐Ÿ˜Šโค๏ธ