hello.js

var please = require('share');
console.log('thank you');

Wednesday, 10 April, 2019 UTC

Deno, a new way to JavaScript

Deno, a new way to JavaScript

Ryan Dahl – inventor of Node.js – has been working on Deno, a new take on Node as if it were designed today. From async-await to ArrayBuffers, the JavaScript language has changed significantly in the decade since Node.js was designed. Deno takes advantage ... more


Wednesday, 10 April, 2019 UTC

Editor.js – Next generation block styled editor

Editor.js – Next generation block styled editor

Editor.js is a so called “block style editor” like the one Medium (and recently WordPress) sport. The Editor.js workspace consists of separate Blocks: paragraphs, headings, images, lists, quotes, etc. Each of them is an independent contenteditable element ... more


Wednesday, 10 April, 2019 UTC

Illustrated.dev explains web development through illustration

Illustrated.dev explains web development through illustration

Illustrated.dev holds a collection of awesome illustrations on Web Development by Maggie Appleton: Most of these explainers are about JavaScript fundamentals. Because those never go out of style. But I’ve also made a few on newer tools like React, Babel, ... more


Tuesday, 9 April, 2019 UTC

Native image lazy-loading for the web with [loading="lazy"]

Native image lazy-loading for the web with [loading="lazy"]

Addy Osmani, on an upcoming web feature which is about to land in Chrome 75: The loading attribute allows a browser to defer loading offscreen images and iframes until users scroll near them. loading supports three values: lazy : is a good candidate ... more


Tuesday, 26 March, 2019 UTC

GitHub Toggle Chrome Extension – Quickly toggle between a GitHub Repo and its GitHub Pages by the click of a button.

GitHub Toggle Chrome Extension – Quickly toggle between a GitHub Repo and its GitHub Pages by the click of a button.

Last week Christian Heilmann (codepo8) released a handy bookmarklet that lets on switch between the GitHub Pages URL of a repo hosted on GitHub and the repo contents itself. This afternoon I took the liberty of transforming it into a Chrome Extension, ... more


Wednesday, 20 March, 2019 UTC

pika/web – A Future Without Webpack

pika/web – A Future Without Webpack

Interesting take on bundlers: Over the last several years, JavaScript bundling has morphed from a production-only optimization into a required build step for most web applications . Whether you love this or hate it, it’s hard to deny that bundlers have ... more


Wednesday, 20 March, 2019 UTC

A Homepage for the JavaScript Specification

A Homepage for the JavaScript Specification

TC39 has shipped a homepage for following updates to the JavaScript specification: This is the first part of a two-part project aimed at improving our information distribution and documentation. The website provides links to our most significant documents, ... more


Wednesday, 20 March, 2019 UTC

Unpoly – The unobtrusive JavaScript framework for server-side web applications

Unpoly – The unobtrusive JavaScript framework for server-side web applications

Unpoly is an unobtrusive Javascript framework for applications that render on the server. It allows your views to do things that are not normally possible in HTML, such as having links update only fragments of a page, or opening links in modal dialogs. ... more


Tuesday, 19 March, 2019 UTC

JS Paint – MS Paint recreated in JavaScript, with extra features

JS Paint – MS Paint recreated in JavaScript, with extra features

JS Paint is a nice web-based MS Paint remake and more… The goal is to remake MS Paint (including its little-known features), improve on it, and to extend the types of images it can edit. So far, it does this pretty well. Ooh this brings back memories! ... more


Thursday, 14 March, 2019 UTC

ESNext: Proposals to look forward to (Full Stack Ghent)

ESNext: Proposals to look forward to (Full Stack Ghent)

Yesterday I was invited as a speaker at the March 2019 Meetup by “Full Stack Ghent” (their first one!) at the Clarabridge CX Social offices. At the meetup I gave a reprise of the talk “ESNext: Proposals to look forward to”, which I had already done at ... more


Monday, 4 February, 2019 UTC

How to publish your PWA onto the Google Play Store

How to publish your PWA onto the Google Play Store

Thanks to the Trusted Web Activity feature in Chrome 72 on Android, the Google Play Store is now open for Progressive Web Apps. Chrome 72 for Android is now shipping from the Play Store to all users and this version included Trusted Web Activity (TWA), ... more


Saturday, 26 January, 2019 UTC

The React Handbook

The React Handbook

If you’re looking to get started with React, then the (massive) React Handbook will come in handy. The React Handbook follows the 80/20 rule: learn in 20% of the time the 80% of a topic. Best part of it all is that it starts with a big section on Modern ... more


Friday, 25 January, 2019 UTC

Tools to automatically format PHP, JavaScript and CSS files

Tools to automatically format PHP, JavaScript and CSS files

Good writeup by Freek on how to get PHP-CS-Fixer and Prettier up and running. When working on a project with other people, it’s important to pick a coding standard. Agreeing on a coding standard makes the code more readable for all developers that need ... more


Wednesday, 16 January, 2019 UTC

Styling the select element

Styling the select element

Scott Jehl, from Filament Group: The select element has long been difficult to style consistently across browsers. To avoid its shortcomings in the past, we have used workarounds like styling a parent element, adding pseudo-elements, and even using JavaScript ... more


Friday, 11 January, 2019 UTC

quicklink – Prefetch links (during idle time) based on what is in the user’s viewport

quicklink – Prefetch links (during idle time) based on what is in the user’s viewport

Great little piece of JavaScript which prefetches links, but only when the browser is idle (and when the user is on a “fast” connection) . Uses the aforementioned Intersection Observer to detect which links are in-view. Install it per NPM and call its ... more


Thursday, 20 December, 2018 UTC

★ ESNext Proposals to look forward to

★ ESNext Proposals to look forward to

Yesterday I was invited as a speaker at the Full Stack Antwerp December 2018 Meetup at icapps. At the meetup I gave an adaptation of my talk “What’s Next for JavaScript”. The talk itself – which got renamed to “ESNext: Proposals to look forward to” – ... more


Friday, 3 August, 2018 UTC

The Cost Of JavaScript In 2018

The Cost Of JavaScript In 2018

Addy Osmani: Building interactive sites can involve sending JavaScript to your users. Often, too much of it. Have you been on a mobile page that looked like it had loaded only to tap on a link or tried to scroll and nothing happens? Byte-for-byte, JavaScript ... more


Sunday, 15 July, 2018 UTC

carbon-cli – Carbon, from the CLI

carbon-cli – Carbon, from the CLI

carbon-cli is a CLI tool which interacts with the aforementioned Carbon, allowing you to create beautiful images of your source code. Installation per NPM/Yarn, or run it directly using npx npm i -g carbon-cli Usage is quite simple: carbon -f file.js ... more


Sunday, 15 July, 2018 UTC

Swoole – PHP asynchronous programming framework

Swoole – PHP asynchronous programming framework

Swoole is an high-performance network framework using an event-driven, asynchronous, non-blocking I/O model which makes it scalable and efficient. It is written in C language without 3rd party libraries as PHP extension. It enables PHP developers to ... more


Sunday, 15 July, 2018 UTC

JavaScript engine fundamentals: Shapes and Inline Caches

JavaScript engine fundamentals: Shapes and Inline Caches

Mathias Bynens and Benedikt Meurer: As a JavaScript developer, having a deeper understanding of how JavaScript engines work helps you reason about the performance characteristics of your code. I especially like the part where they take a look into an ... more


Thursday, 28 June, 2018 UTC

Would Airbnb Have Fared Better With NativeScript Instead of React Native?

Would Airbnb Have Fared Better With NativeScript Instead of React Native?

Interesting blog post by TJ Vantoll, who works on NativeScript: In this article we’ll walk through Airbnb’s complaints in detail, and talk about how some of those same problems could’ve been handled in NativeScript. We’ll start with things that NativeScript ... more


Tuesday, 26 June, 2018 UTC

JSUI – A tool for visually organizing, creating and managing JavaScript projects.

JSUI – A tool for visually organizing, creating and managing JavaScript projects.

Highly interesting tool by Kitze: Organize & group apps Generate new apps Search apps & preview files Quick actions Run scripts Manage dependencies Apply plugins Generate files This will surely help out developer starting with JavaScript based ... more


Wednesday, 20 June, 2018 UTC

Animate CSS Grid Layouts with animate-css-grid

Animate CSS Grid Layouts with animate-css-grid

In a new (ish) web-project I’m working on, I went all-in on CSS Grid. The website contains a page where one can filter the list of elements shown. To animate this filtering I used animate-css-grid , as other libraries typically used for this – e.g. Isotope ... more


Friday, 15 June, 2018 UTC

Siema – Lightweight and simple carousel with no dependencies

Siema – Lightweight and simple carousel with no dependencies

Siema is a lightweight (only 3kb gzipped) carousel plugin with no dependencies and no styling.It is 100% open source and available on Github. It is free to use on personal and commercial projects. Use it with your favourite module bundler or by manually ... more


Thursday, 14 June, 2018 UTC

JavaScript async–await: Resolving Promises in parallel

JavaScript async–await: Resolving Promises in parallel

Recently I saw a colleague implement some functionality in which he required two results from an API using async – await . The piece of code looked something like this: The code looks fine, is syntactically correct, and works … but there’s one big problem ... more


Thursday, 14 June, 2018 UTC

A JavaScript Typing Carousel

A JavaScript Typing Carousel

I like this JS typewriter effect: The HTML that goes along with that is really simple: <h1>This pen is <span class="txt-rotate" data-period="2000" data-rotate='[ "nerdy.", "simple.", "pure JS.", ... more


Thursday, 14 June, 2018 UTC

Harry Roberts: FaCSSt – CSS and Performance

Harry Roberts: FaCSSt – CSS and Performance

A Frontend United I was lucky to see Harry Roberts give this talk on CSS and Performance. You can watch it to, as the recording has been published to YouTube Ahh… CSS and performance. Two of my favourite things! But how well do they play together? It ... more


Thursday, 3 May, 2018 UTC

Destructuring arrays in PHP: Practical examples

Destructuring arrays in PHP: Practical examples

Being more focussed on JavaScript nowadays, I kinda forgot that it’s possible to destructure arrays in PHP ever since the release of PHP 7.1. Frank de Jonge provides us with some practical examples such as this simple one: // JavaScript let options = ... more


Thursday, 26 April, 2018 UTC

Let’s play with Chrome’s Face Detection API

Let’s play with Chrome’s Face Detection API

Recently Wes Bos sent out this tweet: 😮 Did you know Chrome has a FaceDetector API? — Wes Bos 🔥 (@wesbos) March 20, 2018 Sparked by that tweet, João Miguel Cunha set out to play with it. The code itself is pretty simple: create an instance of FaceDetector ... more


Thursday, 26 April, 2018 UTC

Scroll to the future – CSS and JavaScript features that make navigating around a single page smooth, beautiful and less resource-hungry.

Scroll to the future – CSS and JavaScript features that make navigating around a single page smooth, beautiful and less resource-hungry.

Very in-depth article on Evil Martians’ team blog on scrolling: We have scrolled to the bottom of modern web specifications to take you on a whirlwind tour of latest CSS and JavaScript features that make navigating around a single page smooth, beautiful ... more