JavaScript News

Creating WebGL Effects with CurtainsJS

November 18th, 2020

This article focuses adding WebGL effects to <image> and <video> elements of an already “completed” web page. While there are a few helpful resources out there on this subject (like these two), I hope to help simplify this subject by distilling the process into a few steps: Create a web page as you normally would….

Node.js November 2020 Security Releases

November 13th, 2020

Summary The Node.js project will release new versions of 15.x, 14.x, and 12.x on or shortly after Monday, November 16th, 2020. These releases will fix: One high severity issue Impact The 15.x release line of Node.js is vulnerable to one high severity issue. The 14.x release line of Node.js is vulnerable to one high severity…

Version 11 of Angular Now Available

November 11th, 2020

Photo of a Torch Ginger by Jules Kremer Welcome to the Angular version 11 release. Version 11.0.0 is here and we’ve got some great updates for Angular developers everywhere. This release has updates across the platform including the framework, the CLI and components. Let’s dive in! What’s in this release? Updates on Operation Byelog When we shared Angular’s Roadmap,…

A Continuous Integration and Deployment Setup with CircleCI and Coveralls

November 9th, 2020

Continuous Integration (CI) and Continuous Deployment (CD) are crucial development practices, especially for teams. Every project is prone to error, regardless of the size. But when there is a CI/CD process set up with well-written tests, those errors are a lot easier to find and fix. In this article, let’s go through how to check…

How to Create a Commenting Engine with Next.js and Sanity

November 6th, 2020

One of the arguments against the Jamstack approach for building websites is that developing features get complex and often require a number of other services. Take commenting, for example. To set up commenting for a Jamstack site, you often need a third-party solution such as Disqus, Facebook, or even just a separate database service. That…

Quick LocalStorage Usage in Vue

November 5th, 2020

localStorage can be an incredibly useful tool in creating experiences for applications, extensions, documentation, and a variety of use cases. I’ve personally used it in each! In cases where you’re storing something small for the user that doesn’t need to be kept permanently, localStorage is our friend. Let’s pair localStorage with Vue, which I personally…

How to Animate the Details Element Using WAAPI

November 5th, 2020

Animating accordions in JavaScript has been one of the most asked animations on websites. Fun fact: jQuery’s slideDown() function was already available in the first version in 2006. In this article, we will see how you can animate the native <details> element using the Web Animations API. CodePen Embed Fallback HTML setup First, let’s see…

Gray Burst

November 2nd, 2020

I made this neat little gray burst thing. It’s nothing particularly special, especially compared to the amazing creativity on CodePen, but I figured I could document some of the things happening in it for learning reasons. CodePen Embed Fallback It’s SVG SVG has <line x1 y1 x2 y2>, so I figured it would be easy…

Using Your Own Design System with KendoReact Components

October 29th, 2020

Maybe you’ve already heard of (or even worked with!) KendoReact. It’s popped up in some of my day-to-day conversations, especially those about working with design systems and React. You could think of it as a component library like Bootstrap or Material Design, except the components in KendoReact are far more robust. These are interactive, state-driven…

React v17.0

October 19th, 2020

Today, we are releasing React 17! We’ve written at length about the role of the React 17 release and the changes it contains in the React 17 RC blog post. This post is a brief summary of it, so if you’ve already read the RC post, you can skip this one. No New Features The…