What's New in the Kendo UI jQuery Components with R1 2020

The R1 2020 release of the Kendo UI jQuery components is here and brings the new file manager, badge, and bread crumb components along with grid column virtualization and editor improvements. The start of the year is here, and that means R1 2020 is also ... more

New Part Day: Arduino Goes Pro with the Portenta H7

The Consumer Electronics Show in Las Vegas is traditionally where the big names in tech show off their upcoming products, and the 2020 show was no different. There were new smartphones, TVs, and home automation devices from all the usual suspects. Even ... more

Complete React Tutorial for Beginners (2020)

Learning React is tough. It seems there’s a lot to learn at once. You might even think that “learning React” means that you have to also learn about Redux, Webpack, React Router, CSS in JS, and a pile of other stuff. This article is designed for total ... more

Automate Your Life with Node-RED (Plus a Dash of MQTT)

For years we’ve seen a trickle of really interesting home automation projects that use the Node-RED package. Each time, the hackers behind these projects have raved about Node-RED and now I’ve joined those ranks as well. This graphic-based coding platform ... more

Food Glorious Food! Using Location Data in WhatsApp to find nearby healthy restaurants using Twilio and JavaScript.

Food Glorious Food! Using Location Data in WhatsApp to find nearby healthy restaurants using Twilio and JavaScript. The life of a Developer Evangelist can be very unhealthy. I travel to many different countries and end up ordering fast food to my hotel ... more

What’s New in Kendo UI with R1 2020

It’s a fantastic way to kick off the new year; R1 2020 is here! This release comes with several updates across all libraries found in the Kendo UI bundle, including the jQuery, Angular, React, and Vue UI libraries! To keep this post trimmed down a bit ... more

Debunking the Myth: Accessibility and React

I find it notable when the blog of a major accessibility-focused company like Deque publishes an article called Debunking the Myth: Accessibility and React. Mark Steadman is essentially saying if a site has bad accessibility, it ain't React... it's you. ... more

A JavaScript framework for visual programming

Rete is a modular framework for visual programming. Rete allows you to create node-based editor directly in the browser. You can define nodes and workers that allow users to create instructions for processing data in your editor without a single line ... more

How we built Picture-in-Picture in Firefox Desktop with more control over video

Picture-in-Picture support for videos is a feature that we shipped to Firefox Desktop users in version 71 for Windows users, and 72 for macOS and Linux users. It allows the user to pull a <video> element out into an always-on-top window, so that ... more

Telerik and Kendo UI R1 2020 Release is Here!

The Telerik and Kendo UI R1 2020 release has landed. Check out the latest updates and learn what's new! We work hard to make continuous and steady progress for you every day! Over 30 years ago, Masaaki Imai sat down to write the groundbreaking book KAIZEN: ... more

When Should You Use the CSS !important Rule?

The !important rule in CSS gives you the ability to override styles, but is this power too much for a lone software developer? Read this article to find out what it is, and when it’s a good idea to use it! The !important rule is special because it has ... more

A Markdown Story

It's 2014 All my colleagues are writing their Bachelor's Degree paper in LaTeX1. Or MSWord... 🤮 I'm doing it in Markdown, mostly because LaTeX looks too verbose for me. And I'm not that smart anyway. I was never the brightest bulb in the chandelier, ... more

Need to Node – Volume 59

In this volume of Need to Node, you can find the latest news on Node v13.6.0 (current) released, npm Security 2019 in Review and Memory Leaks Demystified. Check out this week’s Need to Node to keep up to date with the latest news on the Node.js project, ... more

Implementing a TeamCity Plugin

Total: 1 Average: 5 Steps for implementing a TeamCity Plugin include: • Preparing the development environment • Generating a Maven project • Implementing the plugin’s UI • Organizing the business logic of the plugin. A plugin in TeamCity is a zip file ... more

Best Practices for Getting Started With New Relic Alert Conditions

For successful DevOps teams, alerting is an indispensable practice. You can’t possibly watch every service in your application every second of every day, yet you must be ready to take action immediately, should any service hit a snag. With New Relic ... more

A cost-effective and extensible testbed for transport protocol development

This was originally published on Perf Planet's 2019 Web Performance Calendar. At Cloudflare, we develop protocols at multiple layers of the network stack. In the past, we focused on HTTP/1.1, HTTP/2, and TLS 1.3. Now, we are working on QUIC and HTTP/3, ... more

Netlify High-Fives

We've got Netlify as a sponsor around here again this year, which is just fantastic. Big fan. Our own Sarah Drasner is Head of DX (Developer Experience) over there, if you hadn't heard. And if you haven't heard of Netlify, well, you're in for a treat. ... more

How many CSS properties are there?

Tomasz Łakomy posted a joke tweet about naming all the CSS attributes and Tejas Kumar replied with a joke answer, going as far as making an npm module. You can even run a terminal command to see them: npx get-all-css-properties You'll get 259 of them. ... more

A Trick That Makes Drawing SVG Lines Way Easier

When drawing lines with SVG, you often have a <path> element with a stroke . You set a stroke-dasharray that is as long as the path itself, as well as a stroke-offset that extends so far that you that it's initially hidden. Then you animate the ... more

Using AWS RDS with Node.js and Express.js

Introduction It's not an overstatement to say that information and data runs the world. Almost any application, from social media and e-commerce websites to simple time tracker and drawing apps, relies on the very basic and fundamental task of storing ... more

Using Stubs for Testing in JavaScript with Sinon.js

Introduction Testing is a fundamental part of the software development process. When creating web applications, we make calls to third-party APIs, databases, or other services in our environment. Therefore, our tests must validate those request are sent ... more

Quick Tip: Get URL Parameters with JavaScript

URL parameters (also called query string parameters or URL variables) are used to send small amounts of data from page to page, or from client to server via a URL. They can contain all kinds of useful information, such as search queries, link referrals, ... more

Article: Functional UI (Framework-Free at Last)

Functional UI is a set of techniques which rely heavily on functional programming to develop user interface applications. While deceptively simple, functional UI techniques are surprisingly powerful. Functional UI directly reflects the application's ... more

javascript: Array reduce vs chaining vs for loop

I had a little NodeJS script I wrote to do a quick task for myself and in this video I'll show you a comparison of different approaches to operating on an array, specifically the Array `reduce` method vs chaining `filter` and `map` calls, and finally ... more

Snowpack

Snowpack. Love that name. This is the new thing from the Pika people, who are on to something . It's a bundler alternative , in a sense. It runs over packages you pull from npm to make sure that they are ES module-compatible (native imports). This is ... more

TypeScript 3.8 unveils new syntax for type-only imports

TypeScript 3.8, a new version of Microsoft’s typed superset of JavaScript, is now available in a beta release. The latest TypeScript upgrade emphasizes type-only imports and exports and ECMAScript standards compliance. The release adds a new syntax for ... more

Best New Features of Create React App 3.3

This post takes you through the top features in the newly released Create React App 3.3. See how the latest updates help speed your development of React apps. Create React App is a tool built by developers at Facebook to help you build React applications. ... more

Send SMS in Your Spring Boot App

In this article, you’ll learn how to use WebSocket API with Spring Boot and build a simple status delivery application at the end. WebSocket is a communication protocol that makes it possible to establish a two-way communication channel between a server ... more

How to Animate on the Web With Greensock

There are truly thousands of ways to animate on the web. We’ve covered a comparison of different animation technologies here before. Today, we’re going to dive into a step-by-step guide of one of my favorite ways to get it done: using GreenSock. (They ... more

Authentication and Authorization with JWTs in Express.js

Introduction In this article, we will be talking about how JSON Web Tokens works, what are the advantages of them, their structure, and how to use them to handle basic authentication and authorization in Express. You do not have to have any previous ... more