Code Snippet podcast

שתפו

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

A podcast centered around web development technologies, like HTML, CSS and JavaScript, that takes a few lines of functional code and deep-dives into what’s going on. Support this podcast: https://podcasters.spotify.com/pod/show/codesnippet/support

10 פרקים

Code Snippet

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…

Code Snippet

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…

Code Snippet

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…

Code Snippet

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…

Code Snippet

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…

Code Snippet

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…

Code Snippet

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…

Code Snippet

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…

Code Snippet

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…

Code Snippet

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…

Amazon eGift Card - Amazon Logo (Animated)

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

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)

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

Amazon Basics Multipurpose Copy Printer Paper, 20 lb, 92 Bright, 8.5" x 11", White, 8 Reams, 4000 Sheets (500 Sheets/Ream)

Ailun 3 Pack Screen Protector for iPhone 16 Pro [6.3 inch] + 3 Pack Camera Lens Protector with Installation Frame,Case Friendly Tempered Glass Film,[9H Hardness] - HD

$25 PlayStation Store Gift Card [Digital Code]

ZELUS Weighted Vest, 6lb/8lb/12lb/16lb/20lb/25lb/30lb Weight Vest with Reflective Stripe for Workout, Strength Training, Running, Fitness, Muscle Building, Weight Loss, Weightlifting, Black(12 lb)

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

1
Crash Course DM

Code Snippet

Code Snippet

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

כל הפרקים

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!

Walk This Road

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

TurboTax Deluxe 2024 Tax Software, Federal & State Tax Return [PC/MAC Download]

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

Peacock TV

Minecraft

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

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

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)

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

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

Amazon eGift Card - Amazon Logo (Animated)

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

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

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

Code Snippet

Code Snippet

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

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

Walk This Road

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

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

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

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

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