sconstantinides

/* Replace "standalone" with "fullscreen" depending on your manifest.json display mode */

@media (display-mode: standalone) {
  /* All installed PWAs */
}

@media (max-width: 576px) and (display-mode: standalone) {
  /* Installed PWAs on mobile devices */
  
  @supports (-webkit-overflow-scrolling: touch) {

WebReflection

(function (wm) {'use strict';
  // original proposal via Oliver Dunk @oliverdunk_ via ES ML
  // (c) Andrea Giammarchi - (ISC)
  Object.defineProperties(
    Promise.prototype,
    {
      addListeners: {
        configurable: true,
        value: function addListeners(resolve, reject) {
          var once = wm.get(this);

codepo8

Slides

• The slides of the Intel AIDC keynote are available here as a PDF
• The slides of this talk are available on Dropbox as a PDF

Intro and history of ML on the web

• Autodraw by Google is a tool that allows you to doodle what you want to paint and turns it into a proper icon by detecting the outline and making an ML based assumption what it could be.
• Quickdraw by Google is a game they created a few years before Autodraw to train the model.
• ReCaptcha is a CAPTCHA engine that feeds the data back into Google's ML systems. For example, currently being asked to detect street signs or cars is a good indicator that this data will go into the self-driving cars project.

WebReflection

const bench = {
  stress: 10e2,
  times: 5,  
  classical(copy, overwrite) {
    this._prototype = false;
    this._bootstrap(copy, overwrite);
  },
  prototypal(copy, overwrite) {
    this._prototype = true;
    this._bootstrap(copy, overwrite);

WebReflection

// now an npm package qith 100% code coverage:
// https://github.com/WebReflection/endow#endow---

// (c) Andrea Giammarchi, @WebReflection (ISC)
const mix = Super => ({
  with: (...mixins) =>
    mixins.reduce(
      (Class, Mixin) => {
        Class = Mixin(Class);
        if (!Mixin.hasOwnProperty(Symbol.hasInstance)) {

WebReflection

#!/usr/bin/env gjs

// (c) Andrea Giammarchi - ISC

// define the Gtk version to use (July 2023)
imports.gi.versions.Gtk = '3.0';
imports.gi.versions.WebKit2 = '4.1';

const GLib = imports.gi.GLib;
GLib.setenv('JSC_useSharedArrayBuffer', 'true', true);

WebReflection

The history of hyperHTML followed by lit-html

While many remember the epic hyperHTML: A Virtual DOM Alternative post I've published the 5th of March 2017, the first official implementation of the library was working as hyperHTML.bind(node) function for tagged literals the day before, and it's been in my experiments folder already for a little while.

The hilarious reaction from the skeptical community

At first glance people couldn't believe performance of the DBMonster demo shown in that article,

WebReflection

if(JSON.stringify('\u2028').length<4)JSON.stringify=function(s,r,f){return function() {return s.apply(null,arguments).replace(r,f)}}(JSON.stringify,/\u2028|\u2029/g,function(c){return'\u2028'==c?'\\u2028':'\\u2029'});

WebReflection

#!/usr/bin/env node

require('fs').readFile(process.argv[2], (err, data) => {
  if (err) return;
  const content = data.toString().trim();
  const re = /^\[(.+?)\]\s+<(.+?)>\s(.*)$/gm;
  const chat = [];
  let current = {};
  while (match = re.exec(content)) {
    if (match[2] !== current.name) {

WebReflection

var paint = function(rAF){ 'use strict';
  return function paint(before) {
    before();
    return rAF(before), {
      then: function (after) {
        return rAF(rAF.bind(null, after)), this;
      }
    };
  };
}(