InTab.io
CSS Scan
CSS Scan Pro
CSS Hero
CSS Peeper
Elementor
Polypane
SnipCSS
Hoverify
CSS Scan
CSS Scan Pro
Css Inspector
CodePen
PixelSnap
EpicRuler
Dimensions
Tools to make your web dev life a bit easy.
⭐ Inspector
1) Inspect CSS and HTML just by hovering over the element.
2) Live edit CSS and HTML.
3) Export code to Codepen.
4) Inspect media queries and animations.
5) Edit the content of any HTML element.
6) Traverse DOM elements with arrow keys.
7) Know fonts per tag.
8) Finds font on Google Fonts.
9) Extract all the colors used on the page.
10) Toggle visibility of any element or remove an element from the page and persist changes.
11) Easily search elements by tag, class, or id.
⭐ Color Eyedropper 1) Pick colors from anywhere on the page, even images and IFrames. 2) Get hex and RGB values. 3) Save colors.
⭐ Assets 1) Extract images, SVGs, and videos from the page. 2) Download all the assets at once in ZIP.
⭐ Responsive 1) Any click, scroll, or navigation you perform in one device will be replicated to all devices in real-time. 2) Add new custom device profiles as you like and arrange devices to fit your style. 3) Hot-Reloading Support.
⭐ Debug 1) Clear cache, cookies, and local storage of specific origin or whole browser. 2) Get meta tags from the page and copy them with one click. 3) Check the whole page for spelling mistakes (Only supports English).
⭐ Screenshots 1) Take a screenshot of the whole page or just a visible area. 2) Screenshot the visible area of every tab with just one click. 3) Save the screenshot in PDF, JPG, or PNG.
InTab.io HoverifyNo InTab.io videos yet. You could help us improve this page by suggesting one.
Based on our record, InTab.io seems to be more popular. It has been mentiond 8 times since March 2021. We are tracking product recommendations and mentions on various public social media platforms and blogs. They can help you identify which product is more popular and what people think of it.
Thank you Ammon, you can try the 1-click live demo at intab.io (no signup required) I hate signing up to anything just try something this is why I made it as frictionless as clicking a single button. Source: about 2 years ago
I wonder how intab.io 's dev did it? Building a complex extension in vanilla JS is a lot of work. And if we are going to use svelte and have to make the extension open is pointless. Source: about 2 years ago
Soo... I made a browser extension to visually change any website's CSS instead! - Source: dev.to / about 3 years ago
I'm more a fan from styling everything from scratch rather than using any CSS framework. We just need better tooling to write better CSS faster not necessarily including prewritten CSS. I deeply believe this is where CSS going and this why I'm building https://intab.io to push towards that direction myself. - Source: Hacker News / over 2 years ago
You are just saying that you have to place margin in the container of the component not inside it. that's it! Anyways, I think the answer is "it depends" and there's no silver bullet when it comes to micro CSS details. CSS is always controversial when it comes to how structure it and I don't think this type conversations are useful or add anything to front end. it's just a waste of time as the end result only... - Source: Hacker News / over 2 years ago
CSS Scan - Instantly check or copy computed CSS from any element for only ~95$
CSS Scan Pro - The easiest way to get and edit the CSS of any website, live
CSS Hero - plugin to design WordPress theme without writing a single line of code
Css Inspector - Get the CSS of any element on the web
CSS Peeper - Smart CSS viewer tailored for Designers.
CodePen - A front end web development playground.
