14 - Em Vs Ch, Pseudo Alt Text, Animating Summary/details, Mechanical Keyboards, Grids And Repeating Gradients Code Rush podcast

Artwork

Tech Business Jay George And Rob De Kort Jay George Rob De Kort CMS CSS Webdesigner Webdevelopment

Player FM - Internet Radio Done Right

اضافه شده در two سال پیش

محتوای ارائه شده توسط Jay George and Rob de Kort, Jay George, and Rob de Kort. تمام محتوای پادکست شامل قسمت‌ها، گرافیک‌ها و توضیحات پادکست مستقیماً توسط Jay George and Rob de Kort, Jay George, and Rob de Kort یا شریک پلتفرم پادکست آن‌ها آپلود و ارائه می‌شوند. اگر فکر می‌کنید شخصی بدون اجازه شما از اثر دارای حق نسخه‌برداری شما استفاده می‌کند، می‌توانید روندی که در اینجا شرح داده شده است را دنبال کنید.https://fa.player.fm/legal

<

<div class="span index">1</div> <span><a class="" data-remote="true" data-type="html" href="/series/series-3594218">The Innovators & Investors Podcast</a></span>

<div class="span index">1</div> <span><a class="" data-remote="true" data-type="html" href="/series/series-3594218">The Innovators & Investors Podcast</a></span> podcast artwork

<div class="span index">1</div> <span><a class="" data-remote="true" data-type="html" href="/series/series-3594218">The Innovators & Investors Podcast</a></span> podcast artwork

1
The Innovators & Investors Podcast

لغو اشتراک

22 hours پیش22h ago

لغو اشتراک

هفتگی+

The Innovators & Investors Podcast: Connecting the Startup Ecosystem. We are on a mission to bridge the gap between founders, investors, and industry leaders across the early-stage ecosystem. By bringing together visionaries from cutting-edge startups, venture capitalists, family offices, angel investors, accelerators, and studios, we offer a platform for sharing invaluable insights, market trends, and first-hand experiences. Whether you’re an entrepreneur navigating the challenges of building a business or an investor seeking opportunities in emerging technologies, our podcast provides a front-row seat to the dynamic world of innovation and investment. Tune in to gain a comprehensive understanding of the startup landscape, stay ahead of the curve, and benefit from the collective wisdom of those shaping the future. Think you'd be a great guest on the show? Apply at https://finstratmgmt.com/innovators-investors-podcast/

Code Rush « »
14 - Em vs ch, pseudo alt text, animating summary/details, mechanical keyboards, grids and repeating gradients

۲ سال پیش 51:15

اشتراک گذاری

MP3•خانه قسمت

محتوای ارائه شده توسط Jay George and Rob de Kort, Jay George, and Rob de Kort. تمام محتوای پادکست شامل قسمت‌ها، گرافیک‌ها و توضیحات پادکست مستقیماً توسط Jay George and Rob de Kort, Jay George, and Rob de Kort یا شریک پلتفرم پادکست آن‌ها آپلود و ارائه می‌شوند. اگر فکر می‌کنید شخصی بدون اجازه شما از اثر دارای حق نسخه‌برداری شما استفاده می‌کند، می‌توانید روندی که در اینجا شرح داده شده است را دنبال کنید.https://fa.player.fm/legal

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

… continue reading

19 قسمت

#Tech #Business #Jay George And Rob De Kort #Jay George #Rob De Kort #CMS #CSS #Webdesigner #Webdevelopment

Artwork

14 - Em vs ch, pseudo alt text, animating summary/details, mechanical keyboards, grids and repeating gradients

published ۲ سال پیش

اشتراک گذاری

MP3•خانه قسمت

محتوای ارائه شده توسط Jay George and Rob de Kort, Jay George, and Rob de Kort. تمام محتوای پادکست شامل قسمت‌ها، گرافیک‌ها و توضیحات پادکست مستقیماً توسط Jay George and Rob de Kort, Jay George, and Rob de Kort یا شریک پلتفرم پادکست آن‌ها آپلود و ارائه می‌شوند. اگر فکر می‌کنید شخصی بدون اجازه شما از اثر دارای حق نسخه‌برداری شما استفاده می‌کند، می‌توانید روندی که در اینجا شرح داده شده است را دنبال کنید.https://fa.player.fm/legal

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

… continue reading

19 قسمت

#Tech #Business #Jay George And Rob De Kort #Jay George #Rob De Kort #CMS #CSS #Webdesigner #Webdevelopment

همه قسمت ها

×

Artwork

1
19 - The Summer Extravaganza 1:00:35

47 weeks پیش1:00:35

پخش در آینده

پخش در آینده

دوست داشته شد

1:00:35

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…

Artwork

1
18 - Are people using container queries? Transition to auto height, fit to width, Fig and Amazon Q, relative colors, nth-child, Things, and Markdown 56:11

1 year پیش56:11

پخش در آینده

پخش در آینده

دوست داشته شد

56:11

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…

Artwork

1
17 - Mechanical keyboards, domain names, animating strokes, Vidstack 57:31

1 year پیش57:31

پخش در آینده

پخش در آینده

دوست داشته شد

57:31

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…

Artwork

1
16 - Radical Design with Jack McDade, Flat Camp EU in Italy, Statamic v5 features, CMS Competitors & Ethics 1:05:38

1 year پیش1:05:38

پخش در آینده

پخش در آینده

دوست داشته شد

1:05:38

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…

Artwork

1
15 - Clients sliding into your DMs, cap units, Arc Search, Herd Pro, stylable switches, and overflow hidden is dead 51:16

1 year پیش51:16

پخش در آینده

پخش در آینده

دوست داشته شد

51:16

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…

Artwork

1
14 - Em vs ch, pseudo alt text, animating summary/details, mechanical keyboards, grids and repeating gradients 51:15

۲ years پیش51:15

پخش در آینده

پخش در آینده

دوست داشته شد

51:15

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…

Artwork

1
13 - Christmas 2023, hanging punctuation, light & dark, Figma & Adobe, and GitHub Copilot as a useful AI 59:45

۲ years پیش59:45

پخش در آینده

پخش در آینده

دوست داشته شد

59:45

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…

Artwork

1
12 - Side projects, politics, third-party cookie deprecation, little LDN meetup, CSS’s biggest year, and 1Password 47:40

۲ years پیش47:40

پخش در آینده

پخش در آینده

دوست داشته شد

47:40

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…

Artwork

1
11 - Laravel Precognition, Canvas, PostCSS stages, hipster animation, Safari goes scroll-driven, Passkeys & 1Password 54:04

۲ years پیش54:04

پخش در آینده

پخش در آینده

دوست داشته شد

54:04

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. Introduction Laravel Precognition Canvas & Houdini PostCSS Coffee Hipster animation Scroll-driven animations and Safari Scroll-driven animation ranges Passkeys and 1Password Text balance Responsive video…

Artwork

1
10 - From freelance back to full-time employment, with Ross Wintle. Duck Duck Go, Safari and CSS nesting news 1:00:44

۲ years پیش1:00:44

پخش در آینده

پخش در آینده

دوست داشته شد

1:00:44

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. Introduction Search Engines Age Gate Google Privacy Sandbox News HTML Search Element Responsive Design Mode in Safari Spat Chat & in Nesting Ross Wintle From Freelancing to Employment You Are Creative…

Artwork

1
9 - Age Gate Indexing, Opening Links In New Tabs, Stealing Design, CSS 48:57

۲ years پیش48:57

پخش در آینده

پخش در آینده

دوست داشته شد

48:57

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.dev Opening links in new tabs Redesigning vs Realigning CSS Subgrid Privacy Sandbox…

Artwork

1
8 - Where Is WordPress Now? With Amber Weinberg, Agency Life and News Including CSS Sticky/Stuck 50:09

۲ years پیش50:09

پخش در آینده

پخش در آینده

دوست داشته شد

50:09

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. Introduction Jay on Coffee and Cholesterol A Good Use of ChatGPT New CSS Features and Examples Entry and Exit Animations Scroll Driven Animations Sticky/Stuck A Great Modern CSS Article A Great Modern CSS Article Agency Life at Studio Simpatico Mobile First or Desktop Down Using WordPress today at Studio Simpatico…

Artwork

1
7 - Privacy and Ethics with Dave Smyth 52:22

۲ years پیش52:22

پخش در آینده

پخش در آینده

دوست داشته شد

52:22

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. Introduction Social Media and Mental Health CSS Nesting in Firefox Spat Chat: CSS confusion? Custom easing in CSS Profiles coming to Safari Feedback from Bramus van Damme AI access for cliënts https://statamic.com/addons/bitdigital/statamic-chatgpt Dave on shifting to design work and outsourcing development Pricing and freelancing Ethical development John Gruber on tracking…

Artwork

1
6 - Scroll Driven Animations in Stable Chrome, CSS Subgrid, Kirby v4, Responsive Archetypes, Wix AI Builder, and More 47:44

۲ years پیش47:44

پخش در آینده

پخش در آینده

دوست داشته شد

47:44

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 Killer Scroll Driven Animations in Chrome Stable Apple hosting CCSWG CSS Subgrid is enabled by default in Chrome Canary Kirby v4 Alpha released :focus-visible Responsive Archetypes Wix AI Builder Vox Media drops its own CMS and switches to WordPress AI for Design Inspiration…

Artwork

1
5 - Clients and CMS Control, Pricing Web Development, and Spat Chat 45:37

۲ years پیش45:37

پخش در آینده

پخش در آینده

دوست داشته شد

45:37

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 Clients Pricing in Web Development Spat Chat on Design for the Web without Figma…

C

Code Rush

Code Rush podcast artwork

1
4 - WWDC, Safari Updates, Web Apps and Sticky Elements 38:55

۲ years پیش38:55

پخش در آینده

پخش در آینده

دوست داشته شد

38:55

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. Introduction Scroll driven animations A solution for OKLCH in TailwindCSS News WWDC, Vision Pro and Safari Sticky elements and a11y…

C

Code Rush

Code Rush podcast artwork

1
3 - Multi Page View Transitions, Conferences, Colour Models, and Statamic v4 35:55

۲ years پیش35:55

پخش در آینده

پخش در آینده

دوست داشته شد

35: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. Introduction Looping back to view transitions and Safari Conferences Colour models / LCH support Statamic v4 https://oklch.com…

C

Code Rush

Code Rush podcast artwork

1
2 - View Transitions, The Dangers and Advantages of Picking a Small CMS, and Is Safari really "Evergreen"? 39:40

۲ years پیش39:40

پخش در آینده

پخش در آینده

دوست داشته شد

39:40

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 habits View transitions The dangers and advantages of picking a small CMS Is Safari an evergreen browser?…

C

Code Rush

Code Rush podcast artwork

1
1 - Scroll Timeline, Snap Scroll and Jacking, Vanilla CSS, Tailwind, and their Communities 29:35

۲ years پیش29:35

پخش در آینده

پخش در آینده

دوست داشته شد

29:35

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 timeline Snap scroll and manipulating the scrolling experience How scrolljacking (even natively) comes with massive caveats and Jay has drawn a line in the sand with this A more instant workflow when writing vanilla CSS Tailwind and community problems Tailwind UI :has() Logic in Tailwind…

به Player FM خوش آمدید!

Player FM در سراسر وب را برای یافتن پادکست های با کیفیت اسکن می کند تا همین الان لذت ببرید. این بهترین برنامه ی پادکست است که در اندروید، آیفون و وب کار می کند. ثبت نام کنید تا اشتراک های شما در بین دستگاه های مختلف همگام سازی شود.

به بیش از 500 موضوع گوش کنید

در حین کاوش به این نمایش گوش دهید