Hello.

I am Paul Kinlan.

A Developer Advocate for Chrome and the Open Web at Google.

Configuring hugo server to serve 'mjs' ES modules

Paul Kinlan

Standardmäßig liefert Hugo keine .mjs-Dateien mit dem richtigen Inhaltstyp. In der Tat war es bis vor kurzem, dass hugo mehr als eine Dateierweiterung pro Mimetyp anbieten konnte. Es sieht aus wie mit v0.43 das wurde behoben. [mediaTypes] [mediaTypes.“text/javascript”] suffixes = [“js”, “mjs”] Vollständigen Beitrag lesen. Der obige Code ermöglicht es mir, mjs-Dateien für ES-Module mit dem richtigen Mime-Typ zu liefern (Hinweismodule müssen mit ‘text / javascript’ geliefert werden). Dies ist nur für lokale Tests erforderlich, Hosting ist ein anderes Problem :)

Read More

Thoughts on importing npm modules to the web as JavaScript modules

Paul Kinlan

Ich habe Gedanken über die Post, die ich gestern über ES-Module geschrieben habe I needed a quick way import a simple module get-urls into my project. The module is well tested and it does what I needed … ignore the fact that it’s pretty easy to implement in a couple of lines of JavaScript. The problem I had is that my project is built in ES6, uses modules and I didn’t want to have to bundle up using CommonJS (require).

Read More

Importing npm modules to the web as JavaScript modules

Paul Kinlan

Ich habe an einem Weg gearbeitet, um es einfacher zu machen, Inhalte in meine statische Seite zu pushen, und es war eine lustige kleine Übung, die ich in einem anderen Beitrag mehr teilen werde. In diesem Post möchte ich die ‘Rollup’-Konfiguration teilen, die ich verwendet habe, um fast jedes npm-Modul in ein Frontend-Projekt mit JavaScript-Modulen zu importieren. Ich brauchte einen schnellen Weg, um ein einfaches Modul get-urls in mein Projekt zu importieren.

Read More

We need DOM APIs in Workers

Paul Kinlan

If we are to build HTML in Workers then we need some 'DOM' in them.

Read More

A simple clientside templating langauge

Paul Kinlan

Templating libraries needn't be so hard

Read More

Building a simple PubSub system in JavaScript

Paul Kinlan

In einem kürzlichen Projekt, das einen web push Dienst aufbaute, wollte ich, dass meine Benutzeroberfläche auf Ereignisse auf Anwendungsebene reagiert (semantisch, wenn Sie so wollen), weil es einige Komponenten gab, die Informationen benötigen Das System ist aber nicht voneinander abhängig und ich wollte, dass sie sich unabhängig von der “Geschäftslogik” selbst verwalten können. Ich habe mir viele verschiedene Tools angeschaut, um mir zu helfen, aber weil ich oft einen schweren Fall des NIH-Syndroms habe und die Tatsache, dass ich denke, dass Leute ihre eigenen Infrastrukturelemente ziemlich schnell implementieren können, beschloss ich, schnell einen einfachen Client zu knacken- Seite PubSub Service & mdash; es funktionierte ziemlich gut für meine Bedürfnisse.

Read More

Barcode detection using Shape Detection API

Paul Kinlan

Die andere Woche sprach ich über Gesichtserkennung über die Shape-API, die in Chrome auf dem Kanarischen Kanal ist. Jetzt ist die Barcode-Erkennung auch in Chrome Canary (Miguel ist mein Held;) Barcodes sind riesig! Sie sind auf fast jedem Produkt, das wir kaufen. Selbst der viel geschmähte QRCode ist außerhalb der USA und Europa riesig. Der Barcode und der QRcode bieten eine einfache Möglichkeit, die physische Welt und die digitale Welt zu überbrücken, indem kleine Datenmengen zwischen dem Medium und Ihnen übertragen werden.

Read More