Easier Layouts with CSS box-sizing

Code Snippet

Player FM - Internet Radio Done Right

Vor vier Jahren hinzugefügt

Inhalt bereitgestellt von Andrew Walpole. Alle Podcast-Inhalte, einschließlich Episoden, Grafiken und Podcast-Beschreibungen, werden direkt von Andrew Walpole oder seinem Podcast-Plattformpartner hochgeladen und bereitgestellt. Wenn Sie glauben, dass jemand Ihr urheberrechtlich geschütztes Werk ohne Ihre Erlaubnis nutzt, können Sie dem hier beschriebenen Verfahren folgen https://de.player.fm/legal.

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

1
The Innovators & Investors Podcast

Abbestellen

vor 1 dayvor 1d ago

Abbestellen

Wöchentlich+

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

vor 6 Jahren 8:48

M4A•Episode-Home

https://codepen.io/walpolea/pen/MWgxrNY?editors=1100

--- Send in a voice message: https://podcasters.spotify.com/pod/show/codesnippet/message Support this podcast: https://podcasters.spotify.com/pod/show/codesnippet/support

10 Episoden

Easier Layouts with CSS box-sizing

Code Snippet

published vor 6 Jahren

M4A•Episode-Home

https://codepen.io/walpolea/pen/MWgxrNY?editors=1100

--- Send in a voice message: https://podcasters.spotify.com/pod/show/codesnippet/message Support this podcast: https://podcasters.spotify.com/pod/show/codesnippet/support

10 Episoden

Alle Folgen

1
Using Bitmasks for Efficient App Configurations 21:54

vor 6 years21:54

21:54

In this episode, we look at 2 functions to encode and decode a bitmask for a set of configuration flags. This is a great way to efficiently store user or app settings. As always, the code for this snippet can be found here: https://codepen.io/walpolea/pen/WNNwaBq?editors=0012 --- Send in a voice message: https://podcasters.spotify.com/pod/show/codesnippet/message Support this podcast: https://podcasters.spotify.com/pod/show/codesnippet/support…

1
Easier Layouts with CSS box-sizing 8:48

vor 6 years8:48

8:48

In this episode, we take a look at a very common practice of changing the box-sizing property on all HTML elements using CSS to help us do less math and create easier and more maintainable layouts. As always you can find this episode's code here: https://codepen.io/walpolea/pen/MWgxrNY?editors=1100 --- Send in a voice message: https://podcasters.spotify.com/pod/show/codesnippet/message Support this podcast: https://podcasters.spotify.com/pod/show/codesnippet/support…

1
CSS Grid Named Area Layouts 23:06

vor 6 years23:06

23:06

In this episode we look at a powerful CSS Grid feature; named areas! Named areas let you have specific control over where items in your grid layout are placed, letting you take the same semantic HTML content and providing multiple, pure css, ways of laying out the content. As always, you can view the code here: https://codepen.io/walpolea/pen/wvwQEPL?editors=1100 --- Send in a voice message: https://podcasters.spotify.com/pod/show/codesnippet/message Support this podcast: https://podcasters.spotify.com/pod/show/codesnippet/support…

1
Destructured Function Parameters 9:10

vor 6 years9:10

9:10

In this episode, we look at using destructured function parameters as an alternative way to pass information via objects into functions. The code to this weeks code snippet can be found here: https://codepen.io/walpolea/pen/VwZXaVV --- Send in a voice message: https://podcasters.spotify.com/pod/show/codesnippet/message Support this podcast: https://podcasters.spotify.com/pod/show/codesnippet/support…

1
Using Spread with Objects and Arrays 10:46

vor 6 years10:46

10:46

In this episode we look at the spread operator and how it is used to make quick work of merging and shallow-copying Arrays and Objects. If you'd like to follow along, the link to today's snippet code is here: https://codepen.io/walpolea/pen/bGboQyZ --- Send in a voice message: https://podcasters.spotify.com/pod/show/codesnippet/message Support this podcast: https://podcasters.spotify.com/pod/show/codesnippet/support…

1
Using URLSearchParams Web API to Preserve Page State 9:02

vor 6 years9:02

9:02

In this episode we look at the URLSearchParams Web API which allows you to query, check and modify URL parameters using JavaScript. As always, you can check out this episode's snippet here: https://codepen.io/walpolea/pen/QWLdwPR?darkmode And if you want to learn more about the URLSearchParams API, here's the documentation: https://developer.mozilla.org/en-US/docs/Web/API/URLSearchParams --- Send in a voice message: https://podcasters.spotify.com/pod/show/codesnippet/message Support this podcast: https://podcasters.spotify.com/pod/show/codesnippet/support…

1
Random Whole Numbers With Bitwise Not 8:47

vor 6 years8:47

8:47

We look at a quick, useful and fairly performant way to generate random whole numbers within a given minimum and maximum range in JavaScript. You can take a look at our code snippet on codepen at the following link: https://codepen.io/walpolea/pen/LYPGydp --- Send in a voice message: https://podcasters.spotify.com/pod/show/codesnippet/message Support this podcast: https://podcasters.spotify.com/pod/show/codesnippet/support…

1
3 Ways to do CSS Vertical Centering 13:54

vor 6 years13:54

13:54

In this episode we look at 3 easy and common ways to do modern CSS vertical centering of html content. You can find this episode's snippet on codepen at the following link: https://codepen.io/walpolea/pen/voxPyJ?editors=1100 --- Send in a voice message: https://podcasters.spotify.com/pod/show/codesnippet/message Support this podcast: https://podcasters.spotify.com/pod/show/codesnippet/support…

1
Array of Unique Values with JS Set 6:05

vor 6 years6:05

6:05

In this quick episode, we look at a single line of JavaScript code that can quickly turn any array of values into an array of unique values, filtering out any duplicates. You can find the code for today's snippet here: https://codepen.io/walpolea/pen/QeNJWG?editors=0011 --- Send in a voice message: https://podcasters.spotify.com/pod/show/codesnippet/message Support this podcast: https://podcasters.spotify.com/pod/show/codesnippet/support…

1
Indexing Data in Javascript 8:21

vor 6 years8:21

8:21

In this episode, we look at a simple function that can be used to index a data set over specific properties in order to make it easier for your app to display data in a specifically organized way. Here's a link to the episode's snippet: https://codepen.io/walpolea/pen/LwGXgV --- Send in a voice message: https://podcasters.spotify.com/pod/show/codesnippet/message Support this podcast: https://podcasters.spotify.com/pod/show/codesnippet/support…

Willkommen auf Player FM!

Player FM scannt gerade das Web nach Podcasts mit hoher Qualität, die du genießen kannst. Es ist die beste Podcast-App und funktioniert auf Android, iPhone und im Web. Melde dich an, um Abos geräteübergreifend zu synchronisieren.

Höre 500+ Themen zu

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

Zevo Flying Insect Trap & Cartridge - Plug in Fly Trap & Indoor Bug Catcher for Gnats, House & Fruit Flies - Mess-Free - Use in Any Room - Uses Blue & UV Light (1 Plug in Device & 1 Cartridge)

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)

Amazon Basics Multipurpose Copy Printer Paper, 8.5 x 11 Inches, 20 lb, 1 Ream, (500 Sheets), 92 Bright, White

Elmer's Disappearing Purple School Glue Sticks Washable 7 Grams 30 Count

2025 Topps Series 1 Baseball Trading Card MLB Jumbo Fat Pack

Crayola Colored Pencils (36ct), Kids Pencil Set, Back to School Essentials, Must Have Classroom Supplies for Kids, Pre-Sharpened Coloring Book Pencils, 3+

Amazon eGift Card - Bright Balloons (Animated)

Amazon Fire HD 10 tablet (newest model) built for relaxation, 10.1" vibrant Full HD screen, octa-core processor, 3 GB RAM, 32 GB, Black

Podcasts, die es wert sind, gehört zu werden

1
The Innovators & Investors Podcast

Code Snippet « »
Easier Layouts with CSS box-sizing

Easier Layouts with CSS box-sizing

Podcasts, die es wert sind, gehört zu werden

Alle Folgen

1
Using Bitmasks for Efficient App Configurations 21:54

1
Easier Layouts with CSS box-sizing 8:48

1
CSS Grid Named Area Layouts 23:06

1
Destructured Function Parameters 9:10

1
Using Spread with Objects and Arrays 10:46

1
Using URLSearchParams Web API to Preserve Page State 9:02

1
Random Whole Numbers With Bitwise Not 8:47

1
3 Ways to do CSS Vertical Centering 13:54

1
Array of Unique Values with JS Set 6:05

1
Indexing Data in Javascript 8:21

Willkommen auf Player FM!

Mini Mic Pro Wireless Microphone for iPhone, iPad, Android, Lavalier Microphone for Video Recording - 2 Pack iPhone Mic Crystal Clear Recording with USB-C for Podcast, ASMR

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

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

Premier Protein Shake, Chocolate, 30g Protein 1g Sugar 24 Vitamins Minerals Nutrients to Support Immune Health, 11.5 fl oz (Pack of 12)

Amazon Basics Dog and Puppy Pee Pads, 5-Layer Leak-Proof Super Absorbent, Quick-Dry Surface, Potty Training, Regular (22x22"), 100 Count, Blue & White

Tubi: Watch Free Movies & TV Shows

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

Minecraft

Pink Pony Club

McAfee Total Protection 3-Device 2025 Ready |Security Software Includes Antivirus, Secure VPN, Password Manager, Identity Monitoring | 1 Year Subscription with Auto Renewal

EcoNour Patented Design Car Windshield Sun Shade | Blocks 99% Heat & Keeps Interior Cool | Fits Cars, SUVs, Trucks | Automotive Sun Screen, Visor & Car Accessories for Summer | Medium (64x32 Inches)

Amazon Fire TV Stick 4K (newest model) with AI-powered Fire TV Search, Wi-Fi 6, stream over 1.5 million movies and shows, free & live TV

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

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

Zevo Flying Insect Trap & Cartridge - Plug in Fly Trap & Indoor Bug Catcher for Gnats, House & Fruit Flies - Mess-Free - Use in Any Room - Uses Blue & UV Light (1 Plug in Device & 1 Cartridge)

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)

Podcasts, die es wert sind, gehört zu werden

Code Snippet « » Easier Layouts with CSS box-sizing

Easier Layouts with CSS box-sizing

Podcasts, die es wert sind, gehört zu werden

Willkommen auf Player FM!

Mini Mic Pro Wireless Microphone for iPhone, iPad, Android, Lavalier Microphone for Video Recording - 2 Pack iPhone Mic Crystal Clear Recording with USB-C for Podcast, ASMR

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

Minecraft

Pink Pony Club

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

Kurzanleitung

Code Snippet « »
Easier Layouts with CSS box-sizing