Categories: Frontend Tech

Random CSS generator with evolution.

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:

  • Works with Chrome, Firefox and Opera
  • Layout needs some fixing up.

Demo:
Random CSS generator with evolution

Feedback:
So what do you think?
Do you have any suggestions for improvements?

Larry Battle

I love to program, and discover new tech. Check out my stackoverflow and github accounts.

Share
Published by
Larry Battle

Recent Posts

What really is Data Science? Told by a Data Scientist

What REALLY is Data Science? Told by a Data Scientist - By Joma Tech

7 years ago

Video: How Water Towers Work

How Water Towers Work - Practical Engineering

7 years ago

Dev Tip: Simple tips to improve code reviews

Writing perfect code is a challenging process. That's where code reviews come in to help…

7 years ago

Video: How AI will change the 3d industry

"The Next Leap: How A.I. will change the 3D industry - Andrew Price - Blender"

7 years ago

Best Software Presentation for 2018

"Captain Disillusion: World's Greatest Blenderer - Live at the Blender Conference 2018 - CaptainDisillusion"

7 years ago

Dev Video: A Few Linux Shell Tips

My 5 Favorite Linux Shell Tricks for SPEEEEEED (and efficiency) - By tutoriaLinux > What's…

7 years ago