Schrödinger's Website
summary
Built a WYSIWYG site editor for Adobe Portfolio that stores every user change in one giant JSON object, uses mustache + SASS to render markup and compile final CSS, and a custom Fox CSS processor that watches the JSON and swaps rules in real time. A SASS function constrains user font sizes and spacing between min/max to preserve vertical rhythm; alternative is native viewport calc and CSS custom properties. Works in practice but variables collide with IE11 support requirements.
AI-written summary · about
chapters (6)
related talks
34mPreprocessors, Components, and CSS in JS or" How I Learned to Stop Worrying and Love the Website"
01h 11mCSS is Rad
30mFun.css
45mCSS-in-JS: FTW
50mEffortless Style
51mModern CSS Development: Tooling & Workflows
43mPreprocessors, Components, and CSS in JS
26mRapid Templating: "Designing in the Browser" with Sass, Compass, and Serve