Lessons Learned — I Heart #NoCode

Tutorials Guides Notes Lessons Learned Checklists About ShoutOuts

Twitter LinkedIn Instagram YouTube

Also by Colleen

The Daily Builder

Building daily with AI.

Built with love. · Copyright © 2026 Colleen M. Brady. All rights reserved.

I Heart #NoCode

Tutorials Guides Notes Lessons Learned Checklists

Lessons Learned

Hard-Won

Knowledge

What building with no-code tools actually taught me.

4 lessons

All airtable alert-bar css dropbox email gmail google-drive ia-writer nocode obsidian roam-research svg tools twitter webflow webflow-api webflow-collections webflow-interactions webflow-link-block webflow-symbol wordpress zapier

webflow

How to Organize Custom CSS in Webflow

Matías Pitters' four-section system for keeping Webflow custom CSS maintainable: Reset, Styles, Variant, and SVG.

webflow

How to Reduce the Size of SVGs

How to shrink an oversized SVG under Webflow's 10,000-character embed limit — especially useful when you want to animate an image inline.

css

How to Create Sideways Text

A one-liner CSS snippet for rotating text sideways using `writing-mode: vertical-lr`.

webflow

How to Remove Stop Points when Creating Gradients in Webflow

The quick trick for removing gradient stop points in the Webflow Designer — saves you from endless clicking around.