Show cover of Code Rush

Code Rush

A regular podcast about the challenges of front-end design & development in a fast-moving industry, with Jay George and Rob de Kort. We chat about industry news, workflow, favourite software, and everything else related to designing and developing websites.

Tracks

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.IntroductionWhat have we been up to?Looping back to Safari feature flagsLooping back to relative colorsThe resurrection of CSS TricksMicrodata vs JSON-LDStatamic Bard TexstyleFigma AI trainingVacuum interruption #2Modern CSSch unitsAuto-sizes in stable ChromiumButton StealerEnding the Summer Extravaganza

03/09/2024 • 60:35

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. IntroductionFlat Camp in Rome and Statamic scales with TV2Using modern CSS featuresJay moving to Safari?iOS/MacOS passwords appTransition to autoJosh Comeau on JS PromisesCSS Day: fit to width textFig / Amazon QSelect a range with nth-child:Using Things by Cultured CodeRob doesn't like MarkdownClosing words

31/07/2024 • 56:11

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.IntroductionJay's mechanical keyboard saga continuesExpensive domain namesAnimating strokesLaravel for frontendersVacuum intermezzoContent blockersJay's Figma and design journeyVidstack, Plyr and using video's on websitesCSS Grid and MasonryDark mode as a UI pieceView Transitions coming to SafariDetecting JS support in CSSChrome DevTools updatesNew Statamic v5 commandsWrapping up

29/05/2024 • 57:31

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.IntroductionRadical DesignFlat CampStatamic v5Competitors

01/04/2024 • 65:38

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.IntroductionClients sliding into your DM'sJay is away from home a lot but still plays gamesA use-case for pseudo content as textCap UnitThe and misuse of uppercase textArc SearchDune: part TwoHerd ProSafari 17.4 and the Switch controloverflow: clipField SizingCSS GeneratorsEvergreen BrowsersTypescale.com overhauledKanban view in Reminders and the quality of native Apple appsEagle AppScreen Studio

18/03/2024 • 51:16

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 & Indyem vs ch unitsNative switch element in SafariMicrosoft adding a Copilot key to keyboardAlt text in pseudo contentDetails / summary animationsEthical web principlesJay on mechanical keyboardsPreferred MacBook resolutionCSS GridSketch and FigmaRepeating gradients

17/01/2024 • 51:15

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.IntroductionA year in reviewQR Codes and SecurityApple Stolen Device ProtectionHanging PunctuationLight and dark modeVanilla CSS Peakalign-contentBaselinelight-dark() functionTailwindCSS v3.4Nicole Sullivan left Google for AppleFigma and Adobe2FA and Passkeys in Craft CMSGitHub Copilot and AI

20/12/2023 • 59:45

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.IntroductionSide projectsPronunciationDutch electionsThanksgiving having Dutch originsWhy is the default link colour blue?Name attribute for detailsTopics APICSS random functionCSS snap changedText balance coming to SafariLondon meetupTailwind to vanilla CSS converterThe biggest year ever for CSS?Moving from 1Password to iCloud KeychainGetting locked out of your Apple IDFirefox compatibility panel

27/11/2023 • 47:40

Fireworks and popping beers. In this very first in-person recording, Rob gets flagged for proper pronunciation again. Jay has gathered more coffee knowledge. Rob doesn't spit out his wine when tasting. Last but not least, from the comfort of a fire stove, we laugh over vicar jokes and cover Laravel Precognition, Canvas, PostCSS, (scroll-driven) animations in various guises, Passkeys and 1Password.IntroductionLaravel PrecognitionCanvas & HoudiniPostCSSCoffeeHipster animationScroll-driven animations and SafariScroll-driven animation rangesPasskeys and 1PasswordText balanceResponsive video

12/11/2023 • 54:04

After freelancing for ten years, Ross now works for WPEngine. He joins us to chat about his journey between the freelance and corporate worlds and the empowering revelation that everyone is creative. In the news, HTML introduces a brand-new search element, and CSS nesting is relaxing their requirement for ampersands—said in a Dutch/French accent. We also chat about positivity in our community.IntroductionSearch EnginesAge GateGoogle Privacy SandboxNews HTML Search ElementResponsive Design Mode in SafariSpat Chat& in NestingRoss WintleFrom Freelancing to EmploymentYou Are Creative

08/10/2023 • 60:44

Jay has an interesting time implementing Age Gate with search engines. We chat about the launch of our new Code Rush website, including decisions on opening links in new tabs, and designing á la Olivia Rodrigo—a world-famous pop star, for those that don’t know. Subgrid is upon us, and so is Google’s “Privacy Sandbox” which has garnered much debate amongst the web community.coderush.devOpening links in new tabsRedesigning vs RealigningCSS SubgridPrivacy Sandbox

18/09/2023 • 48:57

Amber Weinberg is a frontend developer at Studio Simpatico with over 25 years of experience. She joins us to muse over all the CSS news and to tell us all about how they use WordPress for their client work. All the while we complete CSS. Jay opens up about health and coffee. IntroductionJay on Coffee and Cholesterol A Good Use of ChatGPTNew CSS Features and ExamplesEntry and Exit AnimationsScroll Driven AnimationsSticky/StuckA Great Modern CSS ArticleA Great Modern CSS ArticleAgency Life at Studio SimpaticoMobile First or Desktop DownUsing WordPress today at Studio Simpatico

28/08/2023 • 50:09

Dave Smyth is a designer and developer interested in privacy and ethics. He joins us for this episode. Jay tries his best to lighten the tone with the latest web news while Rob and Dave get heavy with privacy and ethics.IntroductionSocial Media and Mental HealthCSS Nesting in FirefoxSpat Chat: CSS confusion?Custom easing in CSSProfiles coming to SafariFeedback from Bramus van DammeAI access for cliënts https://statamic.com/addons/bitdigital/statamic-chatgptDave on shifting to design work and outsourcing developmentPricing and freelancingEthical developmentJohn Gruber on tracking

07/08/2023 • 52:22

Rob is grumpy. In all his excitement about a certain thing being released in stable Chrome, Jay texted him, to which Rob responded in a very lame manner. This must be why Jay keeps giving Rob a hard time on his English pronounciation. There's a actual news this episode as well, and with Jay as our anchorman, we cover it all. Contract KillerScroll Driven Animations in Chrome StableApple hosting CCSWGCSS Subgrid is enabled by default in Chrome CanaryKirby v4 Alpha released:focus-visibleResponsive ArchetypesWix AI BuilderVox Media drops its own CMS and switches to WordPressAI for Design Inspiration

24/07/2023 • 47:44

How much access and control do you give Clients in a CMS Control Panel? Jay actively limits clients while Rob gives more - albeit restricted - freedom. Pricing stuff in Web Development is hard, how do we do it? We also have a new segment called Spat Chat 💦.Control Panel access for ClientsPricing in Web DevelopmentSpat Chat on Design for the Web without Figma

13/07/2023 • 45:37

Jay is anxiously waiting for his new MacBook and hasn't told his client yet that he's taken progressive enhancement to an insane level. Rob, again, didn't go to a conference. We discuss scroll driven animations and the fancy Apple Vision Pro. What is new in Safari and what do sticky elements mean for accessibility. IntroductionScroll driven animationsA solution for OKLCH in TailwindCSSNewsWWDC, Vision Pro and SafariSticky elements and a11y

21/06/2023 • 38:55

After looping back around to some previous topics to course-correct, we discuss the web conference circuit and the idea of simply meeting up for fun, à la "Flat Camp" style—Statamic's new conference. Colour models are now supported in all modern browsers so we cover everything from RGB, HSL, through to the newest OKLCH model. Finally, we comb over the release of Statamic version 4.IntroductionLooping back to view transitions and SafariConferencesColour models / LCH supportStatamic v4https://oklch.com

20/05/2023 • 35:55

Jay got a new King, and Rob's kids sold stuff on a blanket to celebrate the birthday of his King(?!). We tinker with the idea of "View Transitions", the web's answer to soft-loading content—similar to the behaviour of iOS and Android apps. Is it ready for traditional websites? We weigh up Content Management Systems and close off by discussing if Safari is indeed an Evergreen Browser.A Royal introduction and weird Dutch habitsView transitionsThe dangers and advantages of picking a small CMSIs Safari an evergreen browser?

12/05/2023 • 39:40

In our pilot episode, Rob and Jay introduce themselves before diving into Scroll-timeline and the desire for native scroll triggering, along with aversions to snap scroll and jacking. We lament the vanilla CSS / Tailwind community divide—with Jay and Rob shaking hands across the fence—before discussing misconceptions about Tailwind, plus its application of some of the newer vanilla CSS like :has().Who are we and why Code Rush?Scroll animation timelineSnap scroll and manipulating the scrolling experienceHow scrolljacking (even natively) comes with massive caveats and Jay has drawn a line in the sand with thisA more instant workflow when writing vanilla CSSTailwind and community problemsTailwind UI:has() Logic in Tailwind

26/04/2023 • 29:35

Similar podcasts