bulma-templates
Water.css
bulma-templates | Water.css | |
---|---|---|
5 | 33 | |
3,232 | 8,184 | |
0.2% | - | |
8.3 | 0.0 | |
about 1 month ago | 3 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.
bulma-templates
-
Bulma : Free Templates
If you're a beginner who wants to give it a go with bulma, or just an enthusiast who wishes to slap some content into existing template and have a web page, or maybe build some theme upon existing layout, take a look at Bulma Templates repo.
-
Ask HN: How to build online calculator website?
I use a simple serverside framework such as ExpressJS or FlaskJS, which routes URL requests to HTML page responses.
Served by NGINX on a Linux server. I host with DigitalOcean for $6/month
I use a CSS Framework template. I like Bulma for its simplicity: https://bulmatemplates.github.io/bulma-templates/
Summary of things to google:
- simple Serverside framework for
- Digital ocean nginx tutorial
- CSS Framework Template
-
Ask HN: How do you build your personal start page?
I just take a Bulma template, and edit the CSS styles within its html.
If i feel ambitious, I install v/ node, then edit the sass (compiles to css)
https://bulmatemplates.github.io/bulma-templates/
Typically:
1. Generate an express app with --view=ejs (ejs is virtually the same as HTML but lets you inject js into your html)
https://expressjs.com/en/starter/generator.html
2. Display & edit a simple html page.
3. ???
4. Profit
-
Ask HN: Tips for a 30 year old trying to switch to IT/software development?
- Web Portfolio showing 3 projects. -- for example, check out the template here [1] called "Portfolio" -- take it, repurpose it with your own content. Get it online. Add your web portfolio URL to your resume.
- Github/Gitlab (to show your code)
- LinkedIn presence
Basically: Show you have the skills. And put yourself "out there" i.e. market yourself
[1] https://bulmatemplates.github.io/bulma-templates/
-
Shiny Apps with Docker Compose, Part 1: Development
The index.html file in the site folder is the landing page. The file uses the responsive Bulma CSS library that requires no JavaScript. I picked a template and modified it for this landing page.
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
[3] https://obsidian.md/
-
Ask HN: Experience Starting a Blog
Thank you!
I must give credit to Kognise though, the style is simply their formidable water.css layout. It saved me a lot of time and anguish when I was about to get my blog started.
https://watercss.kognise.dev/
- 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
- О заметках в markdown файлах
-
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)
What are some alternatives?
Bulma - Modern CSS framework based on Flexbox
classless-css - A list of classless CSS themes/frameworks with screenshots
docker-compose-shiny-example - Docker Compose Example with Shiny Apps
pico - Minimal CSS Framework for semantic HTML
Docker Compose - Define and run multi-container applications with Docker
Rust Language Server - Repository for the Rust Language Server (aka RLS)
Vue.js - This is the repo for Vue 2. For Vue 3, go to https://github.com/vuejs/core
reagent - A minimalistic ClojureScript interface to React.js
online-retail-marketplace - Django-based online marketplace for clothes. Taking the local retail marketplace of India online. \ Select on your phone. Try in the shop, on a later date. \
hyperscript - Create HyperText with JavaScript.
Milligram - A minimalist CSS framework.
prism-themes - A wider selection of Prism themes