#156 - Autonomy online

Hey everyone,

Welcome to issue #156, your weekly roundup of what’s happening in design, code and typography.

Thought provoking #

“Be considerate to future interviewers. Respect peoples time. Give feedback so we can all improve.” In To All the Companies I’ve Interviewed with Before Christina Gorton provides an honest reflection of her experience going through the interview process and finding a job as Dev’s new Open Source Community Manager.

“By not being as precious about the pixel-precision of the final output, we invite more people into the design process.” Daniel Eden in A Tapestry of Tools.

Design and Code #

Autonomy Online: A Case For The IndieWeb. Ana Rodrigues explains why the IndieWeb - an alternative to corporate bubbles – is a great opportunity for personal development, taking ownership of your content, and learning by building personal websites.

Holly Tuke on 5 most annoying website features I face as a blind person every single day.

content-visibility: the new CSS property that boosts your rendering performance. Improve initial load time by skipping the rendering of offscreen content.

Creating A Custom Scroll Bar In 24 Lines Of CSS. Emma Bostian shows how to create a a gradient progress bar that fades in from zero opacity to full opacity as you scroll using foundational HTML, CSS, and JavaScript.

Stephanie Eckles demonstates how to make Custom Select Styles with Pure CSS.

Typography #

Signifier, the latest release from Klim Type Foundry, is a Brutalist response to 17th century typefaces. Designed by Kris Sowersby, Signifier’s digital immateriality draws on a deeply material past. Acknowledging the processes and tools of digital form-making, Sowersby worked consciously with the computer to recast the lead, antimony, and tin of the 17th century Fell Types into ones and zeros. Signifier emerged from this alchemy with Bézier curves and sharp vectors determined by machine logic and a Brutalist ethos.

Leading-Trim: The Future of Digital Typesetting. Ethan Wang explains leading-trim a new CSS property that the CSS Working Group is introducing which lets you trim off extra space around text and create more accurate spacing.

The Mind Behind Tamil’s First Variable Typeface. Anagha Narayanan a type designer from Hyderabad, a historic city in south India talks to Type01 about her journey into the type and designing the first variable typeface for the Tamil language.

Something to watch #

How To Code Your Own Cookie Consent Popup with JavaScript. In this tutorial James Bubb shows how to create a cookie consent popup to allow users to your site to accept your privacy policy / terms and conditions.

Reply by email

Monthly Newsletter

Once a month I curate a newletter for designers and developers interested in static sites, CSS and web performance. Check out past issues to get an idea.