Learnings

<p>Use Refokus’ Rich Text Enhancer to apply styling to any rich text styling unsupported by Webflow CMS (code snippets, strikethrough, dotted underlines, etc.)</p>

<p>Understanding Layout Algorithms: The mental model shift that makes CSS more intuitive </p>

<p>Scripts: async, defer - </p>

<p>Customizing range inputs </p>

<p>Minimalist Python library for building static websites with Jinja: </p>

<p>Preloading fonts in Chrome with 'preload' link directive: </p>

<p>target=blank </p>

<p>Simple and lightweight data grid in JS/HTML </p>

<p>Creating and sending HTML emails </p>

<p>Watch out for invalid HTML (AKA don't put <div> inside <p>) </p>

<p>Create, customize, and compose animations using CSS classes and variables and without having to write a single keyframe </p>

<p>Decorative images should be marked with <code>alt=""</code> so it gets ignored by screen readers </p>

<p>Things I Wish I’d Known About CSS: awesome straightforward list of CSS gotchas </p>

<p>HTML styling tips for rendering emails </p>

<p>Lazy load offscreen images with lazysizes </p>

<p>json2html easily converts Python dicts from JSON to HTML tables: </p>

<p>Native image lazy-loading for the web! </p>

<p>Hiding responsive images through CSS is not enough to avoid downloading, learn how to fix this here </p>

<p>For you pass an HTML string to a Django Template you have to turn autoescape off </p>

<p>You can define responsive images in the HTML by setting the <code>srcset</code> attribute on <code>&lt;img&gt;</code> like this: <code>&lt;img src="img.jpg" srcset="img@2x.jpg 2x, img@3x.jpg 3x"&gt;</code></p>

<p>Use <details> HTML tag in GitHub issues or readmes. Useful to have a show/hide button for logs! </p>

<p>DOM elements with ID's are global variables </p>

<p>Disabled form fields aren't added to form data on submit. You should probably use the <code>readonly</code> attribute instead: </p>

<p>Could you describe in simple terms what <code>display: block</code> actually does? </p>