Madza

@madzadev

1114 Points 37 Followers

317 Posts

0 Answers

Discussions. ๐Ÿ’ฌ Tools. ๐Ÿ›  Resources. ๐Ÿ“š All things productivity. ๐ŸŽฏ๐Ÿš€๐Ÿ’ฏ

Madza ยท 1 day ago

16 Libraries You Should Know as a React Developer ๐Ÿ’ฏ๐Ÿ”ฅ

Being a modern React developer is not about knowing just React itself. To stay competitive, it is highly recommended to explore the whole ecosystem. In this article I've compiled some of the...

Madza ยท 2 weeks ago

16 GitHub Learning Repositories for Beginner Developers ๐Ÿ’–๐Ÿ‘

I often get contacted by beginner developers asking what would be the best resources for learning and do they need a degree or apply for bootcamps to get the job. In this article, I decided...

Madza ยท 2 weeks ago

19 Practical ES6 Snippets to Solve Common JS Problems ๐Ÿš€๐Ÿ’ฏ

In our developer workflow, we often encounter challenging problems that might require just a few lines of code to be solved. In this article, I attempted to compile useful snippets that may...
1

Madza ยท 3 weeks ago

23 Awesome DEV Portfolios for Your Inspiration ๐ŸŽจ๐Ÿ˜

A couple of years ago I compiled a list of some of my favorite developer portfolios. Since then I have bookmarked another set, so I thought it was the right time to create a sequel showcasin...
3

Madza ยท 3 weeks ago

12 Modern UI Components to Inspire Your Future Designs ๐Ÿ˜โœจ

Component-based architecture is now used in the vast majority of sites, resulting in faster development, greater control, and lower maintenance costs. In this article, I have compiled some o...
3

Madza ยท 4 weeks ago

16 Essential Developer Tools to 10X Your Productivity ๐Ÿš€โœจ

Nowadays, in a fast-paced environment with strict deadlines, developing an effective workflow is critical. Productivity has become one of the most important metrics to improve in order to co...
3

Madza ยท 1 month ago

12 Powerful Design Tools for Front-end Developers โœจ๐Ÿ’ฏ

An eye-catching design is an effective way to keep the visitors' attention. I've compiled some of the most useful tools that will help you to improve your design workflow. With this collecti...
1

Madza ยท 1 month ago

18 Useful GitHub Repositories Every Developer Should Bookmark ๐Ÿ‘๐Ÿ’ฏ

I often get asked what resources and tips I would recommend for web developers. I decided to curate a list of some of the most useful GitHub repositories I have come across. The main criteri...
3

Madza ยท 1 month ago

14 Killer Web Applications to Boost Your Productivity ๐Ÿš€๐Ÿ’ฏ

In this article, I've compiled some of the most useful web apps that you can use to increase your productivity. These include anything you might need from prioritizing, automating, and plann...
5

Madza ยท 1 month ago

9+ Beautiful Toggle Designs for Your Component States ๐Ÿ˜โœจ

A toggle switch is a component used to control two mutually exclusive states (for example, ON and OFF). Toggles can be used to switch between dark and light modes in your app, enable or disa...

Madza ยท 2 months ago

14 Coolest CSS and JS Animations to Enhance Your Web Designs ๐Ÿ˜โœจ

The ultimate goal of modern web design is to capture users' attention. There are various techniques to improve your website's appeal. One of the most appealing methods is adding some cool-lo...

Madza ยท 2 months ago

7 Next-Level CSS Codepens to Inspire Your Future Creations ๐Ÿ˜โœจ

In this article, I have compiled some of my favorite CSS artworks, that prove the power of CSS and show what you can achieve with it if you use it right. For each CSS artwork, I will provide...
1

Madza ยท 2 months ago

I built 3 Hackathon projects in 3 months, and won 1500$ in Prizes ๐Ÿฅณ๐ŸŽ‰

In the first half of 2022 from mid-February to mid-May, I had some spare time on my hands, so I decided to try out a new venture - hackathons. My entries got nominated as runner-ups, so I de...
2

Madza ยท 4 months ago

19 GitHub Repositories to Become a React Master โš›๏ธ๐Ÿง™

React is among the most popular choices to build interactive UIs. Learning and mastering it can be challenging if you are not aware of the resources that are available to you. In this articl...
4

Madza ยท 4 months ago

16 Useful Background Generators for Your Website Designs ๐ŸŽจ๐Ÿ˜

Have you ever struggled to create engaging visuals for products, branding, and interfaces? The designs you see on UI curation websites often require pro-design skills or many hours of practi...
9

Madza ยท 4 months ago

8 Marvelous UI Components for Your Design Inspiration ๐ŸŽจ๐Ÿ˜

Modern web development is component-based. Coming up with an eye-catching design might be challenging, especially if you are a less experienced web developer. In this article, I have compile...

Madza ยท 4 months ago

How I Built a Music Player to Showcase my own Tracks ๐ŸŽต๐Ÿ˜

A while ago I built my portfolio and I wrote a custom audio player to showcase my tracks. Since then quite a few people have been interested in its technical implementation. I've always repl...
1

Madza ยท 4 months ago

Introducing KanBoard - Your Personal Project Management Tool ๐Ÿš€โœจ

Whether it is web development, writing articles, or achieving personal goals, proper planning has always been crucial. That allows us to split the main task into smaller bits, track progress...
1

Madza ยท 5 months ago

12 Awesome Shape Generators for Your Web Projects ๐Ÿ˜๐Ÿš€

Creating advanced shapes from scratch requires some advanced CSS and SVG knowledge and you might still end up adjusting values afterward. I would recommend using some GUI tools, that offer y...
3

Madza ยท 5 months ago

18 GitHub Repositories to Become a CSS Master ๐ŸŽจ๐Ÿง™โ€โ™‚๏ธ

A while ago I wrote an article about the repositories you need to master JavaScript. It got some great feedback, so I decided to make a sequel about CSS as well. I have further sorted all th...

Madza ยท 5 months ago

6 Useful Checklists Every Developer Should Know ๐Ÿ“ƒ๐Ÿ’ฏ

The product lifecycle often holds us accountable for so many things. Even if you think you are aware of everything, it is always a great practice to double-check, just to be sure. In this ar...
4

Madza ยท 5 months ago

8 Creative Text Animations for Your Website's Hero Area ๐Ÿ˜๐ŸŽ‰

Modern web development is about grabbing the visitors' attention. There are several ways of making your website more eye-catching and engaging. One of the most appealing methods is adding an...

Madza ยท 5 months ago

Introducing VoiceCue - Find sentiments, tags, entities, actions like a DJ ๐Ÿง™โœจ

Overview of My Submission Many of us have come across the tidy task of voice recording analysis, where you had to listen to the whole audio to identify the most essential parts. Manual proc...

Madza ยท 6 months ago

8 Addictive Games Built Only with HTML, CSS, and JS ๐ŸŽฎโœจ

Games are among the coolest projects you can create because they are fun and can be addictive for the end-users. In this article I have compiled some of my favorites, so you can get some ins...
5

Madza ยท 6 months ago

7 Online Radios to Listen to While Coding ๐ŸŽต๐Ÿ’–

A while ago I did a discussion, asking whether developers prefer to code while listening to music or not. I was surprised about how many positive answers I got. Therefore in this article, I...
4

Madza ยท 6 months ago

13 Beautiful Gradient Tools Every Web Designer Should Know ๐Ÿ’ฏ๐Ÿ‘

The use of gradients is common in modern web design. We see them everywhere from hero backgrounds to illustrations, text colors, borders, hover animations, and many more. Creating them direc...
1

Madza ยท 6 months ago

12 Creative Animations to Make Your Projects Stand Out โœจ๐Ÿ’ฏ

Creative animations are always attractive and can leave a professional impression. In this article, I have compiled some of my favorites to provide you with inspiration for your future proje...

Madza ยท 6 months ago

14 React Component Libraries to Increase Your Productivity ๐ŸŽจ๐Ÿš€

If you have created several web apps, the chances are you have been created the same components over and over again. Components like buttons, navigations, sliders, modals, tooltips, alerts,...
1

Madza ยท 6 months ago

12 Gorgeous UI Components for Your Design Inspiration ๐ŸŽจโœจ

Modern web development has shifted to component-based architecture, resulting in faster development, more control and lower maintenance costs. In this article I handpicked some of my favorit...
1

Madza ยท 6 months ago

7 CSS Shadow Generators to Add Depth to Your Designs ๐ŸŽจ๐Ÿ˜

Ever wondered why your designs miss some depth? Adding modern-looking shadows can often improve that, especially for separate components like buttons and cards. Creating shadows directly in...

Loading More Content