A new approach to container and wrapper classes

A post about the layout you’re looking at right now The previous structure of this page layout was virtually the same, the foundation of it expertly defined in the article Full-Bleed Layout Using CSS Grid by Josh Comeau. It’s a technique I’ve used on many projects. I’ve even blogged about it previously in Horizontal Scrolling in a Centered … Read more

45 Front End Developer Tools

Front End Tools Today we’re going to dive into useful UI development tools for developers and designers. 1) Checklist Design A place to synthesize website design knowledge through providing information and essential elements when designing website elements such as buttons, cards, tables… Link 2) Web Gradients Where to synthesize beautiful gradient background colors for website … Read more

Callbacks vs. Promises in JavaScript

If you’re new to JavaScript and have a hard time trying to understand how promises work, hopefully this article will assist you in understanding them more clearly. With that said, this article is aimed at those who are a little unsure about promises. This post won’t be going over executing promises using async/await (although they’re the same … Read more

how to manage HTML DOM with vanilla JavaScript only?

GitHub 01 — Add or remove class from an elementbasic 02 — Allow to enter particular characters onlyintermediate 03 — Append to an elementbasic 04 — Attach or detach an event handlerbasic 05 — Calculate the size of scrollbarintermediate 06 — Change the website faviconintermediate 07 — Check an element against a selectorbasic 08 — Check if an element has given classbasic 09 — Check if an element is a descendant of anotherbasic … Read more

New to JAMstack? Everything You Need to Know to Get Started

When we first wrote this post, the JAMstack ecosystem was still in its infancy. That was +/- 5 years ago. Back then, the Netlify founders came to us with a proposition. They had just come up with the term “JAMstack” to work around the negative connotation of “static web” and were asking if we would help to promote it. … Read more

The Complete Guide to JavaScript Classes

JavaScript uses prototypal inheritance: every object inherits properties and methods from its prototype object. The traditional class as the blueprint to create objects, used in languages like Java or Swift, does not exist in JavaScript. The prototypal inheritance deals only with objects. The prototypal inheritance can emulate the classic class inheritance. ES2015 introduces the class syntax: a syntactic … Read more

Understanding This, Bind, Call, and Apply in JavaScript

The author selected the Open Internet/Free Speech Fund to receive a donation as part of the Write for DOnations program. The this keyword is a very important concept in JavaScript, and also a particularly confusing one to both new developers and those who have experience in other programming languages. In JavaScript, this is a reference to an object. The object that this refers to can … Read more

Practical Ways to Write Better JavaScript

In our 2019 Dev Survey, we asked what kind of content Stack Overflow users would like to see beyond questions and answers. The most popular response was “tech articles written by other developers.” So from now on we’ll be regularly publishing articles from contributors. If you have an idea and would like to submit a pitch, you can email … Read more

First-Class Functions in JavaScript

Introduction JavaScript has first-class functions. This means functions can be treated like other variables, which turns out to be incredibly important behavior to understand as you advance as a JavaScript developer. The following three bullets represent important first-class function behavior: Functions can be assigned to variables Functions can be passed as arguments to other functions … Read more