CSS Scan changelog
CSS Scan changelog
getcssscan.com

3.8.1 Update

 

New

 

 

โœ๏ธ Changelog

With the new changelog, you can check every CSS Scan update since version 2.7.1. Check it here.

 

Improvement

 

 

โœŒ๏ธ Full Tailwind support

Now Tailwind CSS selectors are copied the right way.

 

Improvement

 

 

๐Ÿ‘ฉโ€๐Ÿ”ฌ CSS inspection algorithm improvements

Better than ever, the generated CSS code when copying and inspecting elements is now more precise.

 

Improvement

 

 

๐Ÿ” More specific CSS selectors when copying or exporting elements

CSS Scan now generates more specific CSS selectors for child elements, so the result you get when exporting elements to Codepen, for example, is more similar to the original elements.

 

Improvement

 

 

๐Ÿ  Scan localhost websites in Safari (and all other browsers)

Now you can scan the CSS of localhost websites in all extensions (Chrome, Firefox, and Safari - thanks to Paul!).

 

Fix

 

 

๐Ÿž Bug fixes

We've fixed 4 bugs. Enjoy a more stable tool!

๐Ÿ’– Thanks for supporting our work!

3.7 Update

 

New

 

 

๐Ÿ“ฑ๐Ÿ–ฅ Copy all media queries with one click

Now you can copy all media queries of child elements (make sure you toggle "Child elements CSS" > "Copy it" on your settings). You can also inspect an element's media queries at the "Sources" tab (when pinning the CSS window).

 

Improvement

 

 

๐Ÿก Scan local files (Chrome)

You can now scan pages that are in your file system (file:// and C://). There's no need to turn on a local server or deploy it.

 

Improvement

 

 

๐Ÿ‘ฉโ€๐Ÿ”ฌ CSS inspection algorithm improvements

You'll notice that the generated code is now more precise and reliable.

 

Fix

 

 

๐Ÿž Bug fixes

We've fixed 3 bugs. Enjoy a more stable tool!

๐Ÿ’– Thanks for supporting our work!

3.6 Update

 

New

 

 

๐Ÿ“ฆ Copy the CSS and HTML of the child elements

Now you can copy the HTML and CSS of all the child elements - instead of just copying the selected element!

To toggle this option, go to Settings > Child elements CSS and choose "Copy it".

This option is selected by default when exporting elements to Codepen.

 

Fix

 

 

๐Ÿž Bug fixes

We've fixed 2 bugs. Enjoy a more stable tool!

๐Ÿ’– Thanks for supporting our work!

3.5 Update

 

New

 

 

๐Ÿ” See where the CSS comes from (files and selectors)

Now you can see from which selectors and CSS files a rule is coming from.

When pinning an element with the space bar key, click on the new tab "Sources".

 

Fix

 

 

๐Ÿž Bug fixes

We've fixed 2 bugs. Enjoy a more stable tool!

๐Ÿ’– Thanks for supporting our work!

3.4 Update

 

New

 

 

๐ŸŒณ DOM tree: inspect or copy any element

Now you can precisely select any element from the page.

If the element you're hovering is not the one you want to inspect, use your keyboard's โ–ฒ up and โ–ผ down arrow keys to navigate through the HTML tree (to scan parent, siblings, or child elements).

 

Fix

 

 

๐Ÿž Bug fixes

We've fixed 2 bugs. Enjoy a more stable tool!

๐Ÿ’– Thanks for supporting our work!

3.3 Update

 

New

 

 

โš™๏ธ HTML attributes

Now you can scan the HTML attributes of any element! Useful to check if your images have the attribute "alt", for example.

Pin the CSS window (with the space bar key) and click on it to expand, or have it always expanded by toggling on your Options > Display > HTML attributes expanded.

 

New

 

 

๐Ÿค Tailwind pseudo-classes support

CSS Scan now works with Tailwind - it gets and copies the values for pseudo-classes the right way.

 

Fix

 

 

โœŒ๏ธ Fix CORS

There was a new Chrome update that limited CSS Scan's scan feature (mostly on big websites). We've now updated our code to work with any website's CORS settings.

 

Improvement

 

 

๐Ÿ‘ฉโ€๐Ÿ”ฌ CSS inspection algorithm improvements

You'll notice that the generated code is now more precise and reliable.

 

Improvement

 

 

๐Ÿ—ฃ Japanese translation

ใ“ใ‚“ใซใกใฏ! CSS Scan is now available in Japanese thanks to @hiyukoim!

๐Ÿ’– Thanks for supporting our work!

3.2 Update

 

New

 

 

๐Ÿ“ Guidelines

The easiest way to check the alignments of elements. You can disable this option on "Options > Display > Guidelines".

 

New

 

 

๐Ÿ’ก Tooltips

We've added tooltips to the buttons (icons) on pinned CSS windows so you know what you can do with them: export elements to Codepen, copy CSS code or close the window.

 

Fix

 

 

๐Ÿ˜‰ Scan always starts enabled

If you open the extension with the shortcut, the scan will start as enabled instead of disabled. Thanks, Wilbert and Tim!

 

Improvement

 

 

โš™๏ธ Export to Codepen with preprocessor setted

If your settings are to copy pseudo-classes and pseudo-elements as nested, when you export elements to Codepen, it'll automatically export it with SCSS setted as the CSS preprocessor.

 

Improvement

 

 

๐Ÿ—ฃ New translations and improvements

CSS Scan is now available in Romanian (thanks to Alina), and Telugu (thanks to Mani).

The Italian translation was also improved (thanks to Emanuele).

๐Ÿ’– Thank you for supporting our work! We'll keep working hard on making your life easier and your workflow faster.

3.1 Update

 

New

 

 

๐ŸŽ‰ Support for all pseudo-classes and pseudo-elements

CSS Scan now gets all pseudo-classes (:active, :focus, etc), and pseudo-elements (:before, :after, etc) of an element.

This means that the code you inspect/copy will be much more complete than before.

 

Improvement

 

 

๐Ÿ‘ฉโ€๐Ÿ”ฌ CSS inspection algorithm improvements

You'll notice that the generated code is now much more precise and reliable.

๐Ÿ’– Thank you for supporting our work!

3.0 Update

 

New

 

 

๐Ÿงฌ Support for inherited styles

Now CSS Scan gets inherited styles, like font-size, color, etc.

This gives you a more complete and reliable code, delivering better results.

You can disable this option anytime on the Options menu.

 

New

 

 

๐ŸŽ New "What's New" button

Here's where we will keep you updated on what we've worked on and improved :)

 

Improvement

 

 

๐Ÿš€ Performance improvement

You'll notice that the extension is now faster. The performance was improved by up to 10%!

2.9.5 Update

 

New

 

 

๐Ÿ“‹ Button to copy the CSS code from pinned CSS windows

Copy edited code directly from the pinned CSS windows.

 

New

 

 

๐Ÿ–ฑ Option to pin on click

You can now choose on your Settings what should happen when you click on an element: copy the CSS or pin the CSS window (result).

 

Improvement

 

 

๐Ÿง  Ignore Elementor's and Wordpress UIs

CSS Scan ignores Elementor's and Wordpress UIs when inspecting - so that you don't need to pause it every time.