CSS Modules Reviews

Netlify Reviews

1. Eleanor Bennett

   | Digital Marketing Specialist at Logit.io | about 2 years ago
   Useful previews

   As someone who is often creating new pages, Netlify's preview makes the review process easier. You can also use the generated URL from Netlify's preview to run an SEO audit prior to going live. This is very useful for spotting bugs or broken redirects.

CSS Modules mentions (11)

• Is there really no better way to isolate styles across components than CSS modules?

  From what I read about CSS modules, the style isolation provides some guard rails to prevent things like random bits of global style or having colliding rules all over the place. This makes a lot of sense, but even on huge projects, I never really have those problems. I've disciplined myself to pair a component file with a CSS file (MyComponent.jsx + MyComponent.css) and keep global styles to a minimum. Source: over 1 year ago

• Components with separate styles - how to do?

  Any time you import CSS files into a module, that CSS becomes active on EVERY component in your entire project, so that's not really a good way to go about it. It essentially creates a tag inside the final rendered html with all of your CSS within it. If you have two CSS files, and they both have a class of .myClass then they will step on each other and cause bad things to happen to your... Source: over 1 year ago

• Why do bigger websites have the weirdest class and id names?

  They are probably using css modules. Source: over 1 year ago

• No Caption..

  This may be a little more advanced but I'd also recommend looking into CSS modules. It basically allows you to scope your styles to individual elements preventing unwanted cascading, and simplifies naming conventions a lot (since the class names are now variables). Source: over 1 year ago

• Styling in React.js

  Another interesting way to organize you css is using css modules. Source: about 2 years ago

Netlify mentions (105)

• Join us for the Netlify Dynamic Site Challenge: $3,000 in Prizes!

  We are so excited to team up with Netlify to bring you our next DEV challenge. This Challenge is all about dynamic and high-performance digital experiences, across any framework! - Source: dev.to / about 2 months ago

• Replatforming from Gatsby to Zola!

  Wait as the Netlify CI/CD robots work their magic to build and push my updated blog site with the shiny new post to the open internet. - Source: dev.to / 3 months ago

• How to Use Google Drive to Host Your Website

  Forwarding: Forward or mask a domain to the Drive URL using services like netlify. - Source: dev.to / 5 months ago

• Building a (Virtual) Events Site

  The site is deployed to Netlify. There's really nothing special to share about that since Netlify makes the deployment super easy. A quirk of Hugo on Netlify means that I do need to specify the Hugo version as an environment variable but otherwise the deployment just works. One specific requirement of my site is to override the default Hugo build method to include the -F or --buildFuture flag because my events are... - Source: dev.to / 7 months ago

• My brother asked me to build a website for his new small business

  Cons are that it might be a bit heavy hitting for a simple website. You may find there to be a cost to host it, whereas using a static site generator will allow you to use the free tier on netlify.com. SSG's are easier to use and less work to do, including less security to worry about. Source: 9 months ago