Shows
ShopTalk650: Layout in CSS, Balatro Q&A, Chrome Biz, & Forkin VS CodeShow DescriptionDoes layout make CSS difficult to learn from scratch, Chris quizzes Dave about Balatro, getting back into Pokemon, why should Google have to sell Chrome, adding fun features to apps you already have to keep you using them like Raycast, and thoughts on the VS Code forks + AI.
Listen on Website →Links
Web Awesome Layout Anatomy
Balatro
Pokémon GO
A Little Arm Chair Businessin’ about Chrome – Chris Coyier
Raycast Focus works really well - daverupert.com
Cursor - The AI Code Editor
Trae - Ship Faster with Trae
Codium is now...2025-02-031h 04
PodRocket - A web development podcast from LogRocketRelatively New Things You Should Know about HTML with Chris CoyierChris Coyier, co-founder of CodePen, talks about the evolving landscape of HTML heading into 2025. He delves into topics like the slow evolution of HTML compared to CSS and JavaScript, the importance of backwards compatibility, new HTML elements and pseudo-elements, and the potential of declarative shadow DOM for server-side rendering in web components.
Links
https://chriscoyier.net
https://codepen.io/chriscoyier
https://front-end.social/@chriscoyier
https://github.com/chriscoyier
https://www.threads.net/@chriscoyier
https://bsky.app/profile/chriscoyier.net
We want to hear from you!
How...2025-01-3040 minShopTalk647: Slash Pages vs Wikis vs Posts, RSS, Living with an ADHD Diagnosis, and M4 UpgradesShow DescriptionIn this episode, we kick off the New Year with chats about battling illness over the holidays, the challenges of maintaining productivity, the differences between slash pages, wikis, and blog posts, how we use RSS, the importance of containers and context, Dave talks about living with ADHD, developing a system approach to CSS, Chris' thoughts on upgrading to an M4 MacBook Pro, and writing in Pug.
Listen on Website →Links
Chris Coyier.net
slash pages
/uses
chipotle - IndieWeb
Digital gardening
daverupert.com
Feedbin
Reeder
NetNewsWire: Free and Open Source RS...2025-01-1353 min
The Changelog: Software Development, Open SourceShopTalk & Friends (Friends)Chris Coyier and Dave Rupert join Adam and Jerod for a ShopTalk & Friends conversation on the viability of the web, making content, ads to support that content, Codepen’s future plans, books, side quests, and social networks devaluing links.
Join the discussionChangelog++ members get a bonus 11 minutes at the end of this episode and zero ads. Join today!Sponsors:Sentry – When your app breaks, fix it faster with Sentry Use the code CHANGELOG when you sign up to get $100 off the team plan. Learn more about what they shipped for Laun...2024-12-061h 34Changelog & FriendsShopTalk & FriendsChris Coyier and Dave Rupert join Adam and Jerod for a ShopTalk & Friends conversation on the viability of the web, making content, ads to support that content, Codepen’s future plans, books, side quests, and social networks devaluing links.
Join the discussionChangelog++ members get a bonus 11 minutes at the end of this episode and zero ads. Join today!Sponsors:Sentry – When your app breaks, fix it faster with Sentry Use the code CHANGELOG when you sign up to get $100 off the team plan. Learn more about what they shipped for Laun...2024-12-061h 34Changelog Master FeedShopTalk & Friends (Changelog & Friends #72)Chris Coyier and Dave Rupert join Adam and Jerod for a ShopTalk & Friends conversation on the viability of the web, making content, ads to support that content, Codepen’s future plans, books, side quests, and social networks devaluing links.
Join the discussionChangelog++ members get a bonus 11 minutes at the end of this episode and zero ads. Join today!Sponsors:Sentry – When your app breaks, fix it faster with Sentry Use the code CHANGELOG when you sign up to get $100 off the team plan. Learn more about what they shipped for Laun...2024-12-061h 34
Whiskey Web and Whatnot: Web Development, NeatOpen-Source Ethics and Monetization with Chris CoyierThis week, Robbie and Chuck talk with Chris Coyier about the complexities of open-source, balancing community contributions with monetization, the quirks of modern web development, and creative approaches to building sustainable tech projects.
In this episode:
(00:00) Intro
(01:02) Podcast recording and All Things Open
(04:10) Wine tasting: Brunello di Montalcino Annata 2018
(04:41) CSS and styling challenges
(11:02) Open source licensing
(22:24) Feature flags and pricing models
(27:28) 90s nostalgia
(32:19) Is open source worth it?
(39:53) Why dev hiring is broken
(45:21) Famous forks
(49:26) WordPress drama
(54:58) Plugs
Links
RodeCaster Pro II: https://rode.com/en-us/interfaces-and-mixers/- rodecaster-series/rodecaster-pro-ii/
All Things Open: https://2024.allthingsopen.org/
...2024-11-2857 minShopTalk630: Frostapalooza Recap, Follow Up, and Messy CodebasesShow DescriptionChris has a birthday today , we recap our Frostapalooza experience celebrating Brad Frost's birthday, do all codebases become a mess, Mermaid, TLDraw, and Figjam thoughts, making tiny games, where's the follow up in web and world news, and what's the current state of CMS' on the web?
Listen on Website →Links
Frostapalooza – Chris Coyier
FROSTAPALOOZA - A CONCERT/PARTY/HAPPENING ON AUGUST 17th, 2024
Frostapalooza in photos and videos | Brad Frost
Symmetry 2024 Tickets
Code Editor Community
Understanding Technical Debt
Mermaid Tool
tldraw
Collaborative Whiteboard
Dev Mode
Visual Suite for Everyone
Game Deve...2024-08-261h 01ShopTalk625: CarTalk, Ownership of A Book Apart, and URL ShortenersShow DescriptionDave's putting together a platform for his presidential bid and workshops his policies, discussing vehicle options for a family in 2024, Chris and other authors get ownership of their A Book Apart books back, and the ramifications and reasoning behind Google killing a URL shortener.
Listen on Website →Links
Office Space (1999) directed by Mike Judge • Reviews, film + cast • Letterboxd
2024 Hyundai IONIQ 5: Electric SUV | Hyundai Canada
R2 - Rivian
Bronco® Sport | Build & Price | Shop.ford.ca
A Book Apart
Practical SVG by Chris Coyier
Print-On-Demand
I’m Mat. I make websites.
Reacquired.
Real Life N...2024-07-2243 min
ConTejas CodeChris Coyier, CEO CodePen: How We're Building CodePen 2.0, CSS-TricksLinks- Codecrafters (Sponsor): https://tej.as/codecrafters- Codepen: https://codepen.io- TailwindCSS Play CDN: https://tailwindcss.com/docs/installation/play-cdn- Chris on X: https://x.com/chriscoyier- Tejas on X: https://x.com/tejaskumar_SummaryIn this episode, Chris Coyier (CEO of CodePen) discusses his background and the projects he is involved in, including CSS-Tricks and CodePen. He talks about the workload and challenges of running these projects, particularly the complexities of managing advertising and the business...2024-06-031h 34
Kutad Gubilik's Listen LaterChris Coyier on Embracing Technology and the Future of Web Development Podcast: Whiskey Web and Whatnot: Web Development, Neat (LS 37 · TOP 2.5% what is this?)Episode: Chris Coyier on Embracing Technology and the Future of Web DevelopmentPub date: 2024-02-15Get Podcast Transcript →powered by Listen411 - fast audio-to-text and summarizationHosts Robbie Wagner and Charles William Carpenter III welcome special guest, Chris Coyier the co-founder of CodePen and an avid web enthusiast, to share his insights on the latest trends and happenings in the tech world.
Pondering over the pros and cons of GitHub desktop, discussing React's influence on...2024-03-271h 08ShopTalk604: VS Code Plugins, Git as a Radical Statement, Tailwind & Arc DramaShow DescriptionA follow up on jQuery conversation, Microsoft owning all the things, what VS Code plugins are your ride or die, the ability to Git from wherever you want, Tailwind drama, global design system follow up, Arc Search gets roasted, and Frontend Design Conference is back!
Listen on Website →Links
GitHub - tc39/proposal-type-annotations: ECMAScript proposal for type syntax that is erased - Stage 1
Chris Coyier on Embracing Technology and the Future of Web Development - Whiskey Web and Whatnot - Episode 131
Zed
Dracula Official
GitLens
Tower Git Client
GitHub Desktop
“Wher...2024-02-2656 min
Whiskey Web and Whatnot: Web Development, NeatChris Coyier on Embracing Technology and the Future of Web DevelopmentHosts Robbie Wagner and Charles William Carpenter III welcome special guest, Chris Coyier the co-founder of CodePen and an avid web enthusiast, to share his insights on the latest trends and happenings in the tech world.
Pondering over the pros and cons of GitHub desktop, discussing React's influence on teams and efficiency, grappling with the hot topics around CSS and Tailwind, and airing their thoughts on Apple's latest Vision Pro, the conversation bounces around delightfully.
All along, they’re savoring a pour from Barrell Craft Spirits and enjoying the occasional detour into pop culture, fitness, an...2024-02-151h 08ShopTalk599: Fighting the Algorithm With RSS, Blogging, and the IndieWebShow DescriptionDave and Chris discuss indie web culture, the role of social media in today's society, and the challenges and strategies of freelancing. Additionally, they discuss a range of topics from content moderation, coding and refining tech skills, to emerging startups and the future of web technology.
Listen on Website →Links
Cracking The Cryptic
How Adam Savage COMPLETELY Overhauled His Workshop
Where have all the websites gone?
I miss RSS
kottke.org - home of fine hypertext products
Daring Fireball
Chris Coyier – Web craftsman, blogger, author, speaker.
The Homepage of Dave Rupe...2024-01-221h 04
Learn to Code in One MonthChris Coyier on CodePen, CSS Tricks, and ShopTalk PodcastChris Coyier (@chriscoyier) is co-host of the ShopTalk podcast, built CSS-Tricks.com, one of my favorite resources for staying up-to-date with HTML, CSS and all things front-end. He also co-founded CodePen, a popular coding playground for HTML, CSS, and JavaScript. In my interview with Chris Coyier we discuss: How Chris Coyier learned to code! What's a front-end developer? What resources do you use to stay up to date on web dev? Lessons learned from over 300+ episodes of the ShopTalkShow Podcast How many blog posts has Chris written for CSS-Tricks? (You won't' believe the answer) Listen to...2024-01-1658 minShopTalk595: MedTalk Show, Plagiarism and Code Grifting, and How We’re Testing CodeShow DescriptionBlood pressure, stress, and COVID highlight the MedTalk Show portion of this episode, a new "Did You Know" segment about dev tools in Chrome, 4 hour video on plagiarism and code grifters, typography, breaking out of CSS Grid, the oldest things Chris and Dave worked on, and what the testing process is like at Luro or CodePen.
Listen on Website →Links
Blood Pressure – Chris Coyier
QardioArm 2 - Smart Blood Pressure Monitor
CodePen PRO
Plagiarism and You(Tube)
kottke.org - home of fine hypertext products
Welcome to Ethan Marcotte’s website
Practi...2023-12-111h 00ShopTalk594: Wiping Your Laptop, UX of Password Codes, and :Has Tips and TricksShow DescriptionIn this episode we're discussing making tech videos, website tinkering, :has tricks, SVG path commands, and the complexities of CSS & JavaScript logic.
Listen on Website →Links
Streamlabs
NextDNS
GitHub Desktop
Tower Git Client
Screen Studio
ScreenFlow
Descript | All-in-one video & podcast editing, easy as a doc.
Mark Rober
I Joined 4 Coppers For Ranked... (Rainbow Six Siege)
Element Indexes – Chris Coyier
A /random Route on a WordPress Site – Chris Coyier
daverupert.com
Bookshelf | daverupert.com
Sentry
SponsorsMiroFind simplicity in your most complex projects with Miro. Your first...2023-12-041h 01ShopTalk590: Twisting Through WebsitesShow DescriptionThe excitement of launching Luro, changes in social media platforms, different seasons for coding and marketing, embedded social media post weight, CSS thoughts from Web Unleashed, focus state issues, and fact checking and updating old posts on your blog.
Listen on Website →Links
Luro | Build a design system and track component usage, adoption, and success across your entire product.
Watch Dave's livestreams on Twitch
Pebble (social network)
Message Decoder – Chris Coyier
Message Decoder - Scans your notifications, automatically puts one-time passcodes on your clipboard
0 KB Social Media Embeds – Chris Coyier
WordPr...2023-11-0657 minShopTalk589: CSS Functions, Read It Later, Making Money in Business, and MoreShow DescriptionA quick bit of union news follow up, CSS function round up, Read It Later inside Feedbin, fun uses for a Stream Deck+, how to turn up the money dial in your own business, and having the audacity to call yourself a publisher.
Listen on Website →Links
A Couple of New CSS Functions I’d Never Heard Of – Chris Coyier
[@ichrisv2 • Parenting tip: iOS17's Assistive Access mode is great for accessibility (seniors, etc.) but also ... • Threads](https://www.threads.net/@ichrisv2/post/CydyJByOPvK)
Bandcamp’s Entire Union Bargaining Team Was Laid Off...2023-10-3056 min
PodRocket - A web development podcast from LogRocketModern CSS in real life with Chris CoyierWe welcome back THE CSS guy, Chris Coyier, founder of CSS Tricks and co-founder of CodePen, as he talks to us about why he loves CSS, how to use the newest features of CSS, understanding colors, and more.
Links
https://chriscoyier.net
https://codepen.io
https://shoptalkshow.com
https://twitter.com/chriscoyier
https://www.linkedin.com/in/chris-coyier-1aa843100
We want to hear from you!
How did you find us? Did you see us on Twitter? In a newsletter? Or maybe we were recommended by a friend?2023-10-1743 minShopTalk585: Blog Redesign, Sounds on a Website, Accessibility Tests, and Safari 17Show DescriptionChris redesigned his blog, using sounds on your website to make it seem fancy, what can't automated accessibility tests test, and what's new in Safari 17.
Listen on Website →Links
School dropoff and sweater weather season | Instagram
Chris Coyier - Web craftsman, blogger, author, speaker.
Cannonball is such a badass song - Chris Coyier
Soundcite
Why not React? - DEV Community
Top Tasks - A how-to guide - Gerry McGovern
How To Make A Strong Case For Accessibility – Smart Interface Design Patterns
Expanding your touch targets – Nicole Sullivan
v0.dev by Vercel...2023-10-0259 minShopTalk581: DevRel, Musical Mics, Social Sharing, and 100 Years of WordPressShow DescriptionDave calls a quick Luro branding meeting, some thoughts on DevRel, Chris tries to figure out musical instrument mics, follow up on WordPress from a previous episode, Chris' journey through the social graph options, 100 year hosting with WordPress, and the introduction of a new segment: Happy Project Share Time.
Listen on Website →Links
kingkool68/wordpress-rh-starter-theme
get_template_part()
The cost of convenience — surma.dev
The State of API-Powered Publishing to Social Media Networks - Chris Coyier
XPoster – WordPress plugin | WordPress.org
FS Poster
Micro.blog
kottke.org - home of fine h...2023-09-0400 min
Modern WebUnbelievable Transformation: How CodePen Revolutionized Web Development with Co-Founder Chris CoyierIn this episode, Tracy Lee is joined by co-host Jessica Wilkins and guest Chris Coyier, co-founder of CodePen, a company that provides an online code editor. They discuss various topics related to web development and technology.
Chris talks about his background and his work at CodePen. They are currently working on CodePen 2.0, a major update to the platform. Chris mentions that although the interface of CodePen may not have changed much over time, there's value in maintaining reliability and consistency for users.
They touch upon the challenges of keeping up with the ever-evolving landscape of web technologies. Chris expresses the...2023-08-2332 min
Whiskey Web and Whatnot: Web Development, NeatWhiskey Web and Whatnot 100th Episode Round Table with Chris Coyier, Scott Tolinski, Tracy Lee, and Wes BosIn this milestone 100th episode, Chuck and Robbie are joined by a round table of industry experts and web developers with different philosophies, preferences, and experiences in the tech space to share their opinions on the state of web development. The round table includes Chris Coyier, Co-Founder of CodePen; Scott Tolinski, former Owner of Level Up Tutorials; Tracy Lee, CEO and Co-Founder of This Dot Labs; and Wes Bos, Founder of BosType Inc.
The panel shares their opinions on the state of web development, reflecting on the journey from vanilla JavaScript to the rise of Tailwind CSS...2023-07-2054 min
The Work Item - Real Talk on Tech's Toughest Career Choices#57 - From Turbo Pascal to CodePen, with Chris Coyier
If you are a web developer, chances are that you used CodePen more than once. You're also probably very familiar with CSS-Tricks for, well, more than just CSS tricks. The man behind these experiences, Chris Coyier, actually started his journey some time ago with a programming language called Turbo Pascal - many steps removed from web development. I sat down with Chris to talk more about his career, lessons in getting CodePen out into the world, and so much more.
You can find Chris on the following sites:
🐤 Twitter
📝 Website
The podcast was produced by Den De...2022-10-2938 min
Changelog Master FeedThe legacy of CSS-Tricks (The Changelog #500)Episode 500!!! And it has been a journey! Nearly 13 years ago we started this podcast and as of today (this episode) we’ve officially shipped our 500th episode. As a companion to this episode, Jerod and Adam shipped a special Backstage episode where they reflect on 500 episodes. And…not only has it been a journey for us, but it’s also been a journey for our good friend Chris Coyier and CSS-Tricks — which he grew from his personal blog to a massively popular contributor driven model, complete with an editor-in-chief, a wide array of influential contributors, and advertisers to help fund the...2022-08-061h 35
Changelog InterviewsThe legacy of CSS-TricksEpisode 500!!! And it has been a journey! Nearly 13 years ago we started this podcast and as of today (this episode) we’ve officially shipped our 500th episode. As a companion to this episode, Jerod and Adam shipped a special Backstage episode where they reflect on 500 episodes. And…not only has it been a journey for us, but it’s also been a journey for our good friend Chris Coyier and CSS-Tricks — which he grew from his personal blog to a massively popular contributor driven model, complete with an editor-in-chief, a wide array of influential contributors, and advertisers to help fund the...2022-08-061h 35The Changelog: Software Development, Open SourceThe legacy of CSS-Tricks (Interview)Episode 500!!! And it has been a journey! Nearly 13 years ago we started this podcast and as of today (this episode) we’ve officially shipped our 500th episode. As a companion to this episode, Jerod and Adam shipped a special Backstage episode where they reflect on 500 episodes. And…not only has it been a journey for us, but it’s also been a journey for our good friend Chris Coyier and CSS-Tricks — which he grew from his personal blog to a massively popular contributor driven model, complete with an editor-in-chief, a wide array of influential contributors, and advertisers to help fund the...2022-08-061h 35
Streamlined Solopreneur: Systems & Automation to Help Solopreneurs Reduce FrictionWhat It’s Like Building and Selling a Content Company with Chris Coyier“Creator” is a word that has really come into focus in an industry in the last few years. But content creation is nearly as old as the internet itself. And building businesses from your content…that’s not new either. Just ask Chris Coyier, the founder who recently sold his hugely popular blog, CSS Tricks, to Digital Ocean. We talk about his journey, how he made money, and answer the question: are we seeing an uptick in content acquisitions as more companies realize it’s a great way to establish trust.Top Takeaways:Kickstarting the CSS Tricks red...2022-06-271h 00
Whiskey Web and Whatnot: Web Development, NeatCreating CodePen, Tackling Tailwind, and Keeping It Simple with Chris CoyierTen years after launching CodePen, Co-Founder Chris Coyier still thinks of his company as a scrappy startup. That's because CodePen, an app and social community for testing and creating web projects, still feels like a company striving to prove itself in a world of jaded developers. Nevertheless, CodePen has successfully reached developers as they're learning to code.
In this episode, Chris talks with Chuck and Robbie about his online opinions that align and differ from Robbie's, the evolution of CodePen, how they've managed to monetize, the advantages of sticking with CSS, why blogging is like grinding, and C...2022-03-031h 08
Front End Nerdery Podcast22 - Chris Coyier & Dave RupertIn this episode, I talk to Chris Coyier and Dave Rupert from the Shop Talk Show! We talk about all sorts of topics having to do with front end development, design, and accessibility. Specifically, web components, CodePen, Eleventy, Astro, and much, much more! Intro/Outro music graciously given permission to use called, "Settle In" by Homer Gaines. Sound editing by Chris Enns of Lemon Productions.
Transcripts can be found at: https://toddl.dev/podcast/transcripts/shoptalkshow/
Show Notes
https://twitter.com/chriscoyier - Chris on Twitter
https://twitter.com/davatron5000 - Dave o...2022-02-141h 02
That Tech ShowEpisode 33 - Codepen, CSS Tricks and Other Nerdery with Chris CoyierChris Coyier needs no introduction and it was a pleasure to have him on the show. Being a front end engineer as well we were able to chat about CSS and front end technologies, product development and running a profitable business, virtual assistants and of course getting into the nitty-gritty of Codepen. I felt like we could have talked for hours on this one but alas it has to come to an endEdited by: Simon HoernerProduced by: Samuel Gregory and Chris AddamsTheme Music by: Chris AddamsSponsored...2021-09-281h 13That Tech ShowEpisode 33 - Codepen, CSS Tricks and Other Nerdery with Chris CoyierChris Coyier needs no introduction and it was a pleasure to have him on the show. Being a front end engineer as well we were able to chat about CSS and front end technologies, product development and running a profitable business, virtual assistants and of course getting into the nitty-gritty of Codepen. I felt like we could have talked for hours on this one but alas it has to come to an endEdited by: Simon HoernerProduced by: Samuel Gregory and Chris AddamsTheme Music by: Chris AddamsSponsored...2021-09-281h 13
JS Party: JavaScript, CSS, Web DevelopmentFrontend Feud: ShopTalk vs SyntaxYour favorite web dev podcasts join forces for a super collab that’ll knock you frontend off! Amelia joins Chris Coyier and Dave Rupert from ShopTalk Show while Divya teams up with Wes Bos & Scott Tolinski from Syntax. Let the FEUDing begin!
Join the discussionChangelog++ members save 4 minutes on this episode because they made the ads disappear. Join today!Sponsors:Retool For Startups – More and more startups are using Retool to focus their time on their core product. That’s exactly why Retool launched “Retool For Startups” — it’s a program that g...2021-09-1054 min
CSS-Tricks Screencasts#206: Building a Data-Backed Next.js Site with Prisma & App PlatformI’m joined by Chris Sev from Digital Ocean to talk about their new App Platform. We’re going to use it to build a little website. The site will be blog-like: posts with IDs, titles, content, and the more dynamic …2021-07-1342 min
Enjoy the VueEpisode 68: Vue ESM Support on CodePen with Chris Coyier and Stephen ShawWe all love CodePen for its immediacy and were overjoyed when we heard the team had implemented a brand-new editor for Vue single-file components! Today Chris Coyier and Stephen Shaw from CodePen join us to talk about what it was like building this amazing feature into the platform. Our conversation begins with Chris giving a brief introduction to CodePen before getting into why he decided to start building it, and how it seemed like the logical next step to his CSS-Tricks blog. We talk about the many use cases of this hybrid between a code editor and a social...2021-07-0654 min
PodRocket - A web development podcast from LogRocketRocket Surgery: Kaelan and Chris Coyier compare notesAre you up to speed on all of this new CSS stuff? Chris Coyier and Kaelan compare notes on CSS and frontend development (they also discuss MDN plus).
Links
https://chriscoyier.net
https://twitter.com/chriscoyier
https://developer.mozilla.org/en-US/docs/Web/Houdini
https://developer.mozilla.org/en-US/docs/Masonry_Layout
https://styled-system.com
https://blog.stackblitz.com/posts/introducing-webcontainers
https://stackblitz.com
https://news.ycombinator.com/item?id=27302702
https://shoptalkshow.com
https://codepen.io/features/pro
Contact us
https://podrocket...2021-06-0841 min
JS Party: JavaScript, CSS, Web DevelopmentJS Danger: CSS-Tricks EditionThe wonderful folks behind CSS-Tricks (maybe you’ve heard of it?) face off in our much beloved don’t-call-it-jeopardy game show. Can you out smart our intrepid contestants?
Play along while you listen (or watch). It’s JS Danger time, y’all!
Join the discussionChangelog++ members save 5 minutes on this episode because they made the ads disappear. Join today!Sponsors:Raygun – With Raygun Error and Performance Monitoring you have all the information you need at your fingertips to quickly find and fix errors and performance issues across your tech stack...2021-03-1246 min
Web RushEpisode 122: Modern Web with Chris CoyierRecording date: 2021-02-11John Papa @John_PapaWard Bell @WardBellDan Wahlin @DanWahlinCraig Shoemaker @craigshoemakerChris Coyier @ChrisCoyierBrought to you byag-Grid IdeaBladeResources:Chris CoyierCSS TricksCodePenShopTalk PodcastWeb AssemblyBlazor"Going Ga Ga" on wikipediaBlazorAzure FunctionsReactCSS Layout with FlexboxCSS Layout on GridAzure Static Web AppsNetlifyWhat is JamstackGithub Pull RequestsReview and publish Pull Requests to a Preview URL for Static AppsBest Practices for Great DXSnowPack and WASMSnowPackPreactWMR with Jason MillerVite and VueEnabling Popups in HTMLJeremy KeithWhat happened...2021-02-2553 min
AudienceChris Coyier of the Shoptalk ShowToday on Audience, Craig talks with Chris Coyier of the Shoptalk Show, which has produced over four hundred episodes. Craig talks to Chris about what it’s like being an online creator (podcaster, blogger, software and web designer, etc.). Chris talks about the lessons he has learned and what it’s like to have a weekly podcast for ten years. They also talk about podcasting trends in terms of marketing, topics, and the future outlook of the industry.
If you have any questions about this episode or want to get some of the resources we mentioned, head over...2021-01-0740 min
Smashing PodcastWhat is Serverless? with Chris CoyierWe're talking about Serverless architectures. What does that mean, and how does it differ from how we might build sites currently? Drew McLellan talks to Chris Coyier to find out.2020-08-1156 min
A Question of Code75: Why do you need a website of your own? (with Chris Coyier)It's fan-boy o'clock again this week, as one of Tom's web-heroes joins us for a chat. CSS Trickster and ShopTalkin' podcaster Chris Coyier stopped by for a chat about working as a developer. Chris is full of all sorts of useful advice for aspiring developers. For example, you need some experience before you can know what you want from a job. Learn how to be picky after your first job, but get into the industry as quickly as you can. That way you'll learn so much more that you would if you were working by yourself. Get whatever experience...2020-08-1051 min
The Human Centered Design Podcast (Premium)Chris Coyier 'Easy to design, hard to use'This episode was brought to you by ThisisDoing.com
Chris Coyier talks to Gerry McGovern about how many of the tools and resources out there make it easy for developers and designers to create bloated, heavy, energy-sapping digital designs. Chris says we need new thinking and new tools that clearly indicate when we are making design decisions that are bad for the user and bad for the planet.
https://twitter.com/chriscoyier
https://gerrymcgovern.com/books/world-wide-waste/
This is HCD Podcast Network
EthnoPod with Jay Hasbrouck
Bringing Design Closer with Gerry Scullion
ProdPod with...2020-08-0647 min
World Wide Waste with Gerry McGovernChris Coyier 'Easy to design, hard to use'This episode was brought to you by ThisisDoing.com
Chris Coyier talks to Gerry McGovern about how many of the tools and resources out there make it easy for developers and designers to create bloated, heavy, energy-sapping digital designs. Chris says we need new thinking and new tools that clearly indicate when we are making design decisions that are bad for the user and bad for the planet.
https://twitter.com/chriscoyier
https://gerrymcgovern.com/books/world-wide-waste/
This is HCD Podcast Network
EthnoPod with Jay Hasbrouck
Bringing Design Closer with Gerry Scullion
ProdPod with...2020-08-0647 min
CSS-Tricks Screencasts#188: Exploring the Overlapping Header PatternSnook published an article titled “Overlapping Header with CSS Grid” where he looks at a header design pattern that I feel transcends trends and has been popular forever. The idea is that the header is oversized and the main content area sneaks up into it and overlaps the background of the header. There is just something kinda nice and comforting about it.
My mind goes to the same place Snook’s does:
Historically, I’ve done this with negative margins. … Read article “#188: Exploring the Overlapping Header Pattern”2020-05-3027 minCSS-Tricks Screencasts#187: Notion for Team Meetings & DocumentationThis is the second video in 3-video series on using Notion. In Part 1 we covered a lot of ground on what Notion is how it’s great for any team, and web development teams in particular.
In this video, we’ll take a look at the two absolute biggest things I do in Notion:
Team MeetingsProject Planning… Read article “#187: Notion for Team Meetings & Documentation”2020-05-2630 minCSS-Tricks Screencasts#186: Notion for Web Development TeamsI’m a big fan of Notion, particularly for keeping teams in sync. I work on teams of developers, and I find it works particularly well for that. If I had to sum it up really quickly, I’d tell Notion is for collaborative documents. But that undersells it.
Sign Up for Notion
In this video, I take my time explaining what Notion is and how I use it so that you can really understand it. This is the first a … Read article “#186: Notion for Web Development Teams”2020-05-1349 minCSS-Tricks Screencasts#185: Playing with CSS MasksMasking in CSS is one way to hide parts of the element and show others. Another is clip-path, but let’s not focus on that today. “Masks are images; Clips are paths” is one way to think about the difference, although it certainly gets confusing.
In this video, we’ll look at how similar mask and its mask-* properties are really similar to the background and background-* properties. And they can be used together nicely, sinces a mask is a … Read article “#185: Playing with CSS Masks”2020-05-1323 minCSS-Tricks Screencasts#184: Inside & Aligned ListsThe fact that lists render their markers outside their own box (by default) is slightly weird. Any hidden overflow or overhanging off the edge of the browser will hide them. Moving them inside the box feels better and safer, but doing it that the easy way means losing the really nice alignment we got for free with outside list markers. We want it both ways! Let’s do that with our own custom counters, CSS grid (with subgrid), and some more … Read article “#184: Inside & Aligned Lists”2020-05-0618 minCSS-Tricks Screencasts#183: Art Directing Images, the Picture Element, and Image CDNsIt’s a bonafide phenomenon!
I’m talking about the idea of image hosting services that allow you to manipulate the URL to the image in order to transform it. In other words, if you need multiple copies of an image in order to do justice for the responsive images syntax, you don’t have to make the images yourself — you adjust the URL so that you have the perfect image for the job.
This idea of manipulating the URL … Read article “#183: Art Directing Images, the Picture Element, and Image CDNs”2020-04-2227 minCSS-Tricks Screencasts#182: Baby’s First Vue SFCSFC as in “Single File Component” which is something that Vue offers and Vue people seem to love. I’ve written very little Vue in my days, but I’m a fan! We recently started supporting Vue SFC’s on CodePen, so this is my very first attempt at trying to write one in the syntax. This certainly isn’t for people that already have a good grasp on Vue, but for fellow poke-arounders.
Start New Vue Pen on CodePen
… Read article “#182: Baby’s First Vue SFC”2020-04-1611 minCSS-Tricks Screencasts#181: Poking at HTML ListsI had a dumb little issue the other day where a nested list didn’t quite have the right spacing. I was only adding margin-bottom on the list elements and the lists themselves, but that meant there was no space between the first nested list item and the parent list item above it when nesting a list. It got me thinking about margins, spacing in general, and nested items.
Let’s have a poke at lists. We’ll take a look at ::marker… Read article “#181: Poking at HTML Lists”2020-04-1516 minCSS-Tricks Screencasts#180: Tinkering with Video on MobileFair warning: I’m no expert on this stuff, I’m just playing around with video on the web and addressing some issues I have when showing off video clips in blog posts.
I have an iOS simulator up in this video, and I’m putting an HTML video tag in a basic HTML document for a quick video I recorded with Kap.
There are lots of things to consider with video:
Giving it controls! As in, <video src="" controls></video>. Note … Read article “#180: Tinkering with Video on Mobile”2020-04-0815 minCSS-Tricks Screencasts#179: A Grid of SquaresUsing CSS grid to make a grid, is, well, the whole point. But what if you want all those grid items to maintain an aspect ratio, like a 1:1 square? It’s possible, but it involves a little trickery. In this video, we’ll look at doing that because we want to put a logo, centered, in each square.
One of the final demos:
CodePen Embed Fallback… Read article “#179: A Grid of Squares”2020-04-0616 min
Creating Zeal PodcastChris Coyier of CSS-Tricks.com and Codepen.ioIn this episode, Adam and Trever interview Chris Coyier. Chris is the founder of CSS-Tricks.com, and co-founder of Codepen.io, and the podcast Shoptalk. In our conversation find out why Chris doesn't like doing side-projects and hear his take on where...2020-02-131h 07
Creating Zeal PodcastA Conversation with Chris CoyierIn this episode, Adam and Trever interview Chris Coyier. Chris is the founder of CSS-Tricks.com, and co-founder of Codepen.io, and the podcast Shoptalk. In our conversation find out why Chris doesn't like doing side-projects and hear his take on where he thinks web development is heading.Featured Links:Chris' recap of his talk Ooooops I guess we’re full-stack developers nowCSS-Tricks.comCodepen.ioChris' podcast - ShoptalkOther opportunities to connect:Weekly streams at Zeal's Twitch StreamWeekly front-end tips at Amy's Selfteach.me Youtube ChannelReach ou...2020-02-131h 07
Duck TapesSVGs with Chris CoyierThis week, we talk to Chris Coyier about the image format (language? file extension?) that confuses us all the most (or at least John): SVGs. Chris gives us the skinny on what makes SVGs so great before we talk about how he cofounded his two most popular projects: CSS-Tricks and Codepen.io. We also talk IE and how it "encourages" online CSS research, code schools and their various enrollment options, and before trying to figure out what a lolDad really is.2019-11-111h 03CSS-Tricks Screencasts#178: Percy Catches Visual Changes in any WorkflowI wanted to make sure you understand exactly what Percy can do for you, hence the title. When you commit a change to your websites Git repo, like in a Pull Request workflow most of us live in, Percy will let you know if that change causes any visual changes to your site. It will show you exactly what those changes are: what pages, what media query breakpoint, what browser, etc.
It’s rather amazing.… Read article “#178: Percy Catches Visual Changes in any Workflow”2019-11-0627 minCSS-Tricks Screencasts#177: Local WordPress Development to Production WorkflowThis is the basics of how I work locally with a WordPress site, and then getting it to production.
Flywheel is a sponsor of CSS-Tricks, and I’m glad they are because they make great products. Flywheel is at the heart of this workflow.
First, Local by Flywheel is a tremendously easy way to spin up local WordPress sites to your liking. I use it for all my local WordPress development. It’s a nice UI around little Docker containers. … Read article “#177: Local WordPress Development to Production Workflow”2019-11-0412 minCSS-Tricks Screencasts#176: Working with Framer MotionMatt Perry from Framer and I take a look at the React animation library Framer Motion.
First, we take a look at how simple the API is. You control everything very declaratively through props on elements in your JSX. Controlling animation at this layer is very intuitive and connected to the UI and state in a meaningful way.
Each example we look at is more real-world and involves more features of what Framer Motion is capable of. React developers … Read article “#176: Working with Framer Motion”2019-10-2843 minCSS-Tricks Screencasts#175: 7 Things to Know About Webflow(This is a sponsored video I worked on between us at CSS-Tricks and Webflow. I think Webflow is a fascinating product for building websites that is, in my opinion, in a category all to itself at the moment. It takes a little bit to wrap your mind around, so I hope that’s what this video can help you do.)… Read article “#175: 7 Things to Know About Webflow”2019-10-1037 minCSS-Tricks Screencasts#174: Using Local Overrides in DevToolsThere is a feature of Chrome DevTools that lets you:
See the code of any given resource the current web page is using (like CSS and JavaScript).
“Pretty Print” it (format it for readability)
Save it to disk
Use that saved version to override the live version, even on page refresh.
That last one is pretty awesome. If you’re debugging a problem that only seems to happen on the live website, it gives you a debugging tool that will allow … Read article “#174: Using Local Overrides in DevTools”2019-08-0811 minCSS-Tricks Screencasts#173: Ooooops I guess we’re full-stack developers now.And by “we’re”, I mean us, front-end developers ;)
Here’s the website that goes with this talk.
This is a talk I put together where I postulate that, over time, the breadth of what front-end developers are able to do and are being asked to do has widened to the point that it’s become full-stack development. Not that we’ve replaced back-end developers, because they are as important as ever too, it’s just there is more overlap and more possibility.
Also, … Read article “#173: Ooooops I guess we’re full-stack de...2019-08-0746 minCSS-Tricks Screencasts#172: Hand SVGing a Curved LineI find that 98% of all my SVG usage comes from pre-created SVG files or vector art in some design software that I ultimately export as SVG. Not super often am I hand-manipulating the coordinates of things in the SVG code. Hey, I’ve even got a book about all that.
But once in a while, it’s appropriate, and maybe even a little bit fun. In this case, I wanted to draw a pretty specific line with a couple of … Read article “#172: Hand SVGing a Curved Line”2019-08-0617 minCSS-Tricks Screencasts#171: Movable Stacked Card Row in CSSThe same basic idea as the cards on the homepage of v17 of this site. … Read article “#171: Movable Stacked Card Row in CSS”2019-04-2913 minJS Party: JavaScript, CSS, Web DevelopmentThe great divide repriseChris Coyier joins Suz and Jerod to continue the discussion on The Great Divide in front-end-land. We also use this as an opportunity to gush on how much CSS-Tricks has done for the community, get Chris’ perspective on the history of the website, and finish up by sharing some amazing Pens on CodePen.io.
Join the discussionChangelog++ members support our work, get closer to the metal, and make the ads disappear. Join today!Sponsors:Rollbar – We move fast and fix things because of Rollbar. Resolve errors in minutes. Deploy with conf...2019-03-201h 02CSS-Tricks Screencasts#170: Watch an Amateur Spin Up a React + Babel + Webpack + CSS Modules ProjectFair warning! This isn’t a speedy, straightforward, expert-driven plow-through of how to set up these technologies. Although, by the end, we do successfully get it all going. This is about documenting the real-world experience of doing this kind of work. Some things work easily, some don’t. Sometimes it’s my fault. Sometimes the docs are unclear. Sometimes changes have happened under our feet. We have to battle through it all.
We’ve got a little plan here. What we want to do … Read article “#170: Watch an Amateur Spin Up a React + Babel + Webpack + CSS...2019-03-0542 minCSS-Tricks Screencasts#169: How to Think Like a Front-End DeveloperThis is a video from my talk at WordCamp US.
Let’s take a peek at what front-end development has become these days. Starting from what the role is, where we sit, and the expectations of us. Then we’ll get into the problems we face, how to approach them, and the tools we have at our disposal. We’ll look at how Gutenberg might fit into our lives as front-end developers.
It’s my first time giving this talk, and I will be … Read article “#169: How to Think Like a Front-End Developer”2019-02-0743 minCSS-Tricks Screencasts#168: CSS-in-JSI’m joined by Dustin Schau in this video and he is going to take me on a tour of the world of what has come to be known as CSS-in-JS. That is, doing your styling entirely in JavaScript, rather than in .css files that you <link /> up in the head all on your own.
Dustin is a perfect guide for this, as he created a great exploratory tool called CSS in JS Playground and also has a brand new … Read article “#168: CSS-in-JS”2019-01-091h 11CSS-Tricks Screencasts#165: Building Your Backend with Serverless FunctionsDavid Wells & Chris Coyier talk about how you can build an app hosted on Netlify statically but still have a backend database to power it. We use the classic TODO app example where the database is powered by FaunaDB and we talk to that database via serverless functions (i.e. Node.js JavaScript functions running on AWS Lambda via Netlify’s extremely easy and powerful integration). Put the JavaScript files in a /functions folder and they’ll be deployed and runnable!… Read article “#165: Building Your Backend with Serverless Functions”2018-10-1829 minCSS-Tricks Screencasts#165: Building Your Backend with Serverless FunctionsDavid Wells & Chris Coyier talk about how you can build an app hosted on Netlify statically but still have a backend database to power it. We use the classic TODO app example where the database is powered by FaunaDB …2018-10-1829 min
Leveling Up with Eric SiuGE Ep 196 [2017]: How Chris Coyier Grew CSS-Tricks to 7M Page Views/Month, 300K Followers and 24K Email SubscribersHey everyone, in today’s episode, I share the mic with Chris Coyier, the founder of CSS-Tricks, CodePen and Shop Talk Show. Listen as Chris shares the numbers (revenue, page views and listeners) for all his businesses, the most important thing he’s learned when it comes to building a community, why sponsored posts are the best revenue generators for him, and the difference between failing and giving up too soon. Click here for show notes and transcript. Leave Some Feedback: What should I talk about next? Who should I interview? Please let me know...2018-02-2330 min
Leveling Up with Eric SiuGE Ep 196 [2017]: How Chris Coyier Grew CSS-Tricks to 7M Page Views/Month, 300K Followers and 24K Email SubscribersHey everyone, in today’s episode, I share the mic with Chris Coyier, the founder of CSS-Tricks, CodePen and Shop Talk Show. Listen as Chris shares the numbers (revenue, page views and listeners) for all his businesses, the most important thing he’s learned when it comes to building a community, why sponsored posts are the best revenue generators for him, and the difference between failing and giving up too soon. Click here for show notes and transcript. Leave Some Feedback: What should I talk about next? Who should I interview? Please let me know...2018-02-2330 min
User Defenders – UX Design & Personal GrowthLive Recording at An Event Apart Denver with Luke Wroblewski, Cassie McDaniel and Chris CoyierI was so delighted when at the beginning of 2017, Eric Meyer + Jeffrey Zeldman asked me if I wanted to record a live episode at my favorite design conference, An Event Apart. Welcome to this very special episode where I felt like I needed to give a radio intro in front of a live audience! Lol, you’ll see what I mean. Thankful to my hero Chris Coyier for saving the day and pulling me out of broadcast mode, into live mode. First time for everything! I’m still in awe at my panel of bad design Avengers cons...2018-02-191h 03
WP-Tonic | WordPress | SaaS | Bootstrap SaaS | Startups#265 WP-Tonic Show With Special Guest Chris Coyier of CSS-Tricks & Joint Founder of CodePen Chris Coyier joined host Jonathan Denwood and guest co-host John Locke for episode 265 of the WP-Tonic Podcast. Chris is the founder of CSS-Tricks (https://css-tricks.com/) and joint founder of CodePen (https://codepen.io/). This week’s sponsor is Kinsta Hosting (https://kinsta.com/?kaid=QTZIMOYOCEZL). Kinsta hosting is the official web host of the WP-Tonic website. This episode covered information about CodePen, CSS-Tricks and delved into Chris’s ideas about online training and learning.2018-02-0934 min
My JavaScript StoryMJS #026 Chris CoyierMJS 026 Chris Coyier This week’s episode is a My JavaScript Story with Chris Coyier. He is from the ShopTalk Show and CodePen. Listen to learn more about Chris! How did you get started programming? Chris has an atypical story. good time in life. He is from a small town in Madison, Wisconsin and had a very privileged upbringing. He went to a nice high school that had a programming elective in his high school. He took a class that taught Turbo Pascal and loved it. He had a lot of fun doing it and became set on doing it...2017-07-1942 min
My JavaScript StoryMJS #026 Chris CoyierMJS 026 Chris Coyier
This week’s episode is a My JavaScript Story with Chris Coyier. He is from the ShopTalk Show and CodePen. Listen to learn more about Chris!
How did you get started programming?
Chris has an atypical story. good time in life. He is from a small town in Madison, Wisconsin and had a very privileged upbringing. He went to a nice high school that had a programming elective in his high school. He took a class that taught Turbo Pascal and loved it. He had a lot of fun doing...2017-07-1900 min
All JavaScript Podcasts by Devchat.tvMJS #026 Chris CoyierMJS 026 Chris Coyier
This week’s episode is a My JavaScript Story with Chris Coyier. He is from the ShopTalk Show and CodePen. Listen to learn more about Chris!
How did you get started programming?
Chris has an atypical story. good time in life. He is from a small town in Madison, Wisconsin and had a very privileged upbringing. He went to a nice high school that had a programming elective in his high school. He took a class that taught Turbo Pascal and loved it. He had a lot of fun doing...2017-07-1942 min
All JavaScript Podcasts by Devchat.tvMJS #026 Chris CoyierMJS 026 Chris Coyier
This week’s episode is a My JavaScript Story with Chris Coyier. He is from the ShopTalk Show and CodePen. Listen to learn more about Chris!
How did you get started programming?
Chris has an atypical story. good time in life. He is from a small town in Madison, Wisconsin and had a very privileged upbringing. He went to a nice high school that had a programming elective in his high school. He took a class that taught Turbo Pascal and loved it. He had a lot of fun doing...2017-07-1942 min
Relative Paths | Web Development and stuff like that47: Dogmatism | With Chris CoyierThis was one of the most interesting, thoughtful and funny conversations we've had. We spoke to Chris Coyier about dogmatism (the expression of an opinion or belief as if it were a fact) in the web industry. We talked about why it happens, what we can to do be less dogmatic ourselves and how to deal with dogmatic people and their bombastic opinions.
Our Toolstar this week was CodePen Projects, zero setup, full-featured front end web development environment, right in the browser. Chris talked us through it, and it sounds pretty great. We like all the CodePen things.
It was...2017-03-2455 minCSS-Tricks Screencasts#151: The First Few Minutes with Sublime TextSublime Text is a pretty darn popular code editor. Despite its popularity and all the good things I’ve heard about it, I still lean heavily on other editors (Coda being my go-to for most projects) and have never given Sublime Text the time of day. Call it sheer laziness or whatever, but I’m a creature of habit.
However, I saw Chris had posted an idea for a new article going over how to create a project in Sublime Text and … Read article “#151: The First Few Minutes with Sublime Text”2016-12-1228 min
The Hacking UI Podcast - with Sagi Shrieber & David Tintner#24 Chris Coyier (CSS-Tricks & CodePen) - How to grow a blog and remain true to your audienceEpisode #24: Chris Coyier It is our pleasure to present to you Chris Coyier. Chris started his journey writing blogs he didn't enjoy, and eventually realized that his passion was actually in coding the blogs and crafting the CSS behind them. He eventually closed down all of his blogs except one, and CSS-Tricks was born. His blog is now one of the largest front-end development blogs in the world and paved the way for his platform, CodePen, which allows developers to share demos of front-end code while inspecting the code at the same time. Chris is also the h...2016-11-241h 00
User Defenders – UX Design & Personal GrowthBe Persistent with Chris CoyierChris Coyier teaches us that if we care about succeeding in something, we need to be willing to persist for a long time. He inspires us to grab hold of the joy that comes from building for ourselves, too. He encourages us to not just use a framework because we're "supposed to", but to use whatever tool is right for the job. He also enlightens us to the superpower of using SVG in practical ways. LINKS Chris' Twitter Chris' Website CSS-Tricks CodePen The Snowballing Of Practice Made By [VIDEO]2016-11-241h 11
How I Built ItEpisode 6: Chris Coyier & CodePenIn this episode, I get to talk to Chris Coyier, we talk all about CodePen: the idea and execution, the interest tech stack and how it was coded, the challenges of certain features, and even a bit on taking VC funding. Definitely a great one to listen to!
Show Notes
* CodePen
* CodePen Radio
* Chris’ book: Practical SVG
Sponsored by:
WP in One Month: Used code BUILD for 10% off entire cart!
Hover.com: Get 10% off your first order!
2016-09-2737 min
Streamlined Solopreneur: Systems & Automation to Help Solopreneurs Reduce FrictionMaking Learning HTML, CSS, and JavaScript Easier with CodePen and Chris CoyierIn this episode, I get to talk to Chris Coyier, we talk all about CodePen: the idea and execution, the interest tech stack and how it was coded, the challenges of certain features, and even a bit on taking VC funding. Definitely a great one to listen to! Show NotesCodePenCodePen RadioChris' book: Practical SVGSponsored by: Creator Crew | Hover.com
★ Support this podcast ★
2016-09-2737 min
Non Breaking Space ShowChris Coyier — Practical SVGIn this episode, Christopher Schmitt is joined again by Chris Coyier. Publisher of the CSS Tricks community site, Coyier recently authored Practical SVG from A Book Apart.2016-08-1757 min
Non Breaking Space ShowChris Coyier — Practical SVGIn this episode, Christopher Schmitt is joined again by Chris Coyier. Publisher of the CSS Tricks community site, Coyier recently authored Practical SVG from A Book Apart.2016-08-1700 min
Non Breaking Space ShowChris Coyier — Practical SVGIn this episode, Christopher Schmitt is joined again by Chris Coyier. Publisher of the CSS Tricks community site, Coyier recently authored Practical SVG from A Book Apart.
This episode of Non Breaking Space Show is sponsored by:
Feed.Press
2016-08-1757 min
CodeNewbieEp. 44 - CSS Tricks (Chris Coyier)It took years for CSS Tricks to become the popular front-end and design resource it is today. Creator Chris Coyier talks about starting the website in 2007 and how it’s grown to be the incredible front end community it is now. He also talks about his other project, CodePen, and how building community has been an integral part of the tool. Show Links Partner with Dev & CodeNewbie! (sponsor) A List Apart Element Query CSS Tricks CodePen Container Query Codeland Conf Codeland 2019 Chris CoyierChris Coyier is the man behind the very popular CSS-Tricks we...2015-07-131h 02
JavaScript Jabber165 JSJ ShopTalk with Chris Coyier and Dave Rupert02:43 - Dave Rupert IntroductionTwitter GitHub BlogParavel03:42 - Chris Coyier IntroductionTwitter GitHub BlogCSS-Tricks CodePen 06:24 - The ShopTalk Show and Podcasting@shoptalkshow“What do I learn next?” => “Just Build Websites!”Question & Answers Aspect23:19 - Tech Is A NichePaul Ford: What is Code? 29:51 - Balancing Technical Content for All Levels of ListenersCommunity Opinion38:42 - Learning New CSS Tricks (Writing Blog Posts)Code Golf41:54 - The Accessibility Project Adventures in Angular Episode #027: Accessibility with Marcy Sutton Anne Gibson: An Alphabet of Accessibility Issues 56:02 - Favorite & Cool EpisodesShowTalk Show Episode #091: with Jamison Dance and Merrick Christensen ShopTalk Show Episode #101: with John ResigShopTalk Show Episode #157: with Alex Russell ShopT...2015-06-241h 15
Spirit of the MidwestEpisode 3: Alligator Heads with Chris CoyierChris Coyier is a web designer, developer, writer, and do-er from Milwaukee, Wisconsin. In this episode he tells his story of growing up in the Midwest and his brief stints on the east and west coasts. As the founder of css-tricks.com, he talks about making it his main income source and the Midwest work ethic that powers him and the people who live here. He's like that really cool classmate that everyone likes but you wouldn't know about his life as a rockstar because he's so humble.2015-05-2000 min
Dorm Room Tycoon (DRT)How to Teach and Build an Audience with Chris Coyier, CodePenIn this interview, Chris Coyier explains how to grow an audience through blogging and teaching. He outlines the importance of good writing and showing up everyday. This episode is brought to you by InVision.
2014-11-1800 min
Post Status PodcastsChris Coyier on WordPress, business, and building the webChris Coyier is not a stranger to most of us web workers. He’s a designer at CodePen, a writer at CSS-Tricks, and a podcaster at ShopTalk.
He uses WordPress on all three of his primary projects. For years, Chris has been a consistent advocate for the platform. He develops his own websites with WordPress, but his day-to-day interactions are as a user.
Chris brings a unique perspective, I believe. He did some client work early in his career, but he’s been more involved in SaaS projects and membership websites; his current membership websites are on Wor...2014-07-141h 06
How to Hold a Pencil018: Chris CoyierCodePen
CSS Tricks
Shop Talk Show
24Ways - Grunt for People Who Think Things Like Grunt are Weird and Hard
@ChrisCoyier
Chris Coyier on CodePen
##Sponsors
Harvest - Use the code PENCILHOLDER and receive 50% of your first month
MediaTemple - Use the code PENCIL for 25% off your first month of web hosting.
Sorry for the coughing through out the show, I have a terrible cold this week,
2014-04-0926 min
Non Breaking Space ShowChris CoyierChris is well known for his screencasts and tutorials at CSS Tricks.com. Previously he worked for Wufoo and Survey Monkey.
ShopTalkShow podcast
Shop Talk Show crossover episode
CSS-tricks.com
Turbo Pascal
The Big Web Show interview with Chris Coyier
Survey Monkey
Wufoo
Codepen.io
Chriscoyer.net/about
Dan Cederholm Interview on Non-Breaking Space
JSFiddle
Codepen Comic CSS
Codemirror
@alexquez
@timsabat
jsbin.com
Rdio2012-12-271h 12
The Big Web ShowEpisode 74: Chris CoyierIn Episode No. 74 of The Big Web Show, Jeffrey Zeldman interviews Chris Coyier of CSS-Tricks, CodePen, and ShopTalk about the path from employee to media maven, upcoming secret features for CodePen, coping with Retina images, finding sponsors, the success of his Kickstarter campaign, tee shirts for manly men, Twitter dramas about baseline grids, and lots more.
Links for this episode:http://codepen.iohttp://css-tricks.comhttp://shoptalkshow.comhttp://jsfiddle.nethttp://www.realthread.comhttp://css-tricks.com/lodge/https://twitter.com/chriscoyierThis episode is sponsored...2012-10-1944 min
The Official jQuery Podcast30 - Chris CoyierWe talk to Chris Coyier about jQuery, css-tricks.com and Wufoo .2010-07-3057 minCSS-Tricks Screencasts#84: Site Walkthrough of chris-mcgarry.comI built a site for a musician friend of mine who is putting out a new album. Clearly having playable tracks is important, but the classic issue of having those tracks stop when a new page is loaded comes up (like Screencast #81). This time instead of using AJAX, all the content on the entire site exists on one page, and things are shuffled around through jQuery animations. The result is a somewhat Flash-like website, but without all the pitfalls … Read article “#84: Site Walkthrough of chris-mcgarry.com”2010-04-1536 minCSS-Tricks Screencasts#84: Site Walkthrough of chris-mcgarry.comI built a site for a musician friend of mine who is putting out a new album. Clearly having playable tracks is important, but the classic issue of having those tracks stop when a new page is loaded comes up …2010-04-1536 min