oxalorg/sakura hiện có 4.4k sao trên GitHub, viết chủ yếu bằng HTML. :cherry_blossom: a minimal css framework/theme.
Tóm tắt dựng từ metadata GitHub của chính dự án — chưa có bài review TopGit. Trang sẽ tự động cập nhật khi bài review đầy đủ được xuất bản.
VÌ SAO CHƯA CÓ REVIEW
TopGit viết bài đầy đủ cho repo có nhiều sao nhất và được yêu cầu nhiều nhất. Trang này là snapshot trong thời gian chờ — xem README gốc ở tab READ ME.
sakura: a minimal, classless CSS framework / theme.
[Go to GitHub repository]
The perfect blossom is a rare thing. You could spend your life looking for
one, and it would not be a wasted life.
Just drop sakura.css into any webpage and go from an ugly-looking 1900s
website to a pretty, modern website in literally 0 seconds.
It's easy to customize and build on top of sakura.
Sakura supports extremely easy theming using variables for duotone color
scheming. It comes with several existing themes, which can be found in the css
folder of this repository.
Demo
Compare a live page WITH and WITHOUT sakura.
https://oxal.org/projects/sakura/demo
Also, my blog is a nice place to check sakura in action with heavy text (it has
a "change theme" button on the top as well):
oxal.org/blog
Bookmark
Don't want to develop using sakura but instead want to use it on websites with
outdated 90s design (i.e. no CSS)?
If so, enable sakura on any website using the following
instructions:
https://oxal.org/projects/sakura/bookmark
Why? - Reasons to use sakura
How exactly does sakura help you? I had a discussion about this on the
reddit thread.
Just drop it in, even on existing HTML content, to get a pretty-looking
website (everything "just works")
Quick prototyping, especially when working on backend sites and can't yet be
bothered to fidget with CSS/HTML
Building a quick (but pretty) site/blog for your best friend or aunt!
No need to remember tons of different class names for every other CSS
framework
Works amazingly with markdown-generated HTML pages (eliminates the need for
hacks like including .img img-responsive in <img></img> tags generated
from markdown-parser
Wonderful for people who aren't really good or interested in design as sakura
is nothing but a set of reasonable defaults
(Optional)but recommended to use
normalize.css
to reset before using sakura.
Sites using sakura
https://oxal.org/blog/
http://computableverse.com
https://gaiwan.co
https://www.softwareyoga.com/
https://www.taazakitchen.com/
https://audioviz.surge.sh/vex.html
https://chocopy.org
https://wasmbyexample.dev/
https://ninjas.cl/
https://minidown.atusy.net
https://jvanelian.dev
https://mousikofidi.info/
https://ocamlbook.org
https://monkeyjunglejuice.github.io
https://reinforce.moe/about-en.md
https://4clojure.oxal.org/
https://yunru.se
https://articleparser.vercel.app/
https://bluelander.bearblog.dev/
https://onefetch.dev/
https://nonwiz.dev/
https://frost.kiwi/
https://kylenazario.com
https://progress.jackkershaw.net
https://bigdetector.com/
https://chordtransposer.val.run
If you're using sakura, please let me know or make a pull request adding in
your name. I would be super happy!! ^_^
Theming
You can make your own themes by overriding some variables for colors.
Here is an example file: ./scss/sakura-earthly.scss:
/* Duotone color scheming:
Uses blossom as the revealing/stark color
Uses fade as the more prominent color
*/
$color-blossom: #338618;
$color-fade: #5e5e5e;
/* bg color is used for the background of the page
bg-alt is used for code-blocks etc
*/
$color-bg: #f9f9f9;
$color-bg-alt: #C7E3BE;
/* color of all the text on the page */
$color-text: #4a4a4a;
$font-size-base: 1.8rem;
@import "main";
Dark mode
Add a media attribute as follows to choose a darker theme for dark mode.
Trang TopGit này là một snapshot — tab "Readme" hiển thị nguyên văn README của repo (đã bỏ link, giữ ảnh). Repo GitHub ở github.com/oxalorg/sakura là nguồn chính thức.
oxalorg/sakura có bao nhiêu sao?
oxalorg/sakura có 4.4k sao GitHub — tải lại trang để xem số mới nhất, hoặc xem trực tiếp github.com/oxalorg/sakura. TopGit phản chiếu số sao của GitHub nhưng không cam kết đến từng phút.
oxalorg/sakura có phải mã nguồn mở không?
Có — oxalorg/sakura phát hành theo license MIT, nghĩa là mã nguồn mở để đọc, fork và (tùy license) tái sử dụng. Mã: github.com/oxalorg/sakura.
oxalorg/sakura còn đang phát triển không?
Commit gần nhất trên oxalorg/sakura là 4 tháng trước (theo timestamp GitHub). Repo có 181 fork — một chỉ báo về mức độ quan tâm của cộng đồng.
oxalorg/sakura là gì?
oxalorg/sakura (oxalorg/sakura) là dự án HTML trên GitHub. Theo mô tả gốc: :cherry_blossom: a minimal css framework/theme.
oxalorg/sakura so với các dự án UI / UX khác thế nào?
oxalorg/sakura được TopGit xếp vào nhóm UI / UX, với 4.4k sao GitHub và viết bằng HTML. Xem trang chủ đề UI / UX trên TopGit để so sánh với các dự án tương tự theo số sao và mức độ hoạt động.
Đọc đầy đủ README ở tab phía trên.
sakura có đáng để bạn bỏ thời gian?
ChatGPT, Claude và Perplexity đều đọc được trang này. Hỏi thử xem họ nghĩ gì về sakura.
/sakura
