#Design #Approaches
Designing in the browser · Your starting point for in-browser mockups https://ilo.im/163dnu

_____
#Browser #DesignProcess #UiDesign #WebDesign #Development #WebDev #Frontend #HTML #CSS #JavaScript

Better typography with text-wrap pretty

https://webkit.org/blog/16547/better-typography-with-text-wrap-pretty/

so i can make a guide for html/css formatting in posts but i need to know: should it just be the list of tags, how to apply them, and what they do? or do you want more info like "what even is html/css anyway?"

let me know

So, You Want to Give Up CSS Pre- and Post-Processors…, by @zellwk.bsky.social (@csstricks):

https://css-tricks.com/so-you-want-to-give-up-css-pre-and-post-processors/

Modern #CSS Theming | Light Mode / Dark Mode and More! "In this video CJ shows some modern CSS features you can use to create a dark / light theme. He shows how to create a CSS only theme switcher and also shows how to save a users theme preference to localStorage." https://www.youtube.com/watch?v=F1s8MZoGVL8

Digital Toolbox: CSS
Is a style sheet language used for specifying the presentation and styling of a document written in a markup language such as HTML/CFML.
https://wadebach.blackcatwhitehatsecurity.com
#Digital #Toolbox #CSS #programming

CSS Custom Properties vs. Sass Variables: A Pragmatic Guide: "When to use #CSS custom properties vs Sass variables in design systems: runtime theming vs compile-time constants, dynamic flexibility vs immutable foundations." https://www.alwaystwisted.com/articles/css-vs-sass

My April IndieWeb blog carnival entry on “renewal”!

I often feel compelled to tweak and redesign my website at the expense of other things I value. I talk about reconnecting with what I most enjoy about composing and coding, and avoiding treating my leisure and projects as if I need to impress someone.

https://reillyspitzfaden.com/posts/2025/04/indieweb-blog-carnival-renewal/

Did you know that the #Django admin can be themed?!

Here are 10 packages for the Django admin which can transform it with a Dracula theme, #Bootstrap #CSS, #Tailwind, and more!

Jazz up your Django admin today!

https://www.djangoproject.com/weblog/2025/apr/18/admin-theme-roundup/

Item Flow: A New Unified Concept for Layout, by @saron.bsky.social and @fantasai and others (@webkit):

https://webkit.org/blog/16587/item-flow-part-1-a-new-unified-concept-for-layout/

“:only-child”, by @kevinpowell:

https://html-css-tip-of-the-week.netlify.app/tip/only-child/

[OT] CSS c'est diablerie
#CSS
https://open-time.net/post/2025/04/18/CSS-c-est-diablerie

This is cool!

Because Google Fonts isn't #GDPR compliant, someone built "Bunny Fonts" to be a GDPR-compliant alternative.

Drop-in replacement with an identical API!

#WebDev #CSS

https://fonts.bunny.net/

If It Works, It’s Right, by @bell.bz (@piccalil.li):

https://piccalil.li/blog/if-it-works-its-right/

Out of Order, by @donnie:

https://blog.damato.design/posts/out-of-order/

Back when I was learning about #css, there was an amazing resource called CSS Zen Garden. It helped expand my knowledge of what was possible. It was like magic. TIL it's still around (no Internet Archive needed). https://csszengarden.com

CSS Holographic Masks: "Experimenting with some #CSS holographic effects, inspired by this guide from Robb Owen: Holograms, light-leaks and how to build CSS-only shaders." https://codepen.io/HejChristian/details/YPzLbYX

<angle>
Widely available (from Sept 2015)

https://developer.mozilla.org/en-US/docs/Web/CSS/angle

The <angle> CSS data type represents an angle value expressed in degrees, gradians, radians, or turns. It is used, for example, in <gradient>s and in some transform functions.

Cover Flow with Modern #CSS: Scroll-Driven Animations in Action: "Cover Flow let users flip through items as if browsing a tangible collection. Today, we can recreate this effect using only HTML and CSS, thanks to advancements like scroll-driven animations." https://addyosmani.com/blog/coverflow/

I’m fortunate to have worked with a lot of amazing designers over the years. Some were curious about designing in the browser with basic #HTML and #CSS, but weren’t sure where to begin, or felt discouraged by a lot of developer-centric content.

This is the advice I gave that seemed to resonate most: https://cloudfour.com/thinks/designing-in-the-browser-five-tips-for-beginners/