🛠️ 8 useful tools I use for faster and easier Web Development.
A thread 🧵 🔽
#CodeNewbies #WebDevelopment #tools
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.
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/developers/web…
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.
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.
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.
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.
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.
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!
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/
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.
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.
• • •
Missing some Tweet in this thread? You can try to
force a refresh
