Code Snippet

Andrew Walpole

5.0(2개의 평가)
과학 기술

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.

2019. 10. 16.

Using Bitmasks for Efficient App Configurations

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

22분
2019. 09. 25.

Easier Layouts with CSS box-sizing

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

9분
2019. 09. 20.

CSS Grid Named Area Layouts

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

23분
2019. 09. 11.

Destructured Function Parameters

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

9분
2019. 09. 05.

Using Spread with Objects and Arrays

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

11분
2019. 08. 22.

Using URLSearchParams Web API to Preserve Page State

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

9분
2019. 08. 13.

Random Whole Numbers With Bitwise Not

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

9분
2019. 07. 30.

3 Ways to do CSS Vertical Centering

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

14분
2019. 07. 24.

Array of Unique Values with JS Set

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

6분
2019. 07. 23.

Indexing Data in Javascript

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

8분

10개의 에피소드

5

최고 5점

2개의 평가

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.

제작진

Andrew Walpole
방송 연도

2019년
에피소드

10
등급

전체 연령 사용가
웹사이트 보기

Code Snippet

Code Snippet

에피소드

Using Bitmasks for Efficient App Configurations

Easier Layouts with CSS box-sizing

CSS Grid Named Area Layouts

Destructured Function Parameters

Using Spread with Objects and Arrays

Using URLSearchParams Web API to Preserve Page State

Random Whole Numbers With Bitwise Not

3 Ways to do CSS Vertical Centering

Array of Unique Values with JS Set

Indexing Data in Javascript

평가 및 리뷰

소개

정보