Online Tools I Recommend to Every Web Developer

Online Tools I Recommend to Every Web Developer

Tools that I use regularly to improve my workflow As a web developer myself I’m always looking for resources to improve my productivity. Over time I collected on my Evernote, a number of different online tools that help me in different ways, either by providing code snippets, design patterns, or simply great functionality. Today I’d like to share with you those tools I use regularly and which are among my favorites. To make it easier for you to navigate through the content I’ve categorized them in one of the following subjects: Illustrations Development CSS Tools Illustrations Blush Blush Blush allows you to customize and download great illustrations for free for personal and commercial use. The website is very easy to use, and very powerful, you can customize with many details each illustration to create unique results. They offer downloads of the images in different formats though some extensions require a paid plan. As the moment of writing SVGs require a free plan, though you can download PNG images for free. DrawKit DrawKit DrawKit offers 100% free hand-drawn vector illustration and icon resources. They also offer animated illustrations powered by Lottie. This website is amazing, and the illustrations are great, used them many times and I was very happy with it. Free Illustrations Free Illustrations Have you ever visited a website with an amazing background image on the landing page? You probably think something like that can cost a lot of money, Free illustration provides high quality and beautifully crafted background images for your website for free, but there’s a catch if you want the full-hd version of the images, there’s a small fee which is associated with it. Development Stack Overflow Stack Overflow If you are a web developer or any kind of developer, chances are you know Stack Overflow. But if not you are missing out a lot. This is the website where you find all the answers to your development questions and much more. Can I Use Can I Use If you are a front-end developer you are probably very aware of the compatibility nightmare between browsers. Sometimes, for example, we want to use simple JS functions like find() to later find out they won’t work on IE. Anytime you are not sure about the compatibility of a browser javascript API or CSS property, make sure you check out this website. JWT IO JWT IO If you ever want to inspect a JWT token, because you want to validate scopes, or the expiration date, maybe even seeing the payload, this is the right resource. Shape Divider Shape Divider Sometimes we see websites that have beautiful sections, separated with curves, or other shapes, and we want to use them on our websites. But replicating some of these shapes can be tricky or time-consuming. Meet Shape Divider, a tool that allows you to generate the underlying CSS code for sections with just a few clicks. Animista Animista If you love CSS animations, animista is your site. Packed with dozens of easy to use CSS animations it’s the perfect place if you want to get hands-on the snippets or if you are just looking for inspiration. All the animations can be previewed on their website,  » Read More

Like to keep reading?

This article first appeared on If you'd like to keep reading, follow the white rabbit.

View Full Article

Leave a Reply