links.lmorchard.com - #html5

Constraint validation - HTML: HyperText Markup Language | MDN

Wed, 30 Oct 2024 04:08:16 +0000

The creation of web forms has always been a complex task. While marking up the form itself is easy, checking whether each field has a valid and coherent value is more difficult, and informing the user about the problem may become a headache. HTML5 introduced new mechanisms for forms: it added new semantic types for the element and constraint validation to ease the work of checking the form content on the client side. Basic, usual constraints can be checked, without the need for JavaScript, by setting new attributes; more complex constraints can be tested using the Constraint Validation API.

Tags: #dom #forms #html5 #webdev

Web Audio Modem

Thu, 19 Oct 2017 05:37:10 +0000

Lately, I've been working with a client where my development computer is not connected to the Internet. This is a huge inconvenience, as the unavailability of Google and Stack Overflow vastly impact my productivity. Only recently have I begun to grasp how much of my time is actually spent copy/pasting between Visual Studio and the browser. My office also features an Internet connected laptop and my development computer expose 3,5 mm jack sockets for audio devices. And thus my problems can be solved! Here's how I made a modem for closing the gap with Web Audio.

Tags: #audio #fun #html5 #imported:pinboard #retro #web

Web Audio Modem

Thu, 19 Oct 2017 05:37:10 +0000

Tags: #audio #fun #html5 #retro #web

HTML5 Drag and Drop Avatar Changer with Resizing and Cropping | CSS-Tricks

Mon, 17 Nov 2014 03:43:15 +0000

Let's create a page where a user can update their avatar with as little friction as possible: they just drop an image anywhere on the page and it's done.

Tags: #avatar #html #html5 #imported:pinboard #social #webdev

HTML5 Drag and Drop Avatar Changer with Resizing and Cropping | CSS-Tricks

Mon, 17 Nov 2014 03:43:15 +0000

Let's create a page where a user can update their avatar with as little friction as possible: they just drop an image anywhere on the page and it's done.

Tags: #avatar #html #html5 #social #webdev

quakejs.com

Mon, 24 Feb 2014 18:03:41 +0000

QuakeJS is a port of ioquake3 to JavaScript with the help of Emscripten.

Tags: #gaming #html5 #imported:pinboard #quake3 #to:fb #web

quakejs.com

Mon, 24 Feb 2014 18:03:41 +0000

QuakeJS is a port of ioquake3 to JavaScript with the help of Emscripten.

Tags: #gaming #html5 #quake3 #to:fb #web

HTML5 Canvas Scratch Pad

Tue, 19 Nov 2013 15:16:51 +0000

HTML5 Canvas Scratch Pad

Tags: #canvas #html5 #imported:pinboard #webdev

HTML5 Canvas Scratch Pad

Tue, 19 Nov 2013 15:16:51 +0000

HTML5 Canvas Scratch Pad

Tags: #canvas #html5 #webdev

Article: Native vs. HTML5: How the auto industry is forcing change for the mobile web

Sun, 06 Oct 2013 14:36:45 +0000

Tags: #html5 #imported:pinboard #webdev

Article: Native vs. HTML5: How the auto industry is forcing change for the mobile web

Sun, 06 Oct 2013 14:36:45 +0000

Tags: #html5 #webdev

Imperfect Circles – Aesthetic imperfection with fractal subdivision | Rectangle World – HTML5 Canvas and JavaScript: Tutorials and Experiments

Fri, 27 Sep 2013 15:04:16 +0000

Getting a computer to draw a shape in the way that a human would requires programming in some imperfection. The simple idea is to add in some randomization of drawing coordinates, which could be done in various ways. Below are two examples of imperfect circles drawn in an HTML5 canvas with JavaScript, where the imperfection has been added through the use of a fractal-like subdivision algorithm. The imperfection can be subtle, but it is enough to make the image appear to be human-drawn. Although the images are quite simple I find them quite nice to look at.

Tags: #canvas #fractals #graphics #html5 #imported:pinboard #math #webdev

canvg - Javascript SVG parser and renderer on Canvas - Google Project Hosting

Fri, 20 Sep 2013 17:03:29 +0000

canvg is a SVG parser and renderer. It takes a URL to a SVG file or the text of an SVG file, parses it in JavaScript, and renders the result on a Canvas element. The rendering speed of the examples is about as fast as native SVG.

Tags: #canvas #graphics #html5 #imported:pinboard #svg #webdev

canvg - Javascript SVG parser and renderer on Canvas - Google Project Hosting

Fri, 20 Sep 2013 17:03:29 +0000

Tags: #canvas #graphics #html5 #svg #webdev

dat-gui - A lightweight controller library for JavaScript. - Google Project Hosting

Fri, 20 Sep 2013 02:39:36 +0000

A lightweight graphical user interface for changing variables in JavaScript.

Tags: #gaming #gui #html5 #imported:pinboard #javascript #nifty #webdev