Prettier Plugins, Mockup Tool, and Design Insights
Keeping code clean and tidy is important to us, as developers. That's why we love using Prettier to keep everything in check. Here are three handy Prettier plugins you might find useful for your next project.
prettier-plugin-css-orderprettier-plugin-tailwindcssprettier-plugin-sort-imports
Many people create excellent products, such as websites or mobile applications. However, they often struggle when it comes to presenting screenshots of their work to the public or on app stores. For this purpose, there's a free tool that can help create attractive mockups from these screenshots. It's called shots.so. I have used this tool for the project section of my portfolio website.
I'm really impressed with the micro-interactions that Nitish Khagwal creates. You should check out his Twitter account.
Blue, with its warm vibes of trust and loyalty, is a crowd favorite when it comes to designing websites! It's a common sight in corporate and organization logos. But, hey, knowing your shades of blue is key to prevent your design from looking a bit off or, heaven forbid, unprofessional in your design system. Khushika Pahwa does a great job explaining this in a snappy little Instagram reel. Check it out!
Just like colour adds a dash of charm to your design, spacing plays a key role too! Curious about how you can master the art of perfect spacing between elements on your websites? Well, this YouTube video will help you in that.
That's a wrap for this week. Let's catch up again next week.
