jian.css

jian.css

Introduction

jian.css, a super light CSS framework, is lighter than almost all CSS frameworks you've ever seen, while giving your website a comfortable visual enjoyment. It has the following characteristics:

• ?️Super lightweight, much smaller than "lightweight" CSS frameworks such as water.css, simple.css, and the size is 37% of simple.css (main.css).
• ✔High compatibility, supports most mainstream browsers.
• ?Adapting to dark mode allows the website to adapt to the environment in the dark.
• ️Excellent effect, no less than "heavyweight" frameworks such as Bootstrap.
• There is no JavaScript, only CSS.
• ?️High customization, using only one line of JavaScript code, freely switch colors (using the normal version).
• ?️Use the golden ratio to make your website easier to read.

For whom?

Well, the short answer to this question is anyone . However, jian.css does shine when building simple websites like personal blogs, about pages or the foundations of new websites.

Get started quickly

Using CDN

Normal version

Add the following code to your page:

 < link rel =" stylesheet " href =" https://cdn.jsdelivr.net/gh/jian-css/jian.css@master/main.min.css " >
<!--jian.css 提供的工具类-->
< link rel =" stylesheet " href =" https://cdn.jsdelivr.net/gh/jian-css/jian.css@master/tools.min.css " >

Or specify the version:

 < link rel =" stylesheet " href =" https://cdn.jsdelivr.net/gh/jian-css/[email protected]/main.min.css " >

Just replace the content after "@" with the version number.

Compatible version

The compatible version is specially adapted to old browsers such as IE. It is no different from the normal version except that the theme color cannot be switched ( it is no longer maintained ).
Add the following code to your page:

 < link rel =" stylesheet " href =" https://cdn.jsdelivr.net/gh/xyzscratcher/xyzscratcher.github.io@master/jian-css/jianrong.min.css " > 

Go to jian.css from other frameworks

star history

Instructions for use

• Be sure to add <meta name="viewport" content="width=device-width, initial-scale=1"> to the web page source code, otherwise there will be problems with the display of the mobile phone!

grateful

jian.css refers to excellent frameworks such as Bootstrap, simple.css, and Layui, which gives jian.css many useful features. Thank you here!

Recruiting maintainers?

if you

• Interested in this project
• Have a certain CSS foundation
• Be responsible
• Go online at least once a week

You can write to [email protected] to apply for a maintainer. Please indicate in the letter:

• Your GitHub account
• Why do you want to be a jian.css maintainer
• What can you bring to jian.css
• Projects you have done (optional)

Once your application is approved, I will reply you within 24 hours.