[email protected]
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
Leonardo: an open source contrast-based color generator
If you’ve created a color palette for a website or app, you’ve probably encountered a few of the challenges in creating color palettes for user interfaces. One of the most common challenges is meeting accessibility criteria such as a minimum contrast ratios defined by the Web Content Accessibility Guidelines (WCAG). Current tools check the contrast between colors after you’ve selected … Read more
Interactivity and Animation with Variable Fonts
If you read Jason’s introductory article about variable fonts, you’ll understand the many benefits and opportunities that they offer in modern web development. From this point on we’ll assume that you have either read Jason’s introduction or have some prior knowledge of variable fonts so we can skip over the getting started information. If you haven’t … Read more
Adaptive Photo Layout with Flexbox
Let’s take a look at a super lightweight way to create a horizontal masonry effect for a set of arbitrarily-sized photos. Throw any set of photos at it, and they will line up edge-to-edge with no gaps anywhere. The solution is not only lightweight but also quite simple. We’ll be using an unordered list of images and … 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
