hello.js

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

Saturday, 25 May, 2019 UTC

CSS masonry with flexbox, :nth-child(), and order

CSS masonry with flexbox, :nth-child(), and order

Tobias Ahlin: On the surface it seems fairly easy to create a masonry layout with flexbox; all you need to do is set flex-flow to column wrap and voilà, you have a masonry layout. Sort of. The problem with this approach is that it produces a grid with ... more


Friday, 24 May, 2019 UTC

Application State Management with React

Application State Management with React

Kent C. Dodds on how he uses React itself – and not something like Redux – for his Application State Management. Here’s the real kicker, if you’re building an application with React, you already have a state management library installed in your application. ... more


Friday, 24 May, 2019 UTC

JavaScript Mouse Trail Effect

JavaScript Mouse Trail Effect

I like this mouse trail effect by Noah Yamamoto. Implementation is in React, but don’t let that put you off … “you got this” JavaScript Mouse Trail Effect → ... more


Tuesday, 21 May, 2019 UTC

Selling Composer Packages through “Private Packagist for Vendors”

Selling Composer Packages through “Private Packagist for Vendors”

Nice new addition by Packagist: If you’re selling PHP packages, the easiest way to offer Composer package installation to your customers is now “Private Packagist for Vendors”. You get a unique URL and authentication token for each customer and they ... more


Thursday, 16 May, 2019 UTC

Bash/Shell Autocompletion for Composer

Bash/Shell Autocompletion for Composer

The other day I opened up a PHP project that I hadn’t worked on in a while. No longer remembering which Composer Scripts I had defined for it, I needed to take a peek inside composer.json to see which ones were available to me. Then it hit me: why is ... more


Tuesday, 30 April, 2019 UTC

Making Future Interfaces: ES Modules

Making Future Interfaces: ES Modules

Once again a highly entertaining video by Heydon Pickering. This time he’s tackling ES Modules: how and where (e.g. in which browsers) can you use them? Even if you already know how to ship ES2015 JavaScript to browsers the video still is worth your ... more


Saturday, 27 April, 2019 UTC

Tiny Mirror – Mirror your Webcam into the Favicon

Tiny Mirror – Mirror your Webcam into the Favicon

Fun little experiment that mirrors your webcam into your favicon. Tiny Mirror → The aforementioned favico.js (from 2013!) also comes with a “Webcam video to icon” option. Next to mirroring the webcam into your favicon it also supports badges, videos, ... more


Saturday, 27 April, 2019 UTC

Direction Aware Hover Effect

Direction Aware Hover Effect

A thing I commonly see nowadays are animated lines underneath menus and links: Show Pen One issue with that though: when hovering over an item the animation does not start from the place where you hover, but from a fixed point (here: bottom-center) . ... more


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