Joseph ๐Ÿ’ป
Joseph ๐Ÿ’ป

@frontenddude

9 Tweets 61 reads Mar 16, 2021
๐Ÿ› ๏ธ 8 useful tools I use for faster and easier Web Development.
A thread ๐Ÿงต ๐Ÿ”ฝ
#CodeNewbies #WebDevelopment #tools
metatags.io
With Meta Tags you can edit and experiment with your content then preview how your webpage will look on Google, Facebook, Twitter and more when shared.
toptal.com
Toptal's web developer checklist helps you keep on top of various important things that are easy to forget.
Covering various subjects like mobile and SEO it's a great checklist to have when developing a new site.
editthiscookie.com ๐Ÿช
EditThisCookie is a cookie manager. You can add, delete, edit, search, protect and block cookies!
Essentially it's a much faster way to edit cookies rather than going through dev tools saving so much time.
browserling.com
Browserling lets you test any website using any browser on any operating system.
It's a real lifesaver for testing your site across many different combinations quickly.
responsively.app
Responsively is often referred to as the web developers browser.
It lets you preview and interact with your website with as many devices as you like at once.
I often use it to debug my sites on all mobile device at once.
extractcss.com
ExtractCSS lets you extract element IDs, classes and inline styles from HTML elements.
It automatically creates a stylesheet based on these extracted items which is often a real time saver when you a replacing old HTML.
Web Developer Form Filler (Extension)
I use this extension when building forms on websites. It allows you to set data that can then be injected into the form automatically ready to submit.
If you have worked with forms before you'll understand how much time this saves!
web.dev
Measure, lets you see how well your website performs. It then gives you tips on how to improve your user experience.
I often use this site at the end of a build to make sure my lighthouse score is as best as it can be.

Loading suggestions...