CSS Grid Named Area Layouts

Code Snippet

Player FM - Internet Radio Done Right

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

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

Our Skin: A Personal Discovery Podcast

1
You Are Your Longest Relationship: Artist DaQuane Cherry on Psoriasis, Art, and Self-Care 32:12

منذ 20 يومًا32:12

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

قوائم

إعجاب

احب

32:12

DaQuane Cherry was once the kid who wore a hoodie to hide skin flare-ups in school. Now he’s an artist and advocate helping others feel seen. He reflects on his psoriasis journey, the power of small joys, and why loving yourself first isn’t a cliché—it’s essential. Plus, a deep dive into the history of La Roche-Posay’s legendary spring. See omnystudio.com/listener for privacy information.…

منذ 6 أعوام 23:06

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

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

10 حلقات

CSS Grid Named Area Layouts

Code Snippet

published منذ 6 أعوام

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

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

10 حلقات

كل الحلقات

1
Using Bitmasks for Efficient App Configurations 21:54

منذ 6 أعوام21: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 أعوام8: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 أعوام23: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 أعوام9: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 أعوام10: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 أعوام9: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 أعوام8: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 أعوام13: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 أعوام6: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 أعوام8: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 موضوع

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

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 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

Nespresso Capsules Vertuo, Variety Pack, Medium and Dark Roast Coffee, 30 Count Coffee Pods, Brews 7.8 oz.

3mm Tiny CZ Screw on Flat Back Stud Earrings,Gold Plated Flat Back Cubic Zirconia Earrings for Helix Cartilage Tragus Earlobe Piercing Jewelry Gift for Women Men(3mm CZ, Gold)

Amazon Basics Everyday Paper Plates, 8.62 Inch, Disposable, 100 Count

14K Gold Filled Small Hoop Earrings for Cartilage Nose, Tiny Thin 7mm Piercing Hoop Ring 22 Gauge

2 Pack European Plug Adapter USB C, TESSAN US to Europe Adapter 4 Outlets 3 USB Charger, Type C International Power Adaptor to Italy Spain France Portugal Iceland Germany, Europe Travel Essentials

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

1
You Are Your Longest Relationship: Artist DaQuane Cherry on Psoriasis, Art, and Self-Care 32:12

Code Snippet « »
CSS Grid Named Area Layouts

CSS Grid Named Area Layouts

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

كل الحلقات

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

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

Amazon Basics 2-Ply Flex-Sheets Paper Towels, 12 Basics Rolls = 32 Regular Rolls, Everyday Value with 150 Sheets per Roll

Core Power Elite High Protein Shake, Chocolate, 42g Bottle, 14oz, 12 Pack

Affresh Washing Machine Cleaner, Cleans Front Load and Top Load Washers, Including HE, 6 Tablets

Scott Paper Towels, Choose-A-Sheet, 6 Double Rolls = 12 Regular Rolls (108 Sheets Per Roll)

BAGAIL 8 Set Packing Cubes Luggage Organizer Bags for Travel Accessories-Cream

Clorox Toilet Bowl Cleaner, Clinging Bleach Gel, Ocean Mist - 24 Ounces, Pack of 2

ACTIVE Mold Stain Remover Gel Cleaner Heavy Duty Stain Cleaner for Front Loader Washing Machine Seal, Bathroom Grout, Shower, Caulk - Front Load Washer Cleaning Solution - 7 Fl Oz

Dixie Medium Paper Plates, 8.5 Inch, 90 Count, 2X Stronger*, Microwave-Safe, Soak-Proof, Cut Resistant, Disposable Plates For Everyday Breakfast, Lunch, & Dinner Meals

Moissanite Stud Earrings 0.3ct-2.0CT D Color,GRA 925 Sterling Silver Earrings for Men 18K White Gold Plating Earrings for Women,wedding earrings(1.0ct*2)

Garbage Disposal Cleaner Deodorizer Tablets - 24 Pack, New Powerful XL Foaming Tablet - Fresh Citrus Foam Sink Garburator Disposer Freshener, Natural Kitchen Drain Cleaning Care - 1 Year Supply

Annika Bella Small Cross Necklace, 925 Sterling Silver Faith Jewelry, Religious Tiny Pendant Charm Necklaces, Gift for Her (Silver)

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

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)

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

Code Snippet « » CSS Grid Named Area Layouts

CSS Grid Named Area Layouts

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

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

Amazon Basics 2-Ply Flex-Sheets Paper Towels, 12 Basics Rolls = 32 Regular Rolls, Everyday Value with 150 Sheets per Roll

ACTIVE Mold Stain Remover Gel Cleaner Heavy Duty Stain Cleaner for Front Loader Washing Machine Seal, Bathroom Grout, Shower, Caulk - Front Load Washer Cleaning Solution - 7 Fl Oz

Dixie Medium Paper Plates, 8.5 Inch, 90 Count, 2X Stronger*, Microwave-Safe, Soak-Proof, Cut Resistant, Disposable Plates For Everyday Breakfast, Lunch, & Dinner Meals

Moissanite Stud Earrings 0.3ct-2.0CT D Color,GRA 925 Sterling Silver Earrings for Men 18K White Gold Plating Earrings for Women,wedding earrings(1.0ct*2)

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

Code Snippet « »
CSS Grid Named Area Layouts