[v0.4.1] [Sleek dark mode!] ZenCSS, a brand new framework with modern design options ready to use.

MagicCrayon9342

A sleek CSS framework, commit changes to contribute!
https://github.com/JaydenDev/ZenCSS

example website:
https://jaydendev.github.io/ZenCSS

Features (if crossed out, it is not implemented):
Input Box
Code Block
Headers
Buttons
Navbar
Sliders
Labels
Lists/Trees
Checkboxes

Feel free to recommend more features.

Last edited by MagicCrayon9342 (May 14, 2022 13:57:54)

MagicCrayon9342

The current options are:

Purple Tiles
Purple Navbar
Clean Lists

god286

Release it when there is a new update, to make the https://cdn.jsdelivr.net/gh/JaydenDev/ZenCSS/zen.min.css not change on every update.

I'd suggest having extension classes kind of like bootstrap.
So for your purple tile it would be like this:

.tile {
  border-radius: 5pt;
  margin: 0 auto;
  padding: 5pt;
  width: 15%;
  height: 15%;
  float: left;
}
.bg-purple {
  background-color: purple;
}

then you can extend it

.bg-red {
  background-color: red;
}
.bg-blue {
  background-color: blue;
}
/* etc */

Last edited by god286 (Dec. 19, 2021 01:15:17)

ScratchCatHELLO

I think you should've released this when there was more content, but this is inspiring me to do this myself.

kccuber

not bad, but a regular weight font would be appreciated.

MagicCrayon9342

ScratchCatHELLO wrote:
I think you should've released this when there was more content, but this is inspiring me to do this myself.

I don't want to have closed development for the first few weeks of a software's existance like I did in the past.

ScratchCatHELLO

MagicCrayon9342 wrote:
ScratchCatHELLO wrote:
I think you should've released this when there was more content, but this is inspiring me to do this myself.
I don't want to have closed development for the first few weeks of a software's existance like I did in the past.

I meant the announcement
still, there’s a balance between releasing something too late and too early.

MagicCrayon9342

This isn't a dead project anymore! I will continue working on the CSS framework I totally didn't forget I created!

MagicCrayon9342

Example
Minified Version
Standard Version

New links!

You can also instead run ‘npm i @jdev08/ZenCSS’ and link node_modules/@jdev08/ZenCSS/zen.min.css

Last edited by MagicCrayon9342 (April 29, 2022 22:27:17)

MagicCrayon9342

Example Page

PoIygon

MagicCrayon9342 wrote:
Example
Minified Version
Standard Version

New links!

You can also instead run ‘npm i @jdev08/ZenCSS’ and link node_modules/@jdev08/ZenCSS/zen.min.css

This always confuses me.
Why would someone do npm when you can just download it?

god286

Background looks dull, a bit lighter or darker will be better

MagicCrayon9342

PoIygon wrote:
MagicCrayon9342 wrote:
Example
Minified Version
Standard Version

New links!

You can also instead run ‘npm i @jdev08/ZenCSS’ and link node_modules/@jdev08/ZenCSS/zen.min.css
This always confuses me.
Why would someone do npm when you can just download it?

It being available in NPM allows you to both use it quite easily in a node application, and have it linkable through the unpkg cdn.

MagicCrayon9342

New update!
ZenCSS in v0.3.2 has been altered to use the system applied font, so you can easily customize the font of the website without owning it. Also, its a normal weight font assuming you have one set.

MagicCrayon9342

v0.3.3, forgot to update the minified version so, fixed!

MagicCrayon9342

For v0.4.0 you can expect the following features!

- Dark Mode variant
- Use of variables
- Compact modification for those who prefer it

MagicCrayon9342

dark mode!

PoIygon

MagicCrayon9342 wrote:
dark mode!

Whoooo yeah that looks good but have you made it look good for phones?

Also if you already made a topic for a product you made, it has to be 1.0 because your ready to show it to the public

Last edited by PoIygon (May 7, 2022 21:22:59)

MagicCrayon9342

PoIygon wrote:
MagicCrayon9342 wrote:
dark mode!
Whoooo yeah that looks good but have you made it look good for phones?

Also if you already made a topic for a product you made, it has to be 1.0 because your ready to show it to the public

It's currently undergoing beta testing.

PoIygon

MagicCrayon9342 wrote:
PoIygon wrote:
MagicCrayon9342 wrote:
dark mode!
Whoooo yeah that looks good but have you made it look good for phones?

Also if you already made a topic for a product you made, it has to be 1.0 because your ready to show it to the public
It's currently undergoing beta testing.

But you made a topic for it?

Discuss Scratch