At Wave, our Invoice product enables business owners to create and send invoices to their customers, and to have those invoices paid via credit card. My job was to design the credit card form, given a set of business requirements and constraints. This post is about the design considerations our team explored to arrive at …
CSS-Grid-Polyfill
CSS Grid Layout Polyfill: The polyfill’s css parser was built by following the CSS Syntax 3 specification, the polyfill should be able to process any css stylesheet. It can react to dynamic pseudo-classes like ‘:hover’, to media queries changes or window resize events. It also detects changes to the DOM that may affect the layout …
Zenfonts – A tiny and flexible JavaScript tool to help loading web fonts
// JavaScript Zenfonts(“Dolly”, {fallbackClass: “fallback-dolly”}) /* CSS */ body { font-family: “Dolly”, Georgia, serif; } .fallback-dolly body { font-family: Georgia, serif; } A tiny JavaScript helper to load and pre-load web fonts that are specified via @font-face. It uses best practices from other solutions, but it’s still a unique combination: It’s tiny (793 bytes minimized …
Continue reading “Zenfonts – A tiny and flexible JavaScript tool to help loading web fonts”
Star Wars: The Force Awakens – Comic-Con 2015 Reel
The JavaScript Abyss
June 2015 Leap Second
Today a positive leap second will be introduced, as per IERS announcement: To authorities responsible for the measurement and distribution of time: UTC TIME STEP on the 1st of July 2015. A positive leap second will be introduced at the end of June 2015. The sequence of dates of the UTC second markers will be: …
The Emerging Global Web
Fascinating presentation by Stephanie Rieger which I saw at the excellent (and unfortunately last) Mobilism: This presentation will introduce you to fascinating and innovative services that are re-shaping the web to serve the consumers of tomorrow. Driven by mobile, the power of personal relationships, and the breakneck pace of globalisation, these services provide a glimpse …
Scale Yosemite’s El Capitan with Google Maps
Welcome to The Nose of El Capitan, in Yosemite National Park — the most iconic rock climb on earth. Tighten your harness and double-check your knot, to join Lynn Hill, Alex Honnold, and Tommy Caldwell on a 3,000 foot interactive journey up El Capitan. Here’s a behind the scenes video: Scale Yosemite’s El Capitan with …
Continue reading “Scale Yosemite’s El Capitan with Google Maps”
Tiny two way data binding
Awaiting Object.observe() to land, Remy Sharp has written his own simple implementation: Data binding to the DOM is just one of those things that’s damn handy when you’ve got it and super laborious when you don’t. The problem is that it usually comes at a price of a hefty framework. So, as any good re-inventer …