The latest articles on DEV Community by Arjun Ladha (@parad1se). https://dev.to/parad1se https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F808420%2Fc12135e4-acca-4e97-b314-4cf55f6c7a49.jpg https://dev.to/parad1se en Arjun Ladha Thu, 03 Feb 2022 05:27:00 +0000 https://dev.to/parad1se/8-useful-tools-to-increase-productivity-and-make-your-life-easy-5efd https://dev.to/parad1se/8-useful-tools-to-increase-productivity-and-make-your-life-easy-5efd <p>Being a developer is not easy. But certain tools can aid us in our day-to-day developer lives!<br> In this article, I will share with you 8 handy tools to increase ease and productivity.</p> <h2> 1. Carbon.now.sh </h2> <p><a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fdxmijxm3ydm276hph1o9.png" class="article-body-image-wrapper"><img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fdxmijxm3ydm276hph1o9.png" alt="Carbon Image" width="800" height="924"></a></p> <p>Share your code in a much beautiful and unique way, using Carbon. Customize the image by selecting a theme of your choice, or by even creating one! It can be used for <strong>many</strong> programming languages, so you won't have to worry about a limited range.</p> <h2> 2. Neumorphism.io </h2> <p><a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fi4uxdmo9jvcpb4bvwh8u.png" class="article-body-image-wrapper"><img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fi4uxdmo9jvcpb4bvwh8u.png" alt="neumorphism image" width="800" height="479"></a></p> <p>Ever wanted to make a soft-looking UI for your website? Well then, let me introduce you to Neumorphism! With a simple (and neumorphistic) UI, you can create the shape of your choice and generate CSS code that you can use! And the best part, it's free! (everything on this list is!)</p> <h2> 3. Gradient Backgrounds 🌈 </h2> <p><a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fsbn2v1szhw8t9j60jntc.png" class="article-body-image-wrapper"><img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fsbn2v1szhw8t9j60jntc.png" alt="Gradient Backgrounds Image" width="800" height="385"></a></p> <p>Create cool-looking gradient backgrounds for your website! You can choose from the readymade gradients or make your custom gradient. Make sure to check other tools made by Grabient too!</p> <h2> 4. Poet.so ✍️ </h2> <p><a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fi31ox7pwqf6wzzb0wga1.png" class="article-body-image-wrapper"><img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fi31ox7pwqf6wzzb0wga1.png" alt="poet.so image" width="800" height="442"></a></p> <p>Ever wanted to create ✨<strong>beautiful</strong>✨ screenshots or images of your Twitter or LinkedIn posts? Then this is the tool for you! Use poet.so by copy-pasting your post's link in a box, it will generate the image for you!</p> <h2> 5. BrowserFrame.com </h2> <p><a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fyqwyk1ozbvp9um10msy8.png" class="article-body-image-wrapper"><img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fyqwyk1ozbvp9um10msy8.png" alt="browserframe.com image" width="800" height="470"></a></p> <p>As the name suggests, you can frame an image into making it look as if it's from a browser! It doesn't necessarily have to be a browser though, it can look like a normal app too. It's really useful to make an aesthetic look out of your screenshots!</p> <h2> 6. readme.so </h2> <p><a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F88uzyx1bo0c12w4lrciq.png" class="article-body-image-wrapper"><img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F88uzyx1bo0c12w4lrciq.png" alt="readme.so image" width="800" height="378"></a></p> <p>Make README files in a much more efficient way. While you write the file on one side, the output appears on the right side! This helps us easily get what we want.</p> <h2> 7. cssbuttons.io </h2> <p><a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fie89l0hceyn90mjhdohi.png" class="article-body-image-wrapper"><img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fie89l0hceyn90mjhdohi.png" alt="cssbuttons.io image" width="800" height="434"></a></p> <p>Not sure how you want to make your website's buttons? Don't know how to make a good-looking button? Then cssbuttons.io is the tool for you! Professional or not, it can help you make the button you dream of. I have used this many times to make the buttons I need!</p> <h2> 8. Coolors.co </h2> <p><a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fsljlx87rv3dtqtc6pazm.png" class="article-body-image-wrapper"><img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fsljlx87rv3dtqtc6pazm.png" alt="coolors.co image" width="800" height="313"></a></p> <p>Unable to make good color palettes for your website? Then worry no more, coolors.co can help you with your issue! With thousands of ready-made palettes (with hex codes!), you can choose the one that you like most or make your own! You could also save palettes if you wanted to!</p> <h2> 9. Buttons Generator </h2> <p><a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fowdr8tavfxmnypruv0ka.png" class="article-body-image-wrapper"><img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fowdr8tavfxmnypruv0ka.png" alt="image.png" width="800" height="568"></a></p> <p>This website has ready-made CSS buttons for you to just copy and paste! A nice alternative to cssbuttons.io.</p> <p>I hope you found this article pretty helpful!</p> productivity webdev news programming