Here’s are two good guides for building a scalable CSS architecture
– 8 simple rules for a robust, scalable CSS architecture (Github repo)
– Scalable and Modular Architecture for CSS (It’s a free online book!)
I love to program, and discover new tech. Check out my stackoverflow and github accounts.
Follow Me:
Hey everyone,
I just want post a link to a JSON file that I made as a CSS reference. It’s slightly invalid JSON because it includes functions but that shouldn’t be a problem unless you’re using ajax to transfer the file for some reason. This file was used to make a random css generator and worked out quite nicely.
File: CSS.JSON
Purpose: To provide a JSON lookup for the css properties.
Limitations: Using CSS Version 1 and 2.
Example code
1 2 3 4 5 6 7 | ...
"white-space": {
"info": "Specifies how white-space inside an element is handled",
"cssVersion": "1",
"unitType": ["normal", "pre", "nowrap", "pre-wrap", "pre-line"]
},
... |
I love to program, and discover new tech. Check out my stackoverflow and github accounts.
Follow Me:
Hey Guys,
What if you could just write HTML and have the CSS generate itself?
Well, this question have been bugging me for while, so I decided to program it.
Method:
The method in which I did so what the following. I wanted to simulate evolution by having the user selecting which CSSJSON object would have offspring, in an attempt to find the perfect css for the html layout.
I’m think if I applied statistics to see which traces are favorable over all the selected offspring, then the resulting offspring would come out to being more to want the user wants. Also, I discovered that the structure of the html and the choice of tags are fundamental to clean and simple design. CSS can only do so much.
Issues:
Demo:
Random CSS generator with evolution
Feedback:
So what do you think?
Do you have any suggestions for improvements?
I love to program, and discover new tech. Check out my stackoverflow and github accounts.
Follow Me: