3 ms·
I've been working on a related project — Typography.js that vastly simplifies web design. It ships with 30 pre-built designs and I'm working on tools to make it
by kylemathews 10y ago
I've been working on a related project — Typography.js that vastly simplifies web design. It ships with 30 pre-built designs and I'm working on tools to make it really simple to create custom typography themes in-browser.
CSS is a very low-level language for expressing design intent. It's great if you want to set the background color but if you say: "I'd like to add white space to my typography" — it could take dozens of recalculations + css changes to test your idea.
Typography.js's goal is to create the most elegant/powerful API possible for defining your site's typography and remove a lot of the tedium/difficulty around experimenting with your design.
Would love feedback / help!
https://github.com/kyleamathews/typography.js https://github.com/kyleamathews/typography.js
http://kyleamathews.github.io/typography.js/ http://kyleamathews.github.io/typography.js/
- dengar007 10y agoThis is incredible!
- kylemathews 10y agoThanks! Just a note, the design tools on the website are only 1/2 baked. Still need to add support for manipulating remaining options + way to export your designs. That being said, the core engine is quite solid and the themes are ready to be used.
- splatcollision 10y agoThanks for making the correct UX on the numerical inputs!
- kylemathews 10y agoCredit goes to this awesome project! https://github.com/tleunen/react-number-editor https://github.com/tleunen/react-number-editor
- andrewmcwatters 10y agoI don't understand. This is just CSS in JavaScript, and writing themes on elements, sans classes.
- nojvek 10y agoA css generator. Niiiice