Easier Layouts with CSS box-sizing

Code Snippet

Player FM - Internet Radio Done Right

تمت الإضافة منذ قبل four أعوام

المحتوى المقدم من Andrew Walpole. يتم تحميل جميع محتويات البودكاست بما في ذلك الحلقات والرسومات وأوصاف البودكاست وتقديمها مباشرة بواسطة Andrew Walpole أو شريك منصة البودكاست الخاص بهم. إذا كنت تعتقد أن شخصًا ما يستخدم عملك المحمي بحقوق الطبع والنشر دون إذنك، فيمكنك اتباع العملية الموضحة هنا https://ar.player.fm/legal.

Squid Game: The Official Podcast

1
Keys and Knives - S3 Ep 1 26:28

منذ 10 أيام26:28

التشغيل لاحقا

قوائم

إعجاب

احب

26:28

Squid Game is back—and this time, the knives are out. In the thrilling Season 3 premiere, Player 456 is spiraling and a brutal round of hide-and-seek forces players to kill or be killed. Hosts Phil Yu and Kiera Please break down Gi-hun’s descent into vengeance, Guard 011’s daring betrayal of the Game, and the shocking moment players are forced to choose between murdering their friends… or dying. Then, Carlos Juico and Gavin Ruta from the Jumpers Jump podcast join us to unpack their wild theories for the season. Plus, Phil and Kiera face off in a high-stakes round of “Hot Sweet Potato.” SPOILER ALERT! Make sure you watch Squid Game Season 3 Episode 1 before listening on. Play one last time. IG - @SquidGameNetflix X (f.k.a. Twitter) - @SquidGame Check out more from Phil Yu @angryasianman , Kiera Please @kieraplease and the Jumpers Jump podcast Listen to more from Netflix Podcasts . Squid Game: The Official Podcast is produced by Netflix and The Mash-Up Americans.…

منذ 6 أعوام 8:48

M4A•منزل الحلقة

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 حلقات

Easier Layouts with CSS box-sizing

Code Snippet

published منذ 6 أعوام

M4A•منزل الحلقة

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 حلقات

كل الحلقات

1
Using Bitmasks for Efficient App Configurations 21:54

منذ 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

منذ 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

منذ 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

منذ 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

منذ 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

منذ 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

منذ 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

منذ 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

منذ 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

منذ 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…

مرحبًا بك في مشغل أف ام!

يقوم برنامج مشغل أف أم بمسح الويب للحصول على بودكاست عالية الجودة لتستمتع بها الآن. إنه أفضل تطبيق بودكاست ويعمل على أجهزة اندرويد والأيفون والويب. قم بالتسجيل لمزامنة الاشتراكات عبر الأجهزة.

الاستماع إلى +500 موضوع

2024 Topps Baseball Complete Set Factory Sealed Box Set - Baseball Complete Sets

2025 - American Silver Eagle .999 Fine Silver with our Smyrnacoin Certificate of Authenticity Dollar Uncirculated US Mint

Amazon eGift Card - Bright Balloons (Animated)

Ailun Screen Protector for iPhone 16 / iPhone 15 / iPhone 15 Pro [6.1 Inch] Display 3 Pack Tempered Glass, Dynamic Island Compatible, Case Friendly [Not for iPhone 16 Pro 6.3 Inch].

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)

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

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

Amazon Basics Dog and Puppy Pee Pads with Leak-Proof Quick-Dry Design for Potty Training, Standard Absorbency, Regular Size, 22 x 22 Inches, Pack of 100, Blue & White

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

المدونة الصوتية تستحق الاستماع

1
Keys and Knives - S3 Ep 1 26:28

Code Snippet « »
Easier Layouts with CSS box-sizing

Easier Layouts with CSS box-sizing

المدونة الصوتية تستحق الاستماع

كل الحلقات

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

مرحبًا بك في مشغل أف ام!

Command 20 lb XL Heavyweight Picture Hanging Strips 16 Pairs (32 Command Strips), Damage-Free Hanging Picture Hangers, Heavy Duty Wall Hanging Strips for Home Decor, White Adhesive Strips

TERRO Ant Killer Bait Stations T300B - Liquid Bait to Eliminate Ants - 12 Count Stations for Effective Indoor Ant Control

Huggies Natural Care Sensitive Baby Wipes, Unscented, Hypoallergenic, 99% Purified Water, 12 Flip-Top Packs (768 Wipes Total), Packaging May Vary

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)

2024-25 Topps Chrome Basketball - Factory Sealed - Value Box

2025 Topps Series 1 Baseball Trading Card MLB Jumbo Fat Pack

Clean Skin Club Clean Towels XL™, 100% USDA Biobased Face Towel, Disposable Face Towelette, Eczema Association Accepted, Makeup Remover Dry Wipes, Ultra Soft, 50 Ct, 1 Pack

Microsoft Office Home 2024 | Classic Apps: Word, Excel, PowerPoint | One-Time Purchase for 1 PC/MAC | Instant Download | Formerly Home & Student 2021 [PC/Mac Online Code]

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

HP 67XL Black High-yield Ink Cartridge | Works with HP DeskJet 1255, 2700, 4100 Series, HP ENVY 6000, 6400 Series | Eligible for Instant Ink | One Size | 3YM57AN

Ring Battery Doorbell, Head-to-Toe Video, Live View with Two-Way Talk, and Motion Detection & Alerts (newest model), Satin Nickel

2024 Topps Baseball Complete Set Factory Sealed Box Set - Baseball Complete Sets

2025 - American Silver Eagle .999 Fine Silver with our Smyrnacoin Certificate of Authenticity Dollar Uncirculated US Mint

Amazon eGift Card - Bright Balloons (Animated)

المدونة الصوتية تستحق الاستماع

Code Snippet « » Easier Layouts with CSS box-sizing

Easier Layouts with CSS box-sizing

المدونة الصوتية تستحق الاستماع

مرحبًا بك في مشغل أف ام!

Command 20 lb XL Heavyweight Picture Hanging Strips 16 Pairs (32 Command Strips), Damage-Free Hanging Picture Hangers, Heavy Duty Wall Hanging Strips for Home Decor, White Adhesive Strips

2025 Topps Series 1 Baseball Trading Card MLB Jumbo Fat Pack

دليل مرجعي سريع

Code Snippet « »
Easier Layouts with CSS box-sizing