Chota
Water.css
Our great sponsors
Chota | Water.css | |
---|---|---|
11 | 33 | |
1,333 | 8,140 | |
- | - | |
2.9 | 0.0 | |
6 months ago | about 2 months ago | |
HTML | CSS | |
MIT License | MIT License |
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
Chota
-
Project YALA - MongoDB Atlas Hackathon 2022 on DEV submission
Instead of using commonly used frameworks (like Spring Framework) I preffered to use something that is small and doesn't have "magic" in it. So I've chosen Javalin as a simple web framework, added MongoDB client libraries nad jte as template engine. To show that simple and clean looking apps doesn't need any big JS libraries I've selected chota - one of micro CSS frameworks.
- MVP.css – Minimalist stylesheet for HTML elements
-
Possible with R?
I'm not sure if this comment will be upvoted in this subreddit, but both the most professional, and the easiest, way to accomplish this is to build the form in Vue or React, or even just a bare HTML form and style it if you like with something like chota, and create the rendering using some kind of JavaScript 3d rendering engine like this one.
-
23 Responsive And Lightweight CSS Frameworks
Chota is a tiny super lightweight, simple to use, lightweight CSS framework where all sets of modules are packed in about 3Kb. It does not require any preprocessors, just add it within your project and start using it. It is very simple to extend due to CSS variables. It comes with plenty of components and utilities, like a magic 12 column grid. It has good semantics, can be switched easily to dark mode, and supports icons out-of-the-box as well. Similar to other lightweight CSS frameworks, remembering different class names is no longer necessary.
Water.css
-
Where Is Noether's Principle in Machine Learning?
Thank you!
In the beginning, I used kognise'z water.css [1], so most of the smart decisions (background/text color, margins, line spacing I think) probably come from there. Since then it's been some amount of little adjustments. The font is by Jean François Porchez, called Le Monde Livre Classic [2].
I draft in Obsidian [3] and build the site with a couple python scripts and KaTeX.
[1] https://watercss.kognise.dev/
[2] https://typofonderie.com/fr/fonts/le-monde-livre-classic
- CSS for readability
-
No CSS Club – because no JavaScript was not hardcore enough
https://watercss.kognise.dev/ I would argue classless css is the way to go, you just include a single css file, then write your html without touching any css anymore, all related tags in html are inherently css-ed for you. a nice trade off for me sometimes.
- Filenames and Pathnames in Shell: How to Do It Correctly
-
Classless.css – Less Classes. Less Overhead
Like the previous submitter ( https://news.ycombinator.com/item?id=30885700 April 2022 ) I found clasless.css while investigating semantic html-oriented css libraries and this one stood out to me as having a good balance. I'm not ideologically opposed to using classes, but using them for every bit of styling seems off and I'd rather see good default styles for regular semantically structured html. For example, classless.css uses the "card" class for cards which don't have a clear analog in among standard html tags: https://developer.mozilla.org/en-US/docs/Web/HTML/Element
Other libraries:
Water.css: https://watercss.kognise.dev/
MVP.css: https://andybrewer.github.io/mvp/
Missing.css: https://missing.style/
-
Ur Go-To on UI with Flask?
WaterCSS, very basic but good-looking UI in my opinion
-
Looks great on my machine
Slap this on it and you're good: https://github.com/kognise/water.css/
-
Show HN: Neat, the Minimalist CSS Framework
- https://watercss.kognise.dev/ Small size (< 2kb)
-
Ask HN: What would be your stack if you are building an MVP today?
Assuming web app.
1. Python.
2. Flask. Pure server-rendered HTML, no fancy frontend. Avoid JS as long as I can, just use jinja templates. If my app is not going to work with good old HTML and CSS chances are it's not going to work at all.
3. Classless CSS framework. I like this: https://watercss.kognise.dev/.
4. Sqlite3 or Postgres. Prefer postgres because with docker it's 5 minutes to set up. I use SQLAlchemy from the start because it makes life easier. If you ever deploy and worry about real data you add alembic for migrations.
5. One docker compose for everything.
6. Cheap VPS for like $3 per month.
That's it. I would like to upgrade my MVP stack, but it's battle-tested and it works well. After the 9 to 5 I only have like 3 brain cells alive so I need to get stuff done as fast as possible, which means using what I know.
One thing I often reinvent and reimplement is OAuth. Definitely "Sign in with google" is the best way to add auth to your app, but it's such a pain to set up.
-
Paizo: The ORC Alliance Grows
On a side note, you can throw something like water.css , tacit, or MVP.css for quick and easy styling and you just focus on the HTML.
What are some alternatives?
Pure - A set of small, responsive CSS modules that you can use in every web project.
classless-css - A list of classless CSS themes/frameworks with screenshots
Tailwind CSS - A utility-first CSS framework for rapid UI development.
Milligram - A minimalist CSS framework.
avalanche - A package based CSS framework.
fluidity - The worlds smallest fully-responsive css framework
turretcss - Turret is a styles and browser behaviour normalisation framework for rapid development of responsive and accessible websites.
pico - Minimal CSS Framework for semantic HTML
haste-perch - Create dynamic HTML easy in the browser using declarative notation
tachyons - Functional css for humans
Bulma - Modern CSS framework based on Flexbox
UI kit - A lightweight and modular front-end framework for developing fast and powerful web interfaces