SECURING CSS CODE

How to secure and protect the css code from "source code"? Like when you click the stylesheets file from the html you will be redirected to minified css code
1 Reply
Jochem
Jochem7mo ago
minification is something that's done by a build tool, there's plugins for vite that minify and inline your css it's not a security measure though, it's done for network performance reasons minified JavaScript is harder to read (still not impossible, just a bit of a pain), but minifying css barely does anything for its legibility. Usually you use the inspector anyway and that will still just show you which properties are applied to which element not to mention that CSS minification has a limited effect on performance too. All you can shorten is the class names and IDs in your selectors, and remove a liittle bit of whitespace
Want results from more Discord servers?
Add your server
More Posts
How do I import swiper.js package from node_modules into my main js.file?Hey guys, So I downloaded the swiper.js packackge via npm and did exactly what the doc says but it Is there a website or a repository in which we can see when CSS features were added?Sometimes I'll be looking up a feature on CanIUse or developer.mozilla.org to check its compatibilitDate Input field for birthday, 'masking' the user input, incorporating 'show' buttonI'm trying to create a birthday date input field inside of a React-bootstrap 'Form'. What I want iHow to horizontally center an element with translated content outside of it's widthI have a heading h3: ```html <h3>This is the width <span>extend</span></h3> ``` ```css h3 { widthIssue with Vite projectHello everyone, I'm having an issue with the Vite project. The issue is when I run the command npm rHow can I make the top of this overlay transparent?Hey guys I got this code and you can see it looks like like a "box"but I'm trying to make the top moText in Responsive Background Image Overflow```css .background-image-anime { width: 100%; background-size: 100% auto; background-image: urWhat tag should be used in the shown section?What tag should I use in the part where there is a photo, which is the best approach?What should I do to this svg background (I'm new here and still learning)it seems like this svg image that I'm going to put it to the background of my heading section seems Guidance To UI DesignI am Trying to replicate this UI. I have tried to replicate them but the steps are not aligning prop