hicjdabjhdmaaabgackleegipabmeack
HTML Visual Validation gives you information about the html elements, live, on page. It makes easy to inspect the structure of a page with no need to open the browser console. Just select the type of html tag to outline, on page, and to display a label with basic info. - List the most common html tags - Get info about the tittle and description tags - Display tags id and class attributes - extra info: “alt” attribute value - extra info: tells you if it’s an internal or external link, or a javascript call, and if the “target” attribute is set - Mouse over a tag label to bring it to front *** NEW FEATURES *** - Tag selector is now sensitive to tags available on the page - New "DOM Tree" panel, wich can be used with the tag selector - Click on the tag in the DOM Tree to scroll to the element on the page
CSS Brio
CSS Brio is a fast CSS Animation viewer and CSS code provider for Designers. Have amazing animation on your website in seconds. CSS Brio allows you to preview your animations and see the kinds of animations available. The CSS code used in the animations are provided by CSS Brio. Just choose your animation and view the code used click copy button and paste it on your stylesheet.
Debug CSS
When enabled adds outline to all elements on the page, Hold Ctrl and hover to get more detail In the latest version we have addressed the issue where the extension stopped working after mandatory `manifest_version upgrage` from Google. also, we have addressed the issue in which user were unable to see the styling for the bottom most element of the page. we have added tooltip feature which gives a basic styles in tooltip itself. A lightweight extension for Google chrome to show outline of all the element exist on page. while working on web page development the one of the difficult part is to position the element as required and check which element affecting the other one. This chrome extension allows user to see outline on every element of the page. Hold the keyboard Ctrl button and hover element it will show the element details along with the value. Post installation simply click on the extension icon to turn it On or Off. If you are a keyboard shortcut lover like me simply hit `Alt+Shift+C ` key to toggle the extension. This extension works on CSS outline attribute: add the below code snippet in any CSS of a web page The extension does the same the only thing is; it gives different color to different element(s) while the code snippet adds red outline to every element. # Other work and repository [A lightweight customizable plugin for jQuery to show horizontal length in form of vertical progress bar.](https://github.com/pranayjoshicse/VerLim.js) [listed on jqueryscript.net](https://www.jqueryscript.net/other/Simple-Custom-Reading-Indicator-with-jQuery-VerLim-js.html) [Demo](https://www.jqueryscript.net/demo/Simple-Custom-Reading-Indicator-with-jQuery-VerLim-js/)
Jinno: code any React component with AI
Develop html or react components with AI and chat GPT4. We can modify the React, HTML and CSS code for you. Change your react website and with AI tool, we will export the code for you to you visual studio code. We have support for React, css, HTML code. We use AI platforms to modify your react component. Save all stylesheet/javaScript changes in one place. Jinno is a Javascript viewer tailored for developers. Get access to the useful styles with our Chrome extension. Our mission is to let developers to focus on code with AI, and spend as little time as possible digging in a css code of React. FEATURES ✓ Find any React open source component ✓ Build design system ✓ Build storybooks ✓ Export React code ✓ Export Html code ✓ Export Css code ✓ Color picker ✓ Best tool for designers ✓ Syntax highlighting ✓ Share you css design with developers ✓ Font family picker ✓ Design your page the same as Figma ✓ Page ruler from Sketch ✓ Hover css inspector ✓ Inspect element tool ✓ Detect your devtool position ✓ Save your css stylesheet changes from your Inspect element ✓ DevTools integration ✓ Copy to clipboard ✓ Data export ✓ React support ✓ CSS support ✓ Javascript support ✓ Design like sketch ✓ Design like Figma ✓ Design like Webflow
Inspect CSS
The easiest way to inspect and edit CSS Features: 🔎 Get CSS Properties from any element by selecting it ✏️ Get and edit element attributes 📷 Download website assets ⌨️ Add your custom CSS to the website 🎨 Get the color palette of the website 🧭 DOM Navigation 🎯 Color picker
