Box, Flexbox, and Grid

HTML All The Things - Web Development, Web Design, Small Business

HTML All The Things - Web Development, Web Design, Small Business

Player FM - Internet Radio Done Right

13 subscribers

Added three years ago

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

Netflix Is A Daily Joke

1
Tom Segura: A Joke About Supermodels 2:40

۵ روز پیش2:40

پخش در آینده

لیست ها

پسندیدن

دوست داشته شد

2:40

Tom Segura jokes about supermodels in his Netflix special, "Sledgehammer".

۷ سال پیش 1:30:23

MP3•خانه قسمت

We dive into the different CSS layout methods that have evolved over recent years including box model, flexbox, and grid.

Segment 1 - Layout Models

StackChief reference article
Box Model
- Elements comprise of: content, padding, border, margin
- Dimensions like height and width
- Floats and clearfix
- CSS Box Model - W3Schools article
Flexbox
- Evolution of the box model
- Comprises of a container element called the flex container, which "control" their child elements called flex items
- Flexbox is fantastic for responsive layouts
- 1 dimensional layouts
CSS Grid
- New CSS layout method that is supported in the latest version of major browsers (IE doesn't have support)
- 2 dimensional layouts
- Can customize every property of the grid
  - # of rows and columns
  - size of row in various metrics (px, %, vh, vw, auto)
  - spacing between rows and columns
- Very clean code - no need for row and column containers

Segment 2 - Box vs Flexbox vs Grid

Responsivity
- Box, flexbox, and grid can all be used to make responsive layouts
- Many of our production websites are still in box layout, they still work without issue on modern browsers and devices
Layouts
- Basic sites can use any of the layout models
- Site components (ie navbar) can be made easily with flexbox due to their one dimensional layout
- Full site structures are easier to make with CSS grid due to two dimensional column and row functionality
Easy of Use
- Matt believes the box model is easiest to learn - especially when learning how web pages flow
  - Box model is more human readable, whilst flexbox allows for more complex layouts with less code and micromanaging
Links
- Box Model - https://caniuse.com/#feat=inline-block
- Flexbox - https://caniuse.com/#search=flex

Web News - 'Unobtrusive Ads'

Ad strategies - which are you ok with?
- Sponsored posts
- Banner ads (Google Ads, etc.)
- Full page timed ads
- Sidebar ads
- Chumbox (From around the web, recommended for you)
What are some ad strategies that annoy you?
Do you think ads on a web page or app are a fair way to monetize? (freemium ad supported)
Do you care what companies' ads are served to you? (ie you don't like Coke but like Pepsi)

Support Us

TP Link Deco Whole Home Mesh WiFi System (Amazon Affiliates Link)
Become a Patreon Supporter

You can find us on...

Facebook | Twitter | Instagram |

RSS | Spotify | Reddit

Medium | YouTube | GitHub

395 قسمت

#Tech #Matt Lawrence #Mike Karan #Entrepreneur #Business #Podcasting Education #Matt Lawrence And Mike Karan #Web Development

HTML All The Things - Web Development, Web Design, Small Business

Box, Flexbox, and Grid

HTML All The Things - Web Development, Web Design, Small Business

13 subscribers

published ۷ سال پیش

اشتراک گذاری

MP3•خانه قسمت

We dive into the different CSS layout methods that have evolved over recent years including box model, flexbox, and grid.

Segment 1 - Layout Models

StackChief reference article
Box Model
- Elements comprise of: content, padding, border, margin
- Dimensions like height and width
- Floats and clearfix
- CSS Box Model - W3Schools article
Flexbox
- Evolution of the box model
- Comprises of a container element called the flex container, which "control" their child elements called flex items
- Flexbox is fantastic for responsive layouts
- 1 dimensional layouts
CSS Grid
- New CSS layout method that is supported in the latest version of major browsers (IE doesn't have support)
- 2 dimensional layouts
- Can customize every property of the grid
  - # of rows and columns
  - size of row in various metrics (px, %, vh, vw, auto)
  - spacing between rows and columns
- Very clean code - no need for row and column containers

Segment 2 - Box vs Flexbox vs Grid

Responsivity
- Box, flexbox, and grid can all be used to make responsive layouts
- Many of our production websites are still in box layout, they still work without issue on modern browsers and devices
Layouts
- Basic sites can use any of the layout models
- Site components (ie navbar) can be made easily with flexbox due to their one dimensional layout
- Full site structures are easier to make with CSS grid due to two dimensional column and row functionality
Easy of Use
- Matt believes the box model is easiest to learn - especially when learning how web pages flow
  - Box model is more human readable, whilst flexbox allows for more complex layouts with less code and micromanaging
Links
- Box Model - https://caniuse.com/#feat=inline-block
- Flexbox - https://caniuse.com/#search=flex

Web News - 'Unobtrusive Ads'

Ad strategies - which are you ok with?
- Sponsored posts
- Banner ads (Google Ads, etc.)
- Full page timed ads
- Sidebar ads
- Chumbox (From around the web, recommended for you)
What are some ad strategies that annoy you?
Do you think ads on a web page or app are a fair way to monetize? (freemium ad supported)
Do you care what companies' ads are served to you? (ie you don't like Coke but like Pepsi)

Support Us

TP Link Deco Whole Home Mesh WiFi System (Amazon Affiliates Link)
Become a Patreon Supporter

You can find us on...

Facebook | Twitter | Instagram |

RSS | Spotify | Reddit

Medium | YouTube | GitHub

395 قسمت

#Tech #Matt Lawrence #Mike Karan #Entrepreneur #Business #Podcasting Education #Matt Lawrence And Mike Karan #Web Development

همه قسمت ها

HTML All The Things - Web Development, Web Design, Small Business

1
What Happens When a Real Developer Starts Vibe Coding? 56:56

۷ روز پیش56:56

56:56

What happens when a real developer uses AI to build something in a language and toolset they’ve never touched before? In this episode, Matt shares the story of how he created a free, custom-coded Google News sitemap generator using Node.js, GitHub Actions, and the Webflow API—with help from AI. The catch? He had no prior experience with any of those tools. Show Notes: https://www.htmlallthethings.com/podcasts/what-happens-when-a-real-developer-starts-vibe-coding Use our affiliate link ( https://scrimba.com/?via=htmlallthethings ) for a 20% discount!! Full details in show notes.…

HTML All The Things - Web Development, Web Design, Small Business

1
Week in the Life of a Developer at a Tech Startup 57:39

14 روز پیش57:39

57:39

Ever wonder what a developer really does at a tech startup? In this episode, we break down a full week—from scattered meetings and deep work to deployments, sprint planning, and handling the chaos of outages and DDoS attacks. Get a behind-the-scenes look at balancing coding, team support, and product planning in a fast-moving environment. Show Notes: https://www.htmlallthethings.com/podcasts/week-in-the-life-of-a-developer-at-a-tech-startup Use our affiliate link ( https://scrimba.com/?via=htmlallthethings ) for a 20% discount!! Full details in show notes.…

HTML All The Things - Web Development, Web Design, Small Business

1
Turborepo Changed How I Use Monorepos | w/ Anthony Shew 40:15

18 روز پیش40:15

40:15

In this episode, Mike sits down with Anthony Shew from Turborepo to talk all things monorepos. They explore the pros and cons of monorepos versus traditional multi-repo setups, and how Turborepo compares to other tools like pnpm workspaces and Nx. Anthony shares tips on getting the most out of your monorepo, common pitfalls to avoid, and where monorepos might not be the right fit. They also dive into how AI tools like Cursor and Windsurf benefit from having full codebase context—and whether that context can become a downside. To wrap things up, Anthony gives a look at what’s next for Turborepo. Show Notes: https://www.htmlallthethings.com/podcasts/turborepo-changed-how-i-use-monorepos-w-anthony-shew Use our affiliate link ( https://scrimba.com/?via=htmlallthethings ) for a 20% discount!! Full details in show notes.…

HTML All The Things - Web Development, Web Design, Small Business

1
Web News: Do You Listen to Music While You Code? 26:29

19 روز پیش26:29

26:29

In this edition of Web News, we dive into our personal coding companions — from chill playlists and brain-boosting podcasts to TV shows that keep us motivated (or distracted 😅). Whether you're team lo-fi, true crime, or total silence, we've got takes. Plus, we explore how background content affects productivity and creativity. Show Notes: https://www.htmlallthethings.com/podcasts/do-you-listen-to-music-while-you-code Use our affiliate link ( https://scrimba.com/?via=htmlallthethings ) for a 20% discount!! Full details in show notes.…

HTML All The Things - Web Development, Web Design, Small Business

1
Should You Go Solo? Transitioning from Developer to Entrepreneur 41:16

21 روز پیش41:16

41:16

In this episode, Matt and Mike explore what it takes to transition from being a developer employee to becoming a tech founder or business owner. They break down how your personal situation—time, money, dependents, and hobbies—can impact your readiness to make the leap. This isn't just about technical skill. You’ll need to think strategically, handle business admin, understand local laws, and price your services or products properly. Plus, they ask a critical question: do you actually want to own a business, or would a different job be a better fit? Show Notes: https://www.htmlallthethings.com/podcasts/should-you-go-solo-transitioning-from-developer-to-entrepreneur Use our affiliate link ( https://scrimba.com/?via=htmlallthethings ) for a 20% discount!! Full details in show notes.…

HTML All The Things - Web Development, Web Design, Small Business

1
Web News: Drowning in Notifications? Minimal Phones Might Save You 26:46

27 روز پیش26:46

26:46

Are you constantly bombarded by notifications? In this episode of Web News, Matt and Mike dive into the growing problem of digital overwhelm — from buzzing phones to nonstop pings — and how minimal phones might be the answer. We explore distraction-free devices like the Minimal Phone and Light Phone 3, how they work, and whether switching to one could help you focus, reduce anxiety, and reclaim your time. 📱 Is it time to ditch your smartphone? Show Notes: https://www.htmlallthethings.com/podcasts/drowning-in-notifications-minimal-phones-might-save-you Use our affiliate link ( https://scrimba.com/?via=htmlallthethings ) for a 20% discount!! Full details in show notes.…

HTML All The Things - Web Development, Web Design, Small Business

1
What The 80/20 Rule Really Means For Web Developers 51:11

27 روز پیش51:11

51:11

In this episode, Matt and Mike explore the 80/20 rule and how developers can use it to boost productivity, reduce burnout, and prioritize what matters—plus how AI is reshaping the rule itself. Show Notes: https://www.htmlallthethings.com/podcasts/what-the-80-20-rule-really-means-for-web-developers Use our affiliate link ( https://scrimba.com/?via=htmlallthethings ) for a 20% discount!! Full details in show notes.…

HTML All The Things - Web Development, Web Design, Small Business

1
The First Step Trap: Why Buying Domain Names Isn't Starting Your Project 50:58

۵ weeks پیش50:58

50:58

Endless ideas, abandoned projects, and a pile of unused domain names—sound familiar? In this episode, Matt and Mike explore how developers can avoid false starts and take meaningful first steps when launching new projects. They dig into why buying a domain name might feel productive (but often isn’t), when it's actually the right move, and how jumping into real problem-solving helps build momentum and deeper focus. Show Notes: https://www.htmlallthethings.com/podcasts/the-first-step-trap-why-buying-domain-names-isnt-starting-your-project Use our affiliate link ( https://scrimba.com/?via=htmlallthethings ) for a 20% discount!! Full details in show notes.…

HTML All The Things - Web Development, Web Design, Small Business

1
Web News: Overwhelmed by AI? You're Not Alone! 19:21

۶ weeks پیش19:21

19:21

In this edition of Web News, Matt and Mike discuss the rapidly evolving world of AI, and AI tooling. As web developers, the guys are no stranger to online tools that promise to do everything under the sun - but lately it feels like an infinite amount of new ones are coming out all the time due, powered by AI. Is it possible to keep up with everything that's coming out? Should you even bother trying? Show Notes: https://www.htmlallthethings.com/podcasts/overwhelmed-by-ai-youre-not-alone Use our affiliate link ( https://scrimba.com/?via=htmlallthethings ) for a 20% discount!! Full details in show notes.…

HTML All The Things - Web Development, Web Design, Small Business

1
How To Get A Web Development Job in 2025 1:17:04

۶ weeks پیش1:17:04

1:17:04

In this episode, Matt and Mike talk about the current state of the dev world—layoffs, AI tools, and the unstable job market—while highlighting the real opportunities that still exist. They share actionable ways to stand out, build useful projects, network, and niche down to land work in a tough economy. Show Notes: https://www.htmlallthethings.com/podcasts/how-to-get-a-web-development-job-in-2025 Use our affiliate link ( https://scrimba.com/?via=htmlallthethings ) for a 20% discount!! Full details in show notes.…

HTML All The Things - Web Development, Web Design, Small Business

1
Why Prisma Is Still the Best ORM | w/ William Madden 40:22

۷ weeks پیش40:22

40:22

In this episode of HTML All The Things , Mike chats with William Madden, Developer Advocate at Prisma, to uncover what makes modern ORMs essential in today's development workflows. They break down what an ORM is, why developers should care, and how Prisma sets itself apart in the crowded ORM space. William also dives into the technical challenges of building an ORM, the reasoning behind Prisma’s shift from Rust binaries to TypeScript, and what’s on the horizon for the platform. Whether you’re deep in backend development or just getting started with databases, this episode offers insights you won’t want to miss. Show Notes: https://www.htmlallthethings.com/podcasts/why-prisma-is-still-the-best-orm-w-william-madden Try out Prisma: https://www.prisma.io/docs/getting-started Use our affiliate link ( https://scrimba.com/?via=htmlallthethings ) for a 20% discount!! Full details in show notes.…

HTML All The Things - Web Development, Web Design, Small Business

1
Work On Your Business, Not Just In It 46:04

۷ weeks پیش46:04

46:04

As developers and business owners, it’s easy to get stuck in the daily grind — coding, responding to emails, handling support — and forget to actually build the business. In this episode, Matt and Mike dive into what it really means to work on your business instead of just in it. The guys explore strategies to avoid becoming your own overworked employee, how to delegate or automate low-leverage tasks, and the mindset shifts that help you move from operator to true owner. Inspiration for this episode came from the guys' own experience regarding their business for the past few years, where the workload from clients has overwhelmed their day-to-day, leaving strategy and business development completely stagnant. Show Notes: https://www.htmlallthethings.com/podcasts/work-on-your-business-not-just-in-it Use our affiliate link ( https://scrimba.com/?via=htmlallthethings ) for a 20% discount!! Full details in show notes.…

HTML All The Things - Web Development, Web Design, Small Business

1
Why Flip Phones Still Matter in 2025 | w/ Tom Barrasso 1:16:40

۸ weeks پیش1:16:40

1:16:40

In this episode, Matt sits down with Tom Barrasso from Cloud Phone to explore why flip phones are still relevant in 2025. They discuss the rise of digital detox, who’s using feature phones today, and how developers can still build apps for low-spec devices. From KaiOS and Cloud Phone to nostalgia and screen-time reduction—this is a deep dive into the flip phone revival and the tech powering it. Show Notes: https://www.htmlallthethings.com/podcasts/why-flip-phones-still-matter-in-2025-w-tom-barrasso Use our affiliate link ( https://scrimba.com/?via=htmlallthethings ) for a 20% discount!! Full details in show notes.…

HTML All The Things - Web Development, Web Design, Small Business

1
What Junior Web Developers Need to Know About DevOps 54:30

۸ weeks پیش54:30

54:30

Even if you’re not "doing DevOps," understanding it can seriously level up your development career. In this episode, Matt and Mike dive into why every web developer should care about DevOps practices, even at a basic level. They explore how deployment pipelines work, how Git supports safe code changes, and how you can prevent and fix production issues faster. You'll hear real-world examples showing how small habits—like writing good commit messages, checking build logs, and knowing when to rollback—can make you a better teammate and a more reliable developer. Whether you're working with GitHub Actions, Vercel, Jenkins, or another CI/CD system, this episode will help you work smarter, troubleshoot faster, and stay calm under pressure. Show Notes: https://www.htmlallthethings.com/podcasts/what-junior-web-developers-need-to-know-about-devops Use our affiliate link ( https://scrimba.com/?via=htmlallthethings ) for a 20% discount!! Full details in show notes.…

HTML All The Things - Web Development, Web Design, Small Business

1
The Hype Trap: Why Cutting Edge Isn’t Always the Best Choice 1:14:19

۹ weeks پیش1:14:19

1:14:19

In this episode, Matt and Mike explore the temptation to always chase the latest and greatest in tech—whether it's new frameworks, tools, or workflows that dominate developer discourse. While the buzz can be exciting, blindly adopting bleeding-edge technology can lead to serious downsides like poor documentation, tiny communities, and unstable tools. The guys discuss how these risks affect both personal and client projects, when it's actually worth going cutting-edge, and why it's perfectly okay (and often smarter) to use tried-and-true tech. If you've ever felt FOMO seeing everyone jump to the next hot thing, this one's for you. Show Notes: https://www.htmlallthethings.com/podcasts/the-hype-trap-why-cutting-edge-isnt-always-the-best-choice 20% off Scrimba with our affiliate link. Full details in the show notes.…

HTML All The Things - Web Development, Web Design, Small Business

1
Startups vs Big Tech for Web Developers 1:22:33

10 weeks پیش1:22:33

1:22:33

In this episode, Mike shares his theory that AI will make it easier to prototype and launch startups, potentially opening more opportunities for developers outside of big tech. Matt and Mike compare working in startups versus big tech across several categories like career growth, pace, culture, job security, and more. Drawing on personal experiences and industry research, they explore how each environment can shape a developer’s career—and how AI might change the game. Show Notes: https://www.htmlallthethings.com/podcasts/startups-vs-big-tech-for-web-developers…

HTML All The Things - Web Development, Web Design, Small Business

1
The Full Stack of a Website: What Clients Often Overlook 1:05:41

11 weeks پیش1:05:41

1:05:41

In this episode, Matt and Mike explore the full stack of a website, highlighting what clients often overlook when requesting a new site. While it's easy to focus on what’s visible—like product pages, landing pages, and design elements—the real complexity lies beneath the surface. A professional website requires thoughtful planning around content management systems (CMS), performance optimization, SEO, hosting infrastructure, and security. They dive into how CMS setups vary across industries, how performance issues can impact user experience and search rankings, and why hosting choices matter for scalability and deployment workflows. The conversation also touches on spam protection, third-party integrations, and the ongoing nature of SEO and content strategy. Whether you're a developer trying to educate your clients, or a business owner looking to understand what really goes into a website build, this episode breaks down why a website is so much more than what you see on the screen. Show Notes: https://www.htmlallthethings.com/podcasts/the-full-stack-of-a-website-what-clients-often-overlook…

HTML All The Things - Web Development, Web Design, Small Business

1
Should Kids Learn to Code? With Jonathan Schor 34:50

12 weeks پیش34:50

34:50

On this episode of HTML All The Things, Jonathan Schor joins us to discuss why coding may be the next essential skill for kids in our tech-driven world. We explore the gamification of coding education, how it engages young learners, and why it could transform traditional teaching methods. Jonathan shares insights on whether coding should be part of elementary school curriculums and addresses concerns about AI’s impact on the future of coding careers. Plus, we look into CodeMonkey’s exciting plans and how it’s shaping the future of coding education. ‍Show Notes: https://www.htmlallthethings.com/podcasts/should-kids-learn-to-code-with-jonathan-schor…

HTML All The Things - Web Development, Web Design, Small Business

1
Top 5 Code Editors for Web Developers 1:05:27

12 weeks پیش1:05:27

1:05:27

Choosing the right code editor can make or break a web developer's workflow. In this episode, we dive into the Top 5 Code Editors for Web Developers—exploring their strengths, quirks, and everything in between. From the widely-loved Visual Studio Code to the blazing-fast newcomer Zed, we discuss which editors could suit your coding style. Whether you're a fan of Vim's keyboard mastery, WebStorm's all-in-one features, or experimenting with modern tools like Cursor, there's something here for everyone. Tune in to find the perfect fit for your development journey! Show Notes: https://www.htmlallthethings.com/podcasts/top-5-code-editors-for-web-developers…

HTML All The Things - Web Development, Web Design, Small Business

1
My Real-World SEO Checklist for New Websites 1:16:55

13 weeks پیش1:16:55

1:16:55

In this episode, Matt walks through his real-world SEO checklist for launching new websites—based on the process he followed while preparing a recent client site for launch. He covers everything from SEO titles, meta descriptions, and OG images to page performance, link structure, and content considerations. Along the way, Mike shares some of his own experiences, tools, and hard-earned lessons—like why automatic OG image generation can be a pain and how redirects can impact link equity. Whether you're prepping a site for launch or just want to tighten up your SEO workflow, this episode is packed with practical, real-world advice. Show Notes: https://www.htmlallthethings.com/podcasts/my-real-world-seo-checklist-for-new-websites…

HTML All The Things - Web Development, Web Design, Small Business

1
AI in Developer Education: Scrimba's Instant Feedback & Backend Courses w/ Per Borgen 1:04:54

14 weeks پیش1:04:54

1:04:54

Today we had the pleasure of sitting down with Per Borgen to get his insights and opinions on landing a developer job despite current market challenges. We also got his opinions on how AI is shaping both developer productivity and developer education. As the CEO of Scrimba, an online coding school with over 1 million users, Per has unique insights into not only web development, but also the challenges that aspiring and junior developers face as they learn and enter the job market. If you’re looking at getting a job in web development this episode is packed with tips and tricks to help you succeed as you learn and start to earn. Show Notes: https://www.htmlallthethings.com/podcasts/ai-in-developer-education-scrimbas-instant-feedback-new-backend-courses-w-per-borgen…

HTML All The Things - Web Development, Web Design, Small Business

1
Corporate Burnout: How the CIA Invented Your 9 to 5 1:29:54

14 weeks پیش1:29:54

1:29:54

Modern office work is a dystopian nightmare, but did you know a WWII sabotage manual describes it perfectly? In this episode, Matt and Mike explore the eerie similarities between workplace inefficiency and deliberate sabotage, diving into burnout, corporate jargon, and the illusion of productivity. From pointless meetings to overcomplicated approval processes, we break down the hidden forces making work feel meaningless. Inspired by the Burnout - When does work start feeling pointless? documentary, we also discuss the origins of corporate buzzwords, ineffective management, and the promises of career success that no longer hold true. If you've ever felt drained by work, this one's for you! Show Notes: https://www.htmlallthethings.com/podcasts/corporate-burnout-how-the-cia-invented-your-9-to-5 Thanks to Magic Mind for sponsoring today's episode! Get up to 25% off their new gummies by using our affiliate link ( https://magicmind.com/HTMLGM ), or promo code (HTML25).…

HTML All The Things - Web Development, Web Design, Small Business

1
Developer Education w/ Maximilian Schwarzmüller 43:20

15 weeks پیش43:20

43:20

In this episode Mike had the pleasure of sitting down with Maximilian Schwarzmüller to discuss developer education. Before the days of AI, developers would typically go to a traditional school program, do a Udemy course, or maybe take part in a bootcamp. In 2025, the AI era has shifted a lot of things, including developer education into a new space. Mike and Max explore the evolution of developer education, the role of AI in your 2025 learning journey, and what skills (if any) you should prioritize in these new exciting times. Show Notes: https://www.htmlallthethings.com/podcasts/developer-education-w-maximilian-schwarzmuller…

HTML All The Things - Web Development, Web Design, Small Business

1
Vibe Coding, Cursor Vs Windsurf, Firefox Did What?! 1:10:48

15 weeks پیش1:10:48

1:10:48

Dive into the comeback of Web News as we discuss popular AI coding tools, the new "vibe coding" trend, and Firefox's new TOS changes. Coding with AI has become commonplace over the past couple years with consumer tools like ChatGPT showing off their coding competence. As professional developers adopt AI into the workplace they may start with ChatGPT, but will likely adopt coding-specific tools such as GitHub Copilot, Cursor, and Windsurf. Vibe Coding is a new trend where you fire up an AI assistant and let it do the coding work for you through human language prompts - opening up rapid prototyping for experienced developers and helping newbies have their ideas realized (to some extent). Firefox has made headlines recently regarding changes to their TOS regarding privacy - are they still the "privacy browser" that many users trusted them to be? Show Notes: https://www.htmlallthethings.com/podcasts/vibe-coding-cursor-vs-windsurf-firefox-did-what Thanks to Magic Mind for sponsoring today's episode! Get up to 25% off their new gummies by using our affiliate link ( https://magicmind.com/HTMLGM ), or promo code (HTML25).…

HTML All The Things - Web Development, Web Design, Small Business

1
AI Has Broken the Web Developer Job Market w/ Kent C. Dodds 48:25

16 weeks پیش48:25

48:25

In this episode we had the pleasure of sitting down with Kent C. Dodds, a celebrated educator, open-source advocate, and React expert. He’s the creator of the Epic Web conference starting on March 25th 2025 and has created some of the best React workshops and courses out there. Together, we dove deep into how AI has made it almost impossible to apply to jobs the traditional way and if junior developers should turn off their AI chatbots when learning. We also covered what framework you should be learning and the roadmap for learning it. (Spoiler alert... it’s React). Show Notes: https://www.htmlallthethings.com/podcasts/ai-has-broken-the-web-developer-job-market-w-kent-c-dodds…

HTML All The Things - Web Development, Web Design, Small Business

1
How to Be Successful as a Remote Developer 1:18:03

16 weeks پیش1:18:03

1:18:03

Dive into this episode of HTML All the Things as hosts Matt and Mike unlock the secrets to thriving in the world of remote work! They break down every model—from synchronous and asynchronous setups to hybrid and freelance paths—so listeners can find the perfect match for their lifestyle and personality. Matt and Mike share actionable strategies for boosting productivity, covering everything from time management and work environment hacks to mastering communication and leveraging top tools like Slack, Notion, and Zoom. The hosts also tackle the challenges unique to remote work, such as isolation, miscommunication, and the elusive work-life balance, offering practical advice on overcoming these hurdles. Plus, they provide expert tips on landing remote web development jobs, building a standout portfolio, acing remote interviews, and spotting red flags in job listings. Whether you're a seasoned remote pro or just starting out, this episode is packed with insights to help you succeed in the ever-evolving remote landscape. ‍Show Notes: https://www.htmlallthethings.com/podcasts/how-to-be-successful-as-a-remote-developer…

HTML All The Things - Web Development, Web Design, Small Business

1
"I Want to Rank #1 on Google!" – How to Solve Real SEO Problems 53:39

17 weeks پیش53:39

53:39

In this episode, Matt and Mike tackle real-world SEO client scenarios and how to solve them. From small business owners struggling to be found online to demanding clients who just want to be “#1 on Google,” we break down the biggest SEO challenges and what it actually takes to improve rankings. We’ll cover: Helping local businesses improve their online visibility, managing client expectations when it comes to SEO, fixing common website and Google My Business mistakes, and the right way to approach SEO for long-term success. If you've ever worked with clients on SEO—or if you're trying to improve your own business’s search rankings—this episode is packed with practical advice you can use. Show Notes: https://www.htmlallthethings.com/podcasts/i-want-to-rank-1-on-google-how-to-solve-real-seo-problems…

HTML All The Things - Web Development, Web Design, Small Business

1
JavaScript Tech We Loved (But Don’t Use as Much Anymore) 1:12:18

18 weeks پیش1:12:18

1:12:18

Web developers use a lot of tools to get the job done and unfortunately, those tools sometimes get dropped in favor of newer and shinier ones. In this episode Matt and Mike take a trip down memory lane to revisit and discuss some of the JavaScript tools that have since lost presence in the zeitgeist. These tools include jQuery, MomentJS, Apache Cordova, and more! Some of these tools, while not as spry as they once were, are still fully supported and have new versions in development. While they might not be exciting enough to make headlines on the daily, many are still viable tools projects depending on a project's needs, wants, and age. Show Notes: https://www.htmlallthethings.com/podcasts/javascript-tech-we-loved-but-dont-use-as-much-anymore…

HTML All The Things - Web Development, Web Design, Small Business

1
The Popular Option w/ Colby Fayock 53:55

19 weeks پیش53:55

53:55

Are developers forced to choose the popular option? This week, Matt had the pleasure of sitting down with Colby Fayock, a content creator and Shopify engineer to discuss the difficulty of choosing tools, plugins, frameworks, and more. Typically when you want stability and support, a safe bet is a popular tool run by a large company or community. However, last year's WordPress drama had many wondering how a platform so massive had a future that suddenly seemed so uncertain. Can options other than the popular ones be a good choice sometimes? Show notes: https://www.htmlallthethings.com/podcasts/the-popular-option-w-colby-fayock…

HTML All The Things - Web Development, Web Design, Small Business

1
Freelancing for Web Development 1:06:25

19 weeks پیش1:06:25

1:06:25

In this episode, Matt and Mike dive into the world of freelancing—a rewarding but often challenging career path for web developers, designers, and tech enthusiasts alike. As 10+ year veterans of their own web dev agency, the guys share their personal insights and experiences when freelancing. Learn how to: make the most out of freelancing platforms like GURU, build an online presence for marketing, leveraging word of mouth once established, and dig up leads in unconventional places. Whether you’re considering freelancing as a side hustle or aiming to go full-time, we’re here to share actionable tips and strategies to set you up for success. Show Notes: https://www.htmlallthethings.com/podcasts/freelancing-for-web-development…

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

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

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

13 subscribers

مشابه HTML All The Things - Web Development, Web Design, Small Business

Amazon eGift Card - Bright Balloons (Animated)

Bounty Quick Size Paper Towels, White, 8 Family Rolls = 20 Regular Rolls (Packaging May Vary)

Mighty Patch™ Original patch from Hero Cosmetics – The #1 Hydrocolloid Acne Pimple Patch for Shrinking Zits and Whiteheads in 1 use; Nighttime Spot Stickers for Face and Skin (36 Count)

پادکست هایی که ارزش شنیدن دارند

HTML All The Things - Web Development, Web Design, Small Business « » Box, Flexbox, and Grid

Box, Flexbox, and Grid

پادکست هایی که ارزش شنیدن دارند

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

The Let Them Theory: A Life-Changing Tool That Millions of People Can't Stop Talking About

The Let Them Theory: A Life-Changing Tool That Millions of People Can't Stop Talking About

Dad, I Want to Hear Your Story: A Father’s Guided Journal To Share His Life & His Love (Hear Your Story Books)

Apple AirPods Pro 2 Wireless Earbuds, Active Noise Cancellation, Hearing Aid Feature, Bluetooth Headphones, Transparency, Personalized Spatial Audio, High-Fidelity Sound, H2 Chip, USB-C Charging

The Let Them Theory: A Life-Changing Tool That Millions of People Can't Stop Talking About

مشابه HTML All The Things - Web Development, Web Design, Small Business

راهنمای مرجع سریع

HTML All The Things - Web Development, Web Design, Small Business « »
Box, Flexbox, and Grid