The JavaScript, TypeScript, HTML and CSS Magazine

By Dan Wahlin | All about JavaScript, HTML5 and CSS! Tweet article suggestions to @DanWahlin.

The future of WebAssembly - A look at upcoming features and proposals

WebAssembly is a performance optimised virtual machine that was shipped in all four major browsers earlier this year. It is a nascent technology and …

JavaScript

Slaying a UI Antipattern with Web Components (and TypeScript)

<node-package> is a web component that lets you easily embed details about an npm package on your site. To use it you add a tag to your HTML and get …

JavaScript

Installation

The ultimate JavaScript validation library you've ever needed.<br>Dead simple fluent API. Customizable. Reusable.<p>Usage - Installation - Documentation<p>Or …

JavaScript

Description

🎨Beautiful images of your code — from right inside your terminal.<p>carbon.now.sh by @dawn_labs is a wonderful tool that lets you generate beautiful …

Demonstration

10 JavaScript Animation Libraries to Follow in 2018

The client side of a modern day website feeds off quality animation, which has lead to a rise in the need for JavaScript animation libraries. …

JavaScript

The Extensive Guide to Creating Streams in RxJS

For most developers the first contact with RxJS is established by libraries, like Angular. Some functions return streams and to make use of them the …

JavaScript

jamiemccrindle/axax

A library of async iterator extensions for JavaScript including map, reduce, filter, flatMap, pipe and more.<p>Installation<p>Why Axax?<p>Async iterators are …

JavaScript

Split.js

< 2kb unopinionated utility for resizeable split views.<p><b>Zero Deps</b>• <b><br>Tiny:</b> Weights less than 2kb gzipped.• <b><br>Fast:</b> No overhead or attached window event …

Web Development

Rete.js

JavaScript framework for visual programming<p>Introduction<p><b>Rete</b> is a modular framework for visual programming. <b>Rete</b> allows you to create node-based editor …

JavaScript

Recreating Python's Slice Syntax in JavaScript Using ES6 Proxies

I’ve noticed that JavaScript proxies seem to have been getting an increasing amount of attention recently. They were introduced by ECMAScript 2015 …

JavaScript

Reduce JavaScript Payloads with Tree Shaking

Reduce JavaScript Payloads with Tree ShakingToday's web applications can get pretty big, especially the JavaScript part of them. As of mid-2018, HTTP …

JavaScript

PDFShift

Convert HTML to PDF online with PDFShift's lightning-fast and powerful API. Code examples and package ready for Node, Python and PHP developers.

PHP

fuzzyset - A fuzzy string set for javascript.

fuzzyset is a data structure that performs something akin to fulltext search against data to determine likely mispellings and approximate string …

JavaScript

Table of Contents

JavaScript Exercises<p><i>Collection of JavaScript exercises great for preparing for an interview</i><p>Series of interesting JavaScript exercises that I solve …

JavaScript

The Comprehensive Guide to JavaScript Design Patterns

As a good JavaScript developer, you strive to write clean, healthy, and maintainable code. While you solve interesting and unique challenges, you’ve …

JavaScript

Introducing Teleport: Over-the-air hot reloading & debugging for PWA’s ⚡️

PWA’s are <i>awesome.</i> Using a single codebase, they let you build apps that target both mobile & desktop platforms.<p>But there’s a catch: tracking down, …

Using JavaScript modules on the web | Web Fundamentals

Using JavaScript modules on the webJavaScript modules are now supported in all major browsers! This article explains how to use JS modules, how to …

JavaScript

Your IDE as a presentation tool

André Staltz<p>Your IDE as a presentation tool<p>04 Jun 2018<p>I’ve just given my third programming talk where I use only my IDE (integrated development …

Microsoft Visual Studio

Wired Elements

A set of common UI elements with a hand-drawn, sketchy look. These can be used for wireframes, mockups, or just the fun hand-drawn look.<p>Wired …

Mockups

Parallel programming in JavaScript

JavaScript is one of the most popular programming languages of all. It is the language of the web browser. Another reason why JavaScript has become …

If you've ever written anything more than a very simple app with jQuery, you've probably run into the problem of keeping different parts of the UI …

Make Your Web Delicious!

TOAST UI Chart supports a easy way to draw various and essential charts on your web service. You can visualize your data over 12 ways include Bar, …

You Don’t Need Redux, MobX, RxJS, Cerebral

For state management, try this simple pattern instead of a library<p>Don’t get me wrong. Those libraries are great. But I’m suggesting a different, …

An Easy to Understand Webpack 4+ Configuration File with Comments

Configuring Webpack could be a challenging and daunting task for most of us but if you spend sometime researching, reading and watching about the …

Webpack configurator

VS Code Can Do That?

Native-Like Animations for Page Transitions on the Web

Some of the most inspiring examples I’ve seen of front-end development have involved some sort of page transitions that look slick like they do in …

Quick Start to Clarion CSS Architecture - Clarion

Make Your Life Easier With CSS Architecture!<p>CSS doesn't suck (or at least it doesn't have to)! The days of the monolithic styles.css page are gone! …

How TypeScript is making programming better — Tips and tricks after migrating to TS

Section I<p>JavaScript, as we all know, was originally meant for building logic into small front end apps in order to make them function dynamically …