Search
JavaScript Glossary: Array unshift() Method
17.2.2019
Basics
The unshift array method appends a number of values to the start of a given array. It then returns the new length of the array. This method can take a number of argumen
Code Challenge #16: Infinite Scroll Unsplash Gallery
14.2.2019
Photos and media in general play a great part of websites and inefficient handling may lead to loss of site performance and ultimately, users. In this week's challenge, we will build a photo galler
Avoiding those dang cannot read property of undefined errors
13.2.2019
Uncaught TypeError: Cannot read property 'foo' of undefined. The dreaded error we all hit at some point in JavaScript development. Could be an empty state from an API that returns differently than you expected. Could be something else. We don’t know because the error itself is so general...
22 Best Visual Studio Code Extensions for Web Development
12.2.2019
One of the most impressive parts of Visual Studio Code is customizability, especially via extensions. If you're a web developer, you won't be able to live without installing these extensions!
Simple Crazy Buttons in VanillaJS (Solution to Code Challenge #15)
11.2.2019
Last week on the code challenge #15 we set out to complete a challenge on manipulating DOM properties
Where Do You Nest Your Sass Breakpoints?
11.2.2019
I love nesting my @media query breakpoints. It's perhaps the most important feature of Sass to me. Maybe I pick a method and do it like this:
.element {
display: grid;
grid-template-columns: 100px 1fr;
@include breakpoint(baby-bear) {
display: block;
}
}
That's straightforward enough....
JavaScript Glossary: Array .splice() Method
8.2.2019
Basics
The splice array method changes an existing array by removing, adding and/or replacing specified elements from it. The method mutates the array and returns an array of
JavaScript Glossary: Array .slice() Method
8.2.2019
Basics
The slice array method copies a given part of an array returning the selected part as an array. It doesn’t mutate the given array rather, it returns a new array
JavaScript Glossary: Array .shift() Method
8.2.2019
Basics
This method takes out the first element from an array and returns it. The shift method mutates the array during this process, reducing its length
JavaScript Glossary: Array .push() Method
8.2.2019
Basics
This methods appends one or more value to the last position of an array. This method mutates the array returning the new length of the array.
let
JavaScript Glossary: Array .pop() Method
8.2.2019
Basics
This method takes out the last element from an array and returns it. The pop method mutates the array during this process reducing its length
JavaScript Glossary: Array .map() Method
8.2.2019
Basics
The map() method takes a callback method that performs an operation on the elements in the array. It returns a new array containing the resulting values of running the
JavaScript Glossary: Array .includes() Method
8.2.2019
Basics
This method checks if an array contains a given element. The return value for this method is a Boolean. true if the element exists in the array and f
JavaScript Glossary: Array .forEach() Method
8.2.2019
Basics
The forEach() method takes a function that performs an action on each of the elements in this array.
[1, 2, 3, 4, 5].forEach(functio
JavaScript Glossary: Array .toString() Method
8.2.2019
Basics
This method returns a String representation of the elements withing the calling array. This method is somewhat similar to the join() method. It returns a s
JavaScript Glossary: Array.some()
8.2.2019
Basics
This method checks if any of the elements contained in an array passes a set test. If at least one of the elements passes this test, true is returned. This method only
Revisiting the abbr element
7.2.2019
An irresistible HTML element deep dive from Ire Aderinokun, this time on the <abbr title=""> element for abbreviations. You can kinda just use it (JUI) and it works fine, but if you're hoping to make a tooltip for them (which works on touchscreens as well), then it's much more complicated....
HTML, CSS and our vanishing industry entry points
7.2.2019
Rachel Andrew:
There is something remarkable about the fact that, with everything we have created in the past 20 years or so, I can still take a complete beginner and teach them to build a simple webpage with HTML and CSS, in a day. We don’t need to talk about tools or frameworks, learn how...
10 Amazing JavaScript Games In Under 13kB of Code
7.2.2019
A collection of awesome browser games, each one masterfully crafted with only 13 kilobytes of code
Animate a Blob of Text with SVG and Text Clipping
6.2.2019
I came across this neat little animation in a designer newsletter — unfortunately, I lost track of the source, so please give a shout out if you recognize it! In it, a block of text appears to bleed into view with a swirl of colors, then goes out the same way it came in. It’s a slick effect and...