Water.css is a drop-in collection of CSS styles to make simple websites like this just a little bit nicer.
Now you can write your simple static site with nice semantic html, and Water.css will manage the styling for you.
Go to element documentation or check out the GitHub.
<head>
of your HTML:
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/water.css@2/out/water.min.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/water.css@2/out/dark.min.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/water.css@2/out/light.min.css">
File | |
---|---|
Size (min + gzip) | |
Theme | |
NPM instructions |
Heck yeah! It doesn't include any fancy styles so it's mobile responsive by default. Just add the famous responsive viewport tag and you'll be good to go!
In fact, try resizing this page. Everything will flow super nicely.
A bookmarklet is a snippet of JavaScript that sits in your bookmarks bar.
The Waterize bookmarklet can be used to make ugly websites more readable by replacing the styles with Water.css. Just drag this link to your bookmarks bar:
Waterize