Episodes

  • 19 - The Summer Extravaganza
    Sep 3 2024

    We share our summer projects, including babies and GSAP. We figure out that some feature flags in Safari are just a checkbox and loop back to topics from our previous episode. We discuss how to do structured schema data and how Figma enables AI training by default. CSS can put Rob off these days. We re-discuss CH units and steal some buttons.

    • Introduction
    • What have we been up to?
    • Looping back to Safari feature flags
    • Looping back to relative colors
    • The resurrection of CSS Tricks
    • Microdata vs JSON-LD
    • Statamic Bard Texstyle
    • Figma AI training
    • Vacuum interruption #2
    • Modern CSS
    • ch units
    • Auto-sizes in stable Chromium
    • Button Stealer
    • Ending the Summer Extravaganza
    Show more Show less
    1 hr and 1 min
  • 18 - Are people using container queries? Transition to auto height, fit to width, Fig and Amazon Q, relative colors, nth-child, Things, and Markdown
    Jul 31 2024

    In this episode we recorded a month ago, we establish that Jay is clearly running this show and Rob just sits there. We cover our experiences with the recent Statamic Flat Camp and discover that Jay procrastinates watering his plants. Also: using modern CSS features, transitioning to auto, relative colors, Rob yelling at the Markdown cloud and a whole lot more.

    • Introduction
    • Flat Camp in Rome and Statamic scales with TV2
    • Using modern CSS features
    • Jay moving to Safari?
    • iOS/MacOS passwords app
    • Transition to auto
    • Josh Comeau on JS Promises
    • CSS Day: fit to width text
    • Fig / Amazon Q
    • Select a range with nth-child:
    • Using Things by Cultured Code
    • Rob doesn't like Markdown
    • Closing words
    Show more Show less
    56 mins
  • 17 - Mechanical keyboards, domain names, animating strokes, Vidstack
    May 29 2024

    It has been a while. When we recorded this episode a while ago after a few drinks, and apparently it took Jay time to recover the edit. But here we are, with more profanity than usual. Sorry, not sorry. Jay spent a lot of money on hardware and a domain. We share what we've been working on, cover a lot of news and vacuum Jay's tiny London apartment.

    • Introduction
    • Jay's mechanical keyboard saga continues
    • Expensive domain names
    • Animating strokes
    • Laravel for frontenders
    • Vacuum intermezzo
    • Content blockers
    • Jay's Figma and design journey
    • Vidstack, Plyr and using video's on websites
    • CSS Grid and Masonry
    • Dark mode as a UI piece
    • View Transitions coming to Safari
    • Detecting JS support in CSS
    • Chrome DevTools updates
    • New Statamic v5 commands
    • Wrapping up
    Show more Show less
    58 mins
  • 16 - Radical Design with Jack McDade, Flat Camp EU in Italy, Statamic v5 features, CMS Competitors & Ethics
    Apr 1 2024

    Jack McDade joins us to talk about his brand new Radical Design Course. The three of us are all going to Flat Camp EU and it is just around the corner. Statamic will get a major version update soon and it contains some pretty exciting new features and enhancements. Lastly, there’s a very generous discount code for Radical Design in this episode as well, but you’ll need to listen to find it.

    • Introduction
    • Radical Design
    • Flat Camp
    • Statamic v5
    • Competitors
    Show more Show less
    1 hr and 6 mins
  • 15 - Clients sliding into your DMs, cap units, Arc Search, Herd Pro, stylable switches, and overflow hidden is dead
    Mar 18 2024

    After a two month recording pause including an in person meetup, we have a lot to go over. Like clients sliding into your DMS, the new Cap unit, Dune 2, and the use and misuse of uppercase text. We also cover Herd Pro, the switch property, overflow:clip, form-sizing, CSS Generators, typescale.com, a warning about evergreen browsers, kanban boards in Apple Reminders, Eagle app and Screen Studio.

    • Introduction
    • Clients sliding into your DM's
    • Jay is away from home a lot but still plays games
    • A use-case for pseudo content as text
    • Cap Unit
    • The and misuse of uppercase text
    • Arc Search
    • Dune: part Two
    • Herd Pro
    • Safari 17.4 and the Switch control
    • overflow: clip
    • Field Sizing
    • CSS Generators
    • Evergreen Browsers
    • Typescale.com overhauled
    • Kanban view in Reminders and the quality of native Apple apps
    • Eagle App
    • Screen Studio
    Show more Show less
    51 mins
  • 14 - Em vs ch, pseudo alt text, animating summary/details, mechanical keyboards, grids and repeating gradients
    Jan 17 2024

    Three minutes of Indiana Jones chat followed by em's vs ch units—we know how to bring in the New Year! Webkit has introduced alt text for pseudo-elements. The summary/details element may soon be animatable. We record on Blue Monday which cleary increases Rob his grumpiness towards the endless stream of AI content. Jay documents his journey into the world of mechanical keyboards. We debate CSS grid strategy. Sketch/Figma debate. We ponder the maybe little-known art of repeating gradients in CSS.

    • Introduction & Indy
    • em vs ch units
    • Native switch element in Safari
    • Microsoft adding a Copilot key to keyboard
    • Alt text in pseudo content
    • Details / summary animations
    • Ethical web principles
    • Jay on mechanical keyboards
    • Preferred MacBook resolution
    • CSS Grid
    • Sketch and Figma
    • Repeating gradients
    Show more Show less
    51 mins
  • 13 - Christmas 2023, hanging punctuation, light & dark, Figma & Adobe, and GitHub Copilot as a useful AI
    Dec 20 2023

    In our very first Christmas episode, Jay makes fun of Dutch again when English clearly lacks a very important word; Rob shares updates regarding his password manager changes and doesn't like big blobs of light. Tailwind gets :has(), Figma get a cool $1B, and something's up with Chrome dev relations. We chat about the most recent news in CSS, and Jay shares his experiences with GitHub Copilot.

    • Introduction
    • A year in review
    • QR Codes and Security
    • Apple Stolen Device Protection
    • Hanging Punctuation
    • Light and dark mode
    • Vanilla CSS Peak
    • align-content
    • Baseline
    • light-dark() function
    • TailwindCSS v3.4
    • Nicole Sullivan left Google for Apple
    • Figma and Adobe
    • 2FA and Passkeys in Craft CMS
    • GitHub Copilot and AI
    Show more Show less
    1 hr
  • 12 - Side projects, politics, third-party cookie deprecation, little LDN meetup, CSS’s biggest year, and 1Password
    Nov 27 2023

    With Jay back in London, we return to remote recording again. We talk about abandoned side projects before Rob finally strikes back regarding pronunciation. We also cover Dutch politics (sorry), trivia, Google’s Topics API, and a lot of CSS news, including scroll snapping v2. Rob shares his experience of moving from 1Password to iCloud Keychain, and to Jay’s delight, Firefox has a Compatibility panel.

    • Introduction
    • Side projects
    • Pronunciation
    • Dutch elections
    • Thanksgiving having Dutch origins
    • Why is the default link colour blue?
    • Name attribute for details
    • Topics API
    • CSS random function
    • CSS snap changed
    • Text balance coming to Safari
    • London meetup
    • Tailwind to vanilla CSS converter
    • The biggest year ever for CSS?
    • Moving from 1Password to iCloud Keychain
    • Getting locked out of your Apple ID
    • Firefox compatibility panel
    Show more Show less
    48 mins