Mandy MichaelUsing Font Variant NumericThe font-variant-numeric CSS property allows us to control alternate glyphs for numbers, fractions, and ordinal markers.Feb 18Feb 18
Mandy MichaelAnimating Font PaletteWith the release of Chrome 121 we can now animate a smooth transition between font-palettes in Color Fonts using only CSS.Feb 16Feb 16
Mandy MichaelBuilding a Server Side Zendesk App with NextJs, JWTs & Iron SessionThis post will run you through setting up a Zendesk app which makes a client side request using the Zendesk App SDK and also makes a…Nov 17, 20221Nov 17, 20221
Mandy MichaelWhy you shouldn’t write your content in Uppercase, instead use CSS.Uppercasing is common in designs on the web you’ll often see it in navigation, on buttons and in headings or subheadings. I was recently…Jul 23, 20202Jul 23, 20202
Mandy MichaelinJavaScript in Plain EnglishCreating 3D Layout with CSS using Grid & PerspectiveCSS Grid isn’t just for creating flat, 2D layouts — we can make the most of the CSS grid and combine it with other CSS properties to do a…Jul 16, 2020Jul 16, 2020
Mandy MichaelinPixel and InkSetting up Playroom in a custom Component LibraryMay this guide to setting up Playroom in your component library help you through some of the bumps (specifically the ones I hit) along the…Jul 13, 20201Jul 13, 20201
Mandy MichaelinPixel and InkGenerating CSS breakpoints from props with CSS-in-JS and TypeScriptOne of the things I love about CSS is how easy it is to change things at different breakpoints. Maybe you want to drop text, images, or…Apr 10, 2020Apr 10, 2020
Mandy MichaelinUX CollectiveThe performance benefits of Variable FontsWhen we think about web fonts and their impact on the performance on our websites we often focus on three main areas:Mar 9, 2020Mar 9, 2020
Mandy MichaelResize text to fit the parent with variable font width axisAdjust the width of your text to fit its parent container using a variable font width axisMar 6, 20203Mar 6, 20203
Mandy MichaelinPixel and InkGetting started with Automated Visual TestingWhen working in teams with mixed skills one of the biggest technical challenges I’ve faced is managing the changes to how things render…Mar 6, 20201Mar 6, 20201