/dev tips

(188) Three Colour Tips Popular tips from 2018 (190)

Chrome DevTools: Code Folding in CSS and JavaScript for improved code readability

21st December 2018
Code Folding in CSS and JavaScript for improved code readability

You can 'fold' code blocks in CSS (and Sass) and JavaScript files. This is useful for digesting large files. Code Folding can help with readability.

Code Folding works in the Sources Panel editor, and also the Network Panel Preview pane for applicable resources.

To enable Code folding, you can use any of the following options:

This is currently in Canary v73

Sign up to receive a developer tip, in the form of a gif, in your inbox each week.