Easier Layouts with CSS box-sizing

Code Snippet

Player FM - Internet Radio Done Right

הוסף לפני four שנים

תוכן מסופק על ידי Andrew Walpole. כל תוכן הפודקאסטים כולל פרקים, גרפיקה ותיאורי פודקאסטים מועלים ומסופקים ישירות על ידי Andrew Walpole או שותף פלטפורמת הפודקאסט שלהם. אם אתה מאמין שמישהו משתמש ביצירה שלך המוגנת בזכויות יוצרים ללא רשותך, אתה יכול לעקוב אחר התהליך המתואר כאן https://he.player.fm/legal.

1
TED Tech

בטל רישום

לפני 15 hoursלפני 15h ago

בטל רישום

שבועי

From the construction of virtual realities to the internet of things to the watches on our wrists—technology's influence is everywhere. Its role in our lives is evolving fast, and we're faced with riveting questions and tough challenges that sit at the intersection of technology and humanity. Listen in every Friday , with host, journalist Sherrell Dorsey , as TED speakers explore the way tech shapes how we think about society, science, design, business, and more. Follow Sherrell on Instagram @sherrell_dorsey and on LinkedIn @sherrelldorsey Hosted on Acast. See acast.com/privacy for more information.

לפני 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…

ברוכים הבאים אל Player FM!

Player FM סורק את האינטרנט עבור פודקאסטים באיכות גבוהה בשבילכם כדי שתהנו מהם כרגע. זה יישום הפודקאסט הטוב ביותר והוא עובד על אנדרואיד, iPhone ואינטרנט. הירשמו לסנכרון מנויים במכשירים שונים.

תקשיבו ל-500+ נושאים

Amazon eGift Card - Bright Balloons (Animated)

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

Apple Watch Series 10 [GPS 42mm case] Smartwatch with Rose Gold Aluminium Case with Light Blush Sport Band - S/M. Fitness Tracker, ECG App, Always-On Retina Display, Water Resistant

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 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 Multipurpose Copy Printer Paper, 8.5 x 11 Inches, 20 lb, 1 Ream, (500 Sheets), 92 Bright, White

2025 Topps Series 1 Baseball Trading Card MLB Jumbo Fat Pack

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

פודקאסטים ששווה להאזין

1
TED Tech

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

ברוכים הבאים אל Player FM!

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

Medicube Zero Pore Pads 2.0, Dual-Textured Facial Toner Pads for Exfoliation and Pore Care with 4.5% AHA Lactic Acid & 0.45% BHA Salicylic Acid, Ideal for All Skin Types, Korean Skin Care (70 units)

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

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

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

BIC Xtra Smooth Mechanical Pencil, 0.7 mm Medium Point, Refillable and Retractable, 40-Count Pack

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

Elmer's Disappearing Purple School Glue Sticks Washable 6 Grams 12 Count

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

The Idaho Four: An American Tragedy

Pink Pony Club

Amazon eGift Card - Amazon Logo (Animated)

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

Amazon eGift Card - Bright Balloons (Animated)

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

Apple Watch Series 10 [GPS 42mm case] Smartwatch with Rose Gold Aluminium Case with Light Blush Sport Band - S/M. Fitness Tracker, ECG App, Always-On Retina Display, Water Resistant

פודקאסטים ששווה להאזין

Code Snippet « » Easier Layouts with CSS box-sizing

Easier Layouts with CSS box-sizing

פודקאסטים ששווה להאזין

ברוכים הבאים אל 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

Elmer's Disappearing Purple School Glue Sticks Washable 6 Grams 12 Count

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

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

מדריך עזר מהיר

Code Snippet « »
Easier Layouts with CSS box-sizing