# HTML5

HTML5 is a web technology encompassing a semantic markup language and associated scripting APIs for authoring accessible web pages and applications.

This is one page of public article previews, not the complete archive. Follow Next page to continue. Summaries are not the original full articles.

## ESP32 Bit Pirate: Bridging Modern Microcontrollers and Browser-Based Hardware Debugging

DevFeed: [ESP32 Bit Pirate: Bridging Modern Microcontrollers and Browser-Based Hardware Debugging](<https://devfeed.tech/articles/esp32-bit-pirate-bridging-modern-microcontrollers-and-browser-based-hardware-debugging-17393.md>)

Original publisher: [Read original article](<https://www.infoq.com/news/2026/09/esp32-bitpirate-web/>)

Author: Olimpiu Pop

Published: 2026-09-14T06:06:00Z

Content type: news

Language: en

Sources: [InfoQ](<https://devfeed.tech/sources/infoq.md>)

Topics: [ESP32](<https://devfeed.tech/topics/esp32.md>), [HTML5](<https://devfeed.tech/topics/html5.md>), [browsers](<https://devfeed.tech/topics/browsers.md>), [Hardware](<https://devfeed.tech/topics/hardware.md>), [C++](<https://devfeed.tech/topics/c-plus-plus.md>), [Tooling](<https://devfeed.tech/topics/tooling.md>)

Tags: [browser](<https://devfeed.tech/tags/browser.md>), [browsers](<https://devfeed.tech/tags/browsers.md>), [c-plus-plus](<https://devfeed.tech/tags/c-plus-plus.md>), [command-line](<https://devfeed.tech/tags/command-line.md>), [debugging](<https://devfeed.tech/tags/debugging.md>), [development](<https://devfeed.tech/tags/development.md>), [development-tools](<https://devfeed.tech/tags/development-tools.md>), [embedded-devices](<https://devfeed.tech/tags/embedded-devices.md>), [embedded-software-dev](<https://devfeed.tech/tags/embedded-software-dev.md>), [esp32](<https://devfeed.tech/tags/esp32.md>), [esp32-bitpirate-web](<https://devfeed.tech/tags/esp32-bitpirate-web.md>), [html5](<https://devfeed.tech/tags/html5.md>), [microcontrollers](<https://devfeed.tech/tags/microcontrollers.md>), [news](<https://devfeed.tech/tags/news.md>)

### AI overview

ESP32 Bit Pirate is a browser-based, multi-protocol debugging platform for ESP32-S3 boards. It uses HTML5 APIs such as Web Serial and WebUSB for firmware flashing, terminal access, documentation, and hardware analysis without requiring local development tools.

### Source excerpt

ESP32 Bit Pirate project integrates multi-protocol debugging within a browser environment using HTML5 APIs. It enables users to install firmware and interact with microcontrollers like the ESP32-S3 directly from the browser. The platform supports various digital and wireless protocols while providing hands-on guidance through practical recipes for tasks such as memory dumping and signal analysis. By Olimpiu Pop

## Why developers should embrace creative coding again

DevFeed: [Why developers should embrace creative coding again](<https://devfeed.tech/articles/why-developers-should-embrace-creative-coding-again-10247.md>)

Original publisher: [Read original article](<https://www.figma.com/blog/why-developers-should-embrace-creative-coding-again/>)

Author: Jake Albaugh

Published: 2025-01-09T00:00:00Z

Content type: article

Language: en

Sources: [Figma Blog](<https://devfeed.tech/sources/figma-blog.md>)

Topics: [creative coding](<https://devfeed.tech/topics/creative-coding.md>), [creative technology](<https://devfeed.tech/topics/creative-technology.md>), [browsers](<https://devfeed.tech/topics/browsers.md>), [Web](<https://devfeed.tech/topics/web.md>), [CSS](<https://devfeed.tech/topics/css.md>), [HTML5](<https://devfeed.tech/topics/html5.md>), [SVG](<https://devfeed.tech/topics/svg.md>), [GSAP](<https://devfeed.tech/topics/gsap.md>), [modern web development](<https://devfeed.tech/topics/modern-web-development.md>), [WebGL](<https://devfeed.tech/topics/webgl.md>), [Figma plugin](<https://devfeed.tech/topics/figma-plugin.md>)

Tags: [animation](<https://devfeed.tech/tags/animation.md>), [browsers](<https://devfeed.tech/tags/browsers.md>), [creative-coding](<https://devfeed.tech/tags/creative-coding.md>), [css](<https://devfeed.tech/tags/css.md>), [design](<https://devfeed.tech/tags/design.md>), [design-tools](<https://devfeed.tech/tags/design-tools.md>), [developers](<https://devfeed.tech/tags/developers.md>), [figma](<https://devfeed.tech/tags/figma.md>), [figma-plugin](<https://devfeed.tech/tags/figma-plugin.md>), [free](<https://devfeed.tech/tags/free.md>), [gsap](<https://devfeed.tech/tags/gsap.md>), [html5](<https://devfeed.tech/tags/html5.md>), [svg](<https://devfeed.tech/tags/svg.md>), [tools](<https://devfeed.tech/tags/tools.md>), [web](<https://devfeed.tech/tags/web.md>), [webgl](<https://devfeed.tech/tags/webgl.md>)

### AI overview

The article argues that developers should revive creative coding by using modern browser capabilities beyond templates and conventional design tools. It highlights HTML5, inline SVG, GSAP animations, WebGL, advanced CSS, responsive features, and newer color spaces such as HSL and OKLCH, along with the CSS color-mix() Figma plugin.

### Source excerpt

Modern browsers have evolved beyond what most design tools can do. It's up to us to break free from templates and tap into the web's true creative potential.

## Writing a Sokoban Puzzle Game in JavaScript

DevFeed: [Writing a Sokoban Puzzle Game in JavaScript](<https://devfeed.tech/articles/writing-a-sokoban-puzzle-game-in-javascript-37609.md>)

Original publisher: [Read original article](<https://www.taniarascia.com/sokoban-game/>)

Author: hello@taniarascia.com

Published: 2021-07-26T00:00:00Z

Content type: tutorial

Language: en

Sources: [Tania Rascia](<https://devfeed.tech/sources/tania-rascia.md>)

Topics: [JavaScript](<https://devfeed.tech/topics/javascript.md>), [Code](<https://devfeed.tech/topics/code.md>), [Canvas](<https://devfeed.tech/topics/canvas.md>), [HTML5](<https://devfeed.tech/topics/html5.md>), [Demo](<https://devfeed.tech/topics/demo.md>), [Web Development](<https://devfeed.tech/topics/web-development.md>)

Tags: [canvas](<https://devfeed.tech/tags/canvas.md>), [code](<https://devfeed.tech/tags/code.md>), [demo](<https://devfeed.tech/tags/demo.md>), [game](<https://devfeed.tech/tags/game.md>), [games](<https://devfeed.tech/tags/games.md>), [graphics](<https://devfeed.tech/tags/graphics.md>), [html5](<https://devfeed.tech/tags/html5.md>), [javascript](<https://devfeed.tech/tags/javascript.md>), [puzzle](<https://devfeed.tech/tags/puzzle.md>)

### AI overview

A tutorial describing the implementation of a Sokoban puzzle game in JavaScript. It explains the map representation, entity movement and pushing rules, recursive handling of multiple blocks, and rendering the game on an HTML5 canvas.

### Source excerpt

So the other day, I made an implementation of a Sokoban puzzle game in JavaScript. Here's the source code and here's the demo. The game...

## Keycloak on OpenShift

DevFeed: [Keycloak on OpenShift](<https://devfeed.tech/articles/keycloak-on-openshift-31570.md>)

Original publisher: [Read original article](<https://www.keycloak.org/2018/05/keycloak-on-openshift>)

Author: Stian Thorgersen

Published: 2018-05-31T00:00:00Z

Content type: tutorial

Language: en

Sources: [Keycloak Blog](<https://devfeed.tech/sources/keycloak-blog.md>)

Topics: [Keycloak](<https://devfeed.tech/topics/keycloak.md>), [Node.js](<https://devfeed.tech/topics/node-js.md>), [HTML5](<https://devfeed.tech/topics/html5.md>)

Tags: [deployment](<https://devfeed.tech/tags/deployment.md>), [how-to](<https://devfeed.tech/tags/how-to.md>), [html5](<https://devfeed.tech/tags/html5.md>), [idm](<https://devfeed.tech/tags/idm.md>), [kerberos](<https://devfeed.tech/tags/kerberos.md>), [keycloak](<https://devfeed.tech/tags/keycloak.md>), [ldap](<https://devfeed.tech/tags/ldap.md>), [node-js](<https://devfeed.tech/tags/node-js.md>), [openid-connect](<https://devfeed.tech/tags/openid-connect.md>), [openshift](<https://devfeed.tech/tags/openshift.md>), [saml](<https://devfeed.tech/tags/saml.md>), [sso](<https://devfeed.tech/tags/sso.md>)

### AI overview

A tutorial showing how to deploy Keycloak on OpenShift, then deploy a Node.js REST service and an HTML5 application and secure both with Keycloak.

### Source excerpt

In this post you'll see how to deploy Keycloak on OpenShift. You'll also learn how to deploy a Node.js based REST service and an HTML5 application to OpenShift and secure these with Keycloak. There is also a screencast showing this example at https://youtu.be/9zUWqbK3BqI. If you don't already have OpenShift available a good place to start is by using MiniShift. Deploying Keycloak First of all create a new project in OpenShift with oc by running: oc new-project keycloak The next thing to do is to import the Keycloak template into OpenShift, by running: oc replace --force -f "https://raw.githubusercontent.com/jboss-dockerfiles/keycloak"\ "/master/openshift-examples/keycloak-https.json" Now open the OpenShift console and open the keycloak project. Click on Add to Project and Browse Catalog. In the catalog you should find Keycloak. Click on it. Click next on the information. Under configuration set a username and password that you can remember in the Keycloak Administrator Username and Keycloak Administrator Password fields. Then click on create. Click on Continue to project overview. Wait for the deployment to complete then click on the link to the application. Your browser will complain about the certificate as it is a self-signed certificate. Ignore this and proceed. Click on Administration Console, then login with the username and password you entered previously. Keep this tab open as you will need it later. You have now deployed Keycloak onto OpenShift. Configure Clients in Keycloak We need to create clients for the service and the application we will secure. Open the tab with the Keycloak admin console. Click on Clients and Create. For Client ID enter service and click Save. Under Access Type select bearer-only and click on Save. Click on Clients then Create again. For Client ID enter app and click Save. For Valid Redirect URIs and Web Origins enter *. In production environment it is very important that you enter the correct URL for your application, but since thi

## DIY Portable Secrets Manager With a Raspberry Pi Zero and ARC

DevFeed: [DIY Portable Secrets Manager With a Raspberry Pi Zero and ARC](<https://devfeed.tech/articles/diy-portable-secrets-manager-with-a-raspberry-pi-zero-and-arc-41256.md>)

Original publisher: [Read original article](<https://www.evilsocket.net/2017/12/07/DIY-Portable-Secrets-Manager-with-a-RPI-Zero-and-the-ARC-Project/>)

Author: Simone Margaritelli

Published: 2017-12-07T16:42:48Z

Content type: tutorial

Language: en

Sources: [evilsocket](<https://devfeed.tech/sources/evilsocket.md>)

Topics: [Raspberry Pi](<https://devfeed.tech/topics/raspberry-pi.md>), [passwords](<https://devfeed.tech/topics/passwords.md>), [Encryption](<https://devfeed.tech/topics/encryption.md>), [SQLite](<https://devfeed.tech/topics/sqlite.md>), [API](<https://devfeed.tech/topics/api.md>), [Go](<https://devfeed.tech/topics/go.md>), [HTML5](<https://devfeed.tech/topics/html5.md>), [JavaScript](<https://devfeed.tech/topics/javascript.md>), [Markdown](<https://devfeed.tech/topics/markdown.md>), [ui](<https://devfeed.tech/topics/ui.md>), [Server](<https://devfeed.tech/topics/server.md>)

Tags: [aes](<https://devfeed.tech/tags/aes.md>), [api](<https://devfeed.tech/tags/api.md>), [arc](<https://devfeed.tech/tags/arc.md>), [arcd](<https://devfeed.tech/tags/arcd.md>), [cybersecurity](<https://devfeed.tech/tags/cybersecurity.md>), [database](<https://devfeed.tech/tags/database.md>), [encryption](<https://devfeed.tech/tags/encryption.md>), [go](<https://devfeed.tech/tags/go.md>), [golang](<https://devfeed.tech/tags/golang.md>), [html5](<https://devfeed.tech/tags/html5.md>), [javascript](<https://devfeed.tech/tags/javascript.md>), [markdown](<https://devfeed.tech/tags/markdown.md>), [notes](<https://devfeed.tech/tags/notes.md>), [oss](<https://devfeed.tech/tags/oss.md>), [password-manager](<https://devfeed.tech/tags/password-manager.md>), [passwords](<https://devfeed.tech/tags/passwords.md>), [pi](<https://devfeed.tech/tags/pi.md>), [portable-hacking](<https://devfeed.tech/tags/portable-hacking.md>), [project-release](<https://devfeed.tech/tags/project-release.md>), [raspberry-pi](<https://devfeed.tech/tags/raspberry-pi.md>), [secrets](<https://devfeed.tech/tags/secrets.md>), [self-hosted](<https://devfeed.tech/tags/self-hosted.md>), [terminal](<https://devfeed.tech/tags/terminal.md>)

### AI overview

This tutorial presents ARC, a self-hosted secrets manager designed to store encrypted passwords, notes, and files and synchronize access across devices without relying on cloud hosting or a paid server. It describes a Go REST API server using SQLite and an HTML5/JavaScript browser client, then begins configuring the system on a Raspberry Pi Zero.

### Source excerpt

For the last few days I've been working on a new project which I developed for very specific needs and reasons: I need to store safely (encrypted) my passwords, sensitive files, notes, etc. I need to access them from anywhere, with every possible device ( desktop, mobile, terminal ). I need those objects to be syncronized accros all my devices. I don't want to use "the cloud". I don't want to pay for a server. I don't want to enable port forwarding and host it myself with DynDNS or alikes. So I wrote ARC.

## 60fps on the mobile web

DevFeed: [60fps on the mobile web](<https://devfeed.tech/articles/60fps-on-the-mobile-web-31888.md>)

Original publisher: [Read original article](<http://engineering.flipboard.com//2015/02/mobile-web>)

Author: https://twitter.com/bapjuseyo (Michael Johnston)

Published: 2015-02-10T00:00:00Z

Content type: article

Language: en

Sources: [Flipboard](<https://devfeed.tech/sources/flipboard.md>)

Topics: [Mobile](<https://devfeed.tech/topics/mobile.md>), [Web](<https://devfeed.tech/topics/web.md>), [Canvas](<https://devfeed.tech/topics/canvas.md>), [CSS](<https://devfeed.tech/topics/css.md>), [Document Object Model (DOM)](<https://devfeed.tech/topics/dom.md>), [ui](<https://devfeed.tech/topics/ui.md>), [HTML5](<https://devfeed.tech/topics/html5.md>)

Tags: [canvas](<https://devfeed.tech/tags/canvas.md>), [css](<https://devfeed.tech/tags/css.md>), [html5](<https://devfeed.tech/tags/html5.md>), [jank](<https://devfeed.tech/tags/jank.md>), [mobile](<https://devfeed.tech/tags/mobile.md>), [performance](<https://devfeed.tech/tags/performance.md>), [smartphone](<https://devfeed.tech/tags/smartphone.md>), [touchscreen](<https://devfeed.tech/tags/touchscreen.md>), [web](<https://devfeed.tech/tags/web.md>)

### AI overview

Flipboard describes bringing its mobile-first experience to the web and explains how it optimized scrolling and animation performance. The article discusses the limits of DOM updates during animation and considers hardware-accelerated HTML5 Canvas for building a user interface.

### Source excerpt

Flipboard launched during the dawn of the smartphone and tablet as a mobile-first experience, allowing us to rethink content layout principles from the web for a more elegant user experience on a variety of touchscreen form factors. Now we're coming full circle and bringing Flipboard to the web. Much of what we do at Flipboard has value independent of what device it's consumed on: curating the best stories from all the topics, sources, and people that you care about most. Bringing our service to the web was always a logical extension. As we began to tackle the project, we knew we wanted to adapt our thinking from our mobile experience to try and elevate content layout and interaction on the web. We wanted to match the polish and performance of our native apps, but in a way that felt true to the browser. Early on, after testing numerous prototypes, we decided our web experience should scroll. Our mobile apps are known for their book-like pagination metaphor, something that feels intuitive on a touch screen, but for a variety of reasons, scrolling feels most natural on the web. In order to optimize scrolling performance, we knew that we needed to keep paint times below 16ms and limit reflows and repaints. This is especially important during animations. To avoid painting during animations there are two properties you can safely animate: CSS transform and opacity. But that really limits your options. What if you want to animate the width of an element? How about a frame-by-frame scrolling animation? (Notice in the above image that the icons at the top transition from white to black. These are 2 separate elements overlaid on each other whose bounding boxes are clipped depending on the content beneath.) These types of animations have always suffered from jank on the web, particularly on mobile devices, for one simple reason: The DOM is too slow. It's not just slow, it's really slow. If you touch the DOM in any way during an animation you've already blown through your 16ms

## Let it snow!

DevFeed: [Let it snow!](<https://devfeed.tech/articles/let-it-snow-15746.md>)

Original publisher: [Read original article](<https://developer.squareup.com/blog/let-it-snow>)

Author: Square Engineering

Published: 2013-12-19T17:05:00Z

Content type: article

Language: en

Sources: [Square Corner Blog RSS Feed](<https://devfeed.tech/sources/square-corner-blog-rss-feed.md>)

Topics: [Compression](<https://devfeed.tech/topics/compression.md>), [quantization](<https://devfeed.tech/topics/quantization.md>), [Code](<https://devfeed.tech/topics/code.md>), [Java](<https://devfeed.tech/topics/java.md>), [HTML5](<https://devfeed.tech/topics/html5.md>)

Tags: [animation](<https://devfeed.tech/tags/animation.md>), [code](<https://devfeed.tech/tags/code.md>), [compression](<https://devfeed.tech/tags/compression.md>), [engineering](<https://devfeed.tech/tags/engineering.md>), [html5](<https://devfeed.tech/tags/html5.md>), [java](<https://devfeed.tech/tags/java.md>), [profiling](<https://devfeed.tech/tags/profiling.md>), [quantization](<https://devfeed.tech/tags/quantization.md>), [render](<https://devfeed.tech/tags/render.md>), [speed](<https://devfeed.tech/tags/speed.md>)

### AI overview

Square Cash engineers describe how they created festive animated GIF email headers, using Java to render snowflakes and optimizing color palettes, frame counts, image quality, file size, and playback speed.

### Source excerpt

Square Cash makes gift giving a little more festive.

## When and How to Use XHP Categories

DevFeed: [When and How to Use XHP Categories](<https://devfeed.tech/articles/when-and-how-to-use-xhp-categories-22038.md>)

Original publisher: [Read original article](<https://codebeforethehorse.tumblr.com/post/65461659692>)

Author: Codebeforethehorse

Published: 2013-10-29T21:23:00Z

Content type: tutorial

Language: en

Sources: [Stefan Parker](<https://devfeed.tech/sources/stefan-parker.md>)

Topics: [html elements](<https://devfeed.tech/topics/html-elements.md>), [HTML](<https://devfeed.tech/topics/html.md>), [HTML5](<https://devfeed.tech/topics/html5.md>), [ui](<https://devfeed.tech/topics/ui.md>), [Web Development](<https://devfeed.tech/topics/web-development.md>)

Tags: [how-to](<https://devfeed.tech/tags/how-to.md>), [html-elements](<https://devfeed.tech/tags/html-elements.md>), [html5](<https://devfeed.tech/tags/html5.md>), [opinion](<https://devfeed.tech/tags/opinion.md>), [ui](<https://devfeed.tech/tags/ui.md>), [xhp](<https://devfeed.tech/tags/xhp.md>)

### AI overview

The article explains how XHP validates child elements in two passes: custom components are rendered into HTML primitives before the resulting HTML tree is validated. It recommends grouping custom XHP elements by the type of root node returned from render(), allowing related abstractions to remain composable while preserving child validation.

### Source excerpt

I remember when we first added the children keyword to XHP. We had the problem that validating them was really cumbersome. Nearly every element was valid inside a <div> but not all (for instance <meta>). Listing out every valid child wasn't very elegant and certainly would cause problems for custom XHP components. Fortunately, the HTML spec categorized elements just for this purpose. Grouping elements into "block" or "inline" categories made validation far simpler. But if you've used XHP you might be wondering, "Why have I never needed to define my elements as inline or block before?" Well, the answer lies in how XHP renders an element tree. First it will render down all your custom elements into their eventual HTML primitives, then it will render the entire HTML primitive tree into a text string. The key here is that there are actually two passes, meaning XHP validates children in two sets: your elements first and then core HTML elements second. When you put a custom component inside of a <span> element, you don't need to give it a category of %phrase (the HTML5 equivalent of %inline). When XHP renders the tree it will wait on validating the children of the root <span> until its children are HTML elements. class :ui:hello-world extends :x:element { protected function render() { return <b>Hello World!</b>; } } $root = <span> <ui:hello-world /> </span>; So when you render $root, XHP will first render the <ui:hello-world> instance (which will produce the following node tree: <span><b>Hello World!</b></span>). Then it will render (and validate) the <span> and <b> elements. If we returned a <div> element from the :ui:hello-world::render method, then the validation would fail. So since we can use categories with free reign in our custom components, what pattern should we use? HTML groups elements by purpose, but it is my personal opinion that the best way to use categories is to group XHP elements by the type of their returned root node from render(). Let's look at an ex

## Developing Windows Store Apps with HTML5 and JavaScript

DevFeed: [Developing Windows Store Apps with HTML5 and JavaScript](<https://devfeed.tech/articles/developing-windows-store-apps-with-html5-and-javascript-21205.md>)

Original publisher: [Read original article](<https://juri.dev/blog/2013/09/developing-win-store-apps-with-html5-and-javascript/>)

Published: 2013-09-17T00:00:00Z

Content type: opinion

Language: en

Sources: [Juri Strumpflohner](<https://devfeed.tech/sources/juri-strumpflohner.md>)

Topics: [Windows](<https://devfeed.tech/topics/windows.md>), [HTML5](<https://devfeed.tech/topics/html5.md>), [JavaScript](<https://devfeed.tech/topics/javascript.md>), [CSS](<https://devfeed.tech/topics/css.md>), [Deployment](<https://devfeed.tech/topics/deployment.md>), [User interface design](<https://devfeed.tech/topics/ui-design.md>), [XAML](<https://devfeed.tech/topics/xaml.md>)

Tags: [css](<https://devfeed.tech/tags/css.md>), [deployment](<https://devfeed.tech/tags/deployment.md>), [html5](<https://devfeed.tech/tags/html5.md>), [javascript](<https://devfeed.tech/tags/javascript.md>), [ui](<https://devfeed.tech/tags/ui.md>), [windows](<https://devfeed.tech/tags/windows.md>), [xaml](<https://devfeed.tech/tags/xaml.md>)

### AI overview

A personal review of Developing Windows Store Apps with HTML5 and JavaScript, describing it as an introductory guide to building Windows 8 applications with HTML5, CSS3, and JavaScript. The book also covers tooling, project templates, UI controls, data binding, authentication, commands, deployment, and XAML as an alternative.

### Source excerpt

Lorem ipsum dolor sit amet

## Global htaccess

DevFeed: [Global htaccess](<https://devfeed.tech/articles/global-htaccess-25391.md>)

Original publisher: [Read original article](<https://smileykeith.com/2013/08/14/global-htaccess/>)

Author: Keith Smiley

Published: 2013-08-14T20:12:00Z

Content type: article

Language: en

Sources: [Keith Smiley](<https://devfeed.tech/sources/keith-smiley.md>)

Topics: [configuration](<https://devfeed.tech/topics/configuration.md>), [Boilerplate](<https://devfeed.tech/topics/boilerplate.md>), [HTML5](<https://devfeed.tech/topics/html5.md>), [Linode](<https://devfeed.tech/topics/linode.md>), [Ubuntu](<https://devfeed.tech/topics/ubuntu.md>), [Server](<https://devfeed.tech/topics/server.md>), [Web Development](<https://devfeed.tech/topics/web-development.md>)

Tags: [article](<https://devfeed.tech/tags/article.md>), [config](<https://devfeed.tech/tags/config.md>), [how-to](<https://devfeed.tech/tags/how-to.md>), [html5](<https://devfeed.tech/tags/html5.md>), [linode](<https://devfeed.tech/tags/linode.md>), [performance](<https://devfeed.tech/tags/performance.md>), [server](<https://devfeed.tech/tags/server.md>), [ubuntu](<https://devfeed.tech/tags/ubuntu.md>)

### AI overview

This article explains how to move Apache configuration from per-site .htaccess files into a global server configuration. It describes using a Directory block and a conf.d file on an Ubuntu 10.04 Linode VPS to improve performance and reduce site-specific configuration.

### Source excerpt

When starting a new web project one of the first things I do is download the most up to date HTML5 Boilerplate. It provides a great starting point for the HTML you need in a project. It also comes with an extremely complete .htaccess file. While this is very nice for a single site they recommend you do something different for multiple sites at the very top. (!) Using .htaccess files slows down Apache, therefore, if you have access to the main server config file (usually called httpd.conf), you should add this logic there: http://httpd.apache.org/docs/current/howto/htaccess.html. This got me to their awesome collection of server configs which has their, and in many ways the communities, recommended settings depending on your webserver. The apache configs have the same .htaccess file so I decided to dig into how to do this. They direct you to the apache article about using .htaccess files which has a similar comment about their use. You should avoid using .htaccess files completely if you have access to httpd main server config file Using .htaccess files slows down your Apache http server. Any directive that you can include in a .htaccess file is better set in a Directory block, as it will have the same effect with better performance. So I decided to set this up on my Linode VPS which is running Ubuntu 10.04. As stated in the original file comment they recommend using the httpd.conf file for your custom configuration like this. But apparently that file could be overwritten on updates of Apache which would be pretty annoying. Luckily the default Apache config file (apache2.conf on 10.04) includes the contents of the conf.d folder which is in the same location. By creating a foo.conf file in that directory Apache should immediately load its contents. As mentioned in the comment from the Apache site the custom configuration needs to be wrapped in a Directory block. The block expects you to provide a path to the files you want to be affected by the contained configuration

## Adding Support for Search Engines to your Javascript Applications

DevFeed: [Adding Support for Search Engines to your Javascript Applications](<https://devfeed.tech/articles/adding-support-for-search-engines-to-your-javascript-applications-40620.md>)

Original publisher: [Read original article](<https://eviltrout.com/blog/2013-06-19-adding-support-for-search-engines-to-your-javascript-applications/>)

Published: 2013-06-19T00:00:00Z

Content type: tutorial

Language: en

Sources: [Robin Ward](<https://devfeed.tech/sources/robin-ward.md>)

Topics: [JavaScript](<https://devfeed.tech/topics/javascript.md>), [mvc](<https://devfeed.tech/topics/mvc.md>), [Web Development](<https://devfeed.tech/topics/web-development.md>), [HTML5](<https://devfeed.tech/topics/html5.md>), [Internet Explorer](<https://devfeed.tech/topics/internet-explorer.md>)

Tags: [html5](<https://devfeed.tech/tags/html5.md>), [internet-explorer](<https://devfeed.tech/tags/internet-explorer.md>), [javascript](<https://devfeed.tech/tags/javascript.md>), [mvc](<https://devfeed.tech/tags/mvc.md>)

### AI overview

This article explains how to improve search-engine visibility for JavaScript applications, especially those using client-side MVC frameworks. It discusses pretty URLs, the HTML5 History API, server routing, and serving content for search engines, while noting that Google's JavaScript indexing changed the relevance of the earlier noscript-based approach.

### Source excerpt

Important Update (May 25, 2014): Google has started parsing and indexing Javascript. The approach of this article is to use <noscript> tags but Google will likely ignore those now. We upgraded our site to sniff Google and other popular search engines and serve our simple content that way. However, in the future it might not be a concern as Google plan on having Javascript sites just work! It's a myth that if you use a client side MVC framework that your application's content cannot be indexed by search engines. In fact, Discourse forums were indexable by Google the day we launched.

## Interview with DZone

DevFeed: [Interview with DZone](<https://devfeed.tech/articles/interview-with-dzone-21188.md>)

Original publisher: [Read original article](<https://juri.dev/blog/2013/03/interview-with-dzone/>)

Published: 2013-03-05T00:00:00Z

Content type: article

Language: en

Sources: [Juri Strumpflohner](<https://devfeed.tech/sources/juri-strumpflohner.md>)

Topics: [Development](<https://devfeed.tech/topics/development.md>), [JavaScript](<https://devfeed.tech/topics/javascript.md>), [mvc](<https://devfeed.tech/topics/mvc.md>), [web applications](<https://devfeed.tech/topics/web-applications.md>), [Single-page application (SPA)](<https://devfeed.tech/topics/spa.md>), [jQuery](<https://devfeed.tech/topics/jquery.md>), [HTML5](<https://devfeed.tech/topics/html5.md>), [TypeScript](<https://devfeed.tech/topics/typescript.md>), [Microsoft](<https://devfeed.tech/topics/microsoft.md>), [Package manager](<https://devfeed.tech/topics/package-manager.md>), [Angular](<https://devfeed.tech/topics/angular.md>), [Test automation](<https://devfeed.tech/topics/test-automation.md>)

Tags: [applications](<https://devfeed.tech/tags/applications.md>), [dev-tools](<https://devfeed.tech/tags/dev-tools.md>), [development](<https://devfeed.tech/tags/development.md>), [frameworks](<https://devfeed.tech/tags/frameworks.md>), [html5](<https://devfeed.tech/tags/html5.md>), [interview](<https://devfeed.tech/tags/interview.md>), [javascript](<https://devfeed.tech/tags/javascript.md>), [microsoft](<https://devfeed.tech/tags/microsoft.md>), [mvc](<https://devfeed.tech/tags/mvc.md>), [test-automation](<https://devfeed.tech/tags/test-automation.md>), [typescript](<https://devfeed.tech/tags/typescript.md>), [web-applications](<https://devfeed.tech/tags/web-applications.md>)

### AI overview

An interview about building single-page e-government web applications with JavaScript. Juri describes adopting JavaScriptMVC, its jQuery-based full-stack tooling, and the benefits and challenges of JavaScript MVC frameworks, HTML5, TypeScript, and Microsoft's investment in JavaScript development.

### Source excerpt

Lorem ipsum dolor sit amet

## Infinite Scrolling that Works

DevFeed: [Infinite Scrolling that Works](<https://devfeed.tech/articles/infinite-scrolling-that-works-40615.md>)

Original publisher: [Read original article](<https://eviltrout.com/blog/2013-02-16-infinite-scrolling-that-works/>)

Published: 2013-02-16T00:00:00Z

Content type: article

Language: en

Sources: [Robin Ward](<https://devfeed.tech/sources/robin-ward.md>)

Topics: [implementation](<https://devfeed.tech/topics/implementation.md>), [HTML5](<https://devfeed.tech/topics/html5.md>), [X (Twitter)](<https://devfeed.tech/topics/twitter.md>), [ui](<https://devfeed.tech/topics/ui.md>), [screen](<https://devfeed.tech/topics/screen.md>)

Tags: [browser](<https://devfeed.tech/tags/browser.md>), [html5](<https://devfeed.tech/tags/html5.md>), [implementation](<https://devfeed.tech/tags/implementation.md>), [twitter](<https://devfeed.tech/tags/twitter.md>), [ui](<https://devfeed.tech/tags/ui.md>)

### AI overview

The article examines how infinite scrolling can disrupt browser state and compares Twitter's implementation with Discourse's approach. It explains that Discourse uses the HTML5 History API to update the URL as readers scroll, helping preserve their position when they return to a topic.

### Source excerpt

Shortly after we began working together on Discourse, Jeff wrote a post about infinite scrolling. At first, I was surprised at how many people claimed to hate sites that used it. However, after reading through many comments about it, I realized that most didn't hate the scrolling itself, they hated how it broke their browser! Infinite Scrolling done wrong: Twitter When I visit Twitter, I am presented with a list of tweets in reverse chronological order. If I scroll down far enough, Twitter will automatically load more tweets so I don't have to stop reading. Initially, their implementation seems great. I can keep scrolling until I'm done reading.

## Don't auto-play video, music and more

DevFeed: [Don't auto-play video, music and more](<https://devfeed.tech/articles/don-t-auto-play-video-music-and-more-9404.md>)

Original publisher: [Read original article](<https://a11yproject.com/posts/never-use-auto-play/>)

Author: Emma Patricios

Published: 2013-01-15T00:00:00Z

Content type: article

Language: en

Sources: [The A11Y Project](<https://devfeed.tech/sources/the-a11y-project.md>)

Topics: [Accessibility](<https://devfeed.tech/topics/accessibility.md>), [Playback](<https://devfeed.tech/topics/playback.md>), [Web Content Accessibility Guidelines](<https://devfeed.tech/topics/web-content-accessibility-guidelines.md>), [HTML5](<https://devfeed.tech/topics/html5.md>), [Usability](<https://devfeed.tech/topics/usability.md>)

Tags: [accessibility](<https://devfeed.tech/tags/accessibility.md>), [html5](<https://devfeed.tech/tags/html5.md>), [playback](<https://devfeed.tech/tags/playback.md>), [usability](<https://devfeed.tech/tags/usability.md>), [web-content-accessibility-guidelines](<https://devfeed.tech/tags/web-content-accessibility-guidelines.md>)

### AI overview

The article argues against automatically playing video, music, and other media because unexpected sound disrupts screen-reader users and people listening in quiet environments, while moving content can distract users with certain learning difficulties. It recommends user-initiated playback and, when autoplay is unavoidable, short media or clear controls to stop or pause it.

### Source excerpt

Not auto-playing your media will make everyone happy. Sound People using screen-readers navigate by listening, so any sound playing when the page loads will interfere immensely. It will also be frustrating to any person that may be listening to music or is in a quiet area with their sound on high. In a note on audio control, the Web Content Accessibility Guidelines (WCAG) suggests: Therefore, we discourage the practice of automatically starting sounds (especially if they last more than 3 seconds), and encourage that the sound be started by an action initiated by the user after they reach the page, rather than requiring that the sound be stopped by an action of the user after they land on the page. Vision Vision includes video and CSS/JavaScript animations like slide-shows and carousels. Some groups of people may have a problem with moving content on a web page that starts without warning. This includes people with certain types of learning difficulties who can find it hard to concentrate or focus on tasks when distractions are present. In HTML5 The HTML5 specification includes the autoplay attribute along with the following provisions: Authors are urged to use the autoplay attribute rather than using script to trigger automatic playback, as this allows the user to override the automatic playback when it is not desired, e.g. when using a screen reader. Even though an autoplay attribute is included they also suggest: Authors are also encouraged to consider not using the automatic playback behavior at all, and instead to let the user agent wait for the user to start playback explicitly. What if you can't say no? As web developers, we don't always have the luxury of making business decisions, so there are a couple of recommendations to follow: Ensure media lasts for five seconds or fewer before stopping for good. If media lasts over five seconds, you must provide the user with an option to stop or pause it. It is also considered good practice to indicate a link will nav

## ARIA Landmark roles and HTML5 implicit mapping

DevFeed: [ARIA Landmark roles and HTML5 implicit mapping](<https://devfeed.tech/articles/aria-landmark-roles-and-html5-implicit-mapping-9372.md>)

Original publisher: [Read original article](<https://a11yproject.com/posts/aria-landmark-roles/>)

Author: Erik Runyon

Published: 2013-01-14T00:00:00Z

Content type: article

Language: en

Sources: [The A11Y Project](<https://devfeed.tech/sources/the-a11y-project.md>)

Topics: [aria](<https://devfeed.tech/topics/aria.md>), [Accessibility](<https://devfeed.tech/topics/accessibility.md>), [HTML5](<https://devfeed.tech/topics/html5.md>), [html elements](<https://devfeed.tech/topics/html-elements.md>)

Tags: [accessibility](<https://devfeed.tech/tags/accessibility.md>), [aria](<https://devfeed.tech/tags/aria.md>), [browsers](<https://devfeed.tech/tags/browsers.md>), [html](<https://devfeed.tech/tags/html.md>), [html-elements](<https://devfeed.tech/tags/html-elements.md>), [html5](<https://devfeed.tech/tags/html5.md>), [internet-explorer](<https://devfeed.tech/tags/internet-explorer.md>), [post](<https://devfeed.tech/tags/post.md>), [support](<https://devfeed.tech/tags/support.md>)

### AI overview

This article explains how ARIA landmark roles help assistive technology users orient themselves and navigate websites or applications. It covers common landmarks such as banner, search, main, navigation, and contentinfo, and explains how HTML5 elements can provide many of these landmarks implicitly.

### Source excerpt

ARIA Landmark Roles can be helpful to assistive device users, as they can be used to orient a user to, and easily navigate, your website or application. For a quick video demonstration, check out "How ARIA landmark roles help screen reader users", by Léonie Watson. Landmark quick reference The following are common landmark roles that tend to be useful on many pages: banner Typically the primary "header" of your page, containing the name of the site/application along with other globally available content. It MUST be scoped to the body element, and not within another sectioning element, or the main of the document. search Use on the primary search form. Often, but not always, found within a banner. If you have multiple search landmarks in a document it would be good to provide them with unique accessible names to indicate how they differ. main Designates the primary content area of the current document. Only one main landmark should be exposed to users at a time. navigation Used to promote an area as a navigation. Combine with a unique aria-label to provide context of the navigation's purpose. e.g. <nav aria-label="primary">. contentinfo Typically the "footer" of your page that contains information about the parent document such as copyrights and links to privacy statements. Implementing landmarks in your documents is a straightforward process. Simply add the role attribute referencing the appropriate landmark value. For example: <div role="contentinfo"> ... </div> HTML5 implicit mappings of Landmark roles Before you start adding ARIA roles to your HTML elements, you should be aware that many of these landmarks will be natively conveyed by proper HTML usage. For example, the following markup snippet will produce a warning in modern HTML and accessibility automated checkers: <header role="banner" class="site-header"> ... </header> The following table outlines the different ARIA landmarks, and the HTML5 element they are associated with: Landmark Role HTML Element banner

## XHP Upgraded to HTML5

DevFeed: [XHP Upgraded to HTML5](<https://devfeed.tech/articles/xhp-upgraded-to-html5-22030.md>)

Original publisher: [Read original article](<https://codebeforethehorse.tumblr.com/post/35320693712>)

Author: Codebeforethehorse

Published: 2012-11-09T04:30:09Z

Content type: release

Language: en

Sources: [Stefan Parker](<https://devfeed.tech/sources/stefan-parker.md>)

Topics: [HTML5](<https://devfeed.tech/topics/html5.md>), [PHP](<https://devfeed.tech/topics/php.md>)

Tags: [compatibility](<https://devfeed.tech/tags/compatibility.md>), [download](<https://devfeed.tech/tags/download.md>), [html5](<https://devfeed.tech/tags/html5.md>), [php](<https://devfeed.tech/tags/php.md>), [source](<https://devfeed.tech/tags/source.md>), [standards](<https://devfeed.tech/tags/standards.md>), [validation](<https://devfeed.tech/tags/validation.md>), [xhp](<https://devfeed.tech/tags/xhp.md>)

### AI overview

The article announces an update to XHP's default HTML classes to conform to the latest HTML5 working draft. It warns of possible backward-compatibility issues, adds the forceAttribute() method to bypass attribute validation, includes PHP 5.4 compatibility fixes, and links to the latest XHP source.

### Source excerpt

I just checked in an upgraded list of the default HTML classes in XHP that conform to the latest working draft of HTML5. This might cause some backwards compatibility issues, so I've also included a new public method available to all XHP elements called forceAttribute(). The method allows you to set attributes on an element and skip validation checks. I've also checked in a few fixes and changes to conform to the new strict standards of PHP 5.4. Please let me know if you find any issues. You can download the latest XHP source here.

## Interview On Treehouse

DevFeed: [Interview On Treehouse](<https://devfeed.tech/articles/interview-on-treehouse-21673.md>)

Original publisher: [Read original article](<https://paulirish.com/2012/interview-on-treehouse/>)

Author: Paul Irish

Published: 2012-10-29T12:07:00Z

Content type: article

Language: en

Sources: [Paul Irish](<https://devfeed.tech/sources/paul-irish.md>)

Topics: [frontend development](<https://devfeed.tech/topics/frontend-development.md>), [Web Development](<https://devfeed.tech/topics/web-development.md>), [Boilerplate](<https://devfeed.tech/topics/boilerplate.md>), [Tooling](<https://devfeed.tech/topics/tooling.md>), [HTML5](<https://devfeed.tech/topics/html5.md>)

Tags: [development](<https://devfeed.tech/tags/development.md>), [frontend](<https://devfeed.tech/tags/frontend.md>), [html5](<https://devfeed.tech/tags/html5.md>), [interview](<https://devfeed.tech/tags/interview.md>), [tooling](<https://devfeed.tech/tags/tooling.md>), [web-development](<https://devfeed.tech/tags/web-development.md>)

### AI overview

An interview with Treehouse discusses frontend development, the author's background, HTML5 Boilerplate, and tooling. It highlights HTML5 Boilerplate features, fallback scenarios in web development, and whether developers should understand abstractions and their underlying mechanisms.

### Source excerpt

The great folks at Treehouse sat down with me for 30 minutes to talk about frontend development, my background, HTML5 Boilerplate and tooling. A few highlights: 3:40 Where'd I grow up? What was I into? (Also, the supercool IE4 DHTML event I went to!) 14:45 What's my favorite feature inside the HTML5 Boilerplate? 18:34 Will web development even out where we don't need to fuss over so many fallback scenarios? 22:52 Are abstractions okay? Should you always learn what's going on under the covers first? I've also updated the interview listing on my About page. <3z

## Why I'm so excited about Web Platform Docs

DevFeed: [Why I'm so excited about Web Platform Docs](<https://devfeed.tech/articles/why-i-m-so-excited-about-web-platform-docs-21677.md>)

Original publisher: [Read original article](<https://paulirish.com/2012/why-im-so-excited-about-web-platform-docs/>)

Author: Paul Irish

Published: 2012-10-08T20:09:00Z

Content type: opinion

Language: en

Sources: [Paul Irish](<https://devfeed.tech/sources/paul-irish.md>)

Topics: [Documentation](<https://devfeed.tech/topics/documentation.md>), [Web platform](<https://devfeed.tech/topics/web-platform.md>), [web-standards](<https://devfeed.tech/topics/web-standards.md>), [Web Development](<https://devfeed.tech/topics/web-development.md>), [browser](<https://devfeed.tech/topics/browser.md>), [browsers](<https://devfeed.tech/topics/browsers.md>), [CSS](<https://devfeed.tech/topics/css.md>), [HTML](<https://devfeed.tech/topics/html.md>), [Canvas](<https://devfeed.tech/topics/canvas.md>), [Document Object Model (DOM)](<https://devfeed.tech/topics/dom.md>), [HTML5](<https://devfeed.tech/topics/html5.md>), [SVG](<https://devfeed.tech/topics/svg.md>)

Tags: [article](<https://devfeed.tech/tags/article.md>), [blog](<https://devfeed.tech/tags/blog.md>), [browser](<https://devfeed.tech/tags/browser.md>), [browsers](<https://devfeed.tech/tags/browsers.md>), [bugs](<https://devfeed.tech/tags/bugs.md>), [community](<https://devfeed.tech/tags/community.md>), [contribute](<https://devfeed.tech/tags/contribute.md>), [css](<https://devfeed.tech/tags/css.md>), [desktop](<https://devfeed.tech/tags/desktop.md>), [docs](<https://devfeed.tech/tags/docs.md>), [google](<https://devfeed.tech/tags/google.md>), [html](<https://devfeed.tech/tags/html.md>), [html5](<https://devfeed.tech/tags/html5.md>), [js](<https://devfeed.tech/tags/js.md>), [mobile](<https://devfeed.tech/tags/mobile.md>), [standards](<https://devfeed.tech/tags/standards.md>), [svg](<https://devfeed.tech/tags/svg.md>), [ui](<https://devfeed.tech/tags/ui.md>), [web](<https://devfeed.tech/tags/web.md>), [web-platform](<https://devfeed.tech/tags/web-platform.md>)

### AI overview

The article celebrates the launch of Web Platform Docs as a shared effort by browser vendors, companies, technical writers, and the community to consolidate documentation for client-side web technologies. It explains that the project should make browser and device compatibility information easier to find and invites contributions of writing, support data, bug fixes, and content strategy expertise.

### Source excerpt

I absolutely love developing for the clientside of the web. Delivering the actual interactions and UI that all users feel is an absolutely gratifying experience. However... it's not a piece of cake to develop for all desktop browsers, mobile browsers, and all the device/OS combinations within. It's hard to track down accurate info, but hey we get by with an unruly combination of Mozilla's MDN, StackOverflow, HTML5 Please, W3C/WHATWG specs, Wikipedia, and a mental inventory of blog posts, tweets and articles strewn over the internet. Today's announcement of Web Platform Docs, an initiative that's been well over a year in the making, is huge. A few reasons why I'm pumped: All browser vendors are working together to document the all of the clientside web: DOM, CSS, HTML, SVG, Canvas, HTML5, JS, ES5... They've already contributed much of their content: all of the MSDN IE reference docs, the Opera Web Standards Curriculum, many HTML5 Rocks articles, Full-time technical writers from Google, Microsoft, Adobe and others authoring content around new features in addition to the strong community contributions. And obviously, a much more cohesive documentation situation, making it easier for us to develop with all the information we need. Mozilla's MDN content can be contributed! The content is still alpha, but we now have a single place to document the web platform. How can you help? "Upstream" your writing. If you've written a widely cited article exploring a feature or documenting cross-browser bugs, gotchas, certainly you can help a educate a vastly wider audience. Contribute browser support data. We thrive on knowing the mobile/desktop compat story. PPK will be publishing his compat tables there, and you can upstream compat facts from other sources freely. Fix bugs! Already a few bugs/annoyances have been unearthed. Please report them but more importantly, we'd love help fixing them! Attach a patch to a bugzilla ticket and we can push it live ASAP. Poke around the WPD: prefixe

## Developers We Admire.

DevFeed: [Developers We Admire.](<https://devfeed.tech/articles/developers-we-admire-21672.md>)

Original publisher: [Read original article](<https://paulirish.com/2012/developers-we-admire/>)

Author: Paul Irish

Published: 2012-08-17T18:46:00Z

Content type: article

Language: en

Sources: [Paul Irish](<https://devfeed.tech/sources/paul-irish.md>)

Topics: [front-end-development](<https://devfeed.tech/topics/front-end-development.md>), [Open Source](<https://devfeed.tech/topics/open-source.md>), [Front end](<https://devfeed.tech/topics/frontend.md>), [CSS](<https://devfeed.tech/topics/css.md>), [HTML5](<https://devfeed.tech/topics/html5.md>), [SVG](<https://devfeed.tech/topics/svg.md>), [Document Object Model (DOM)](<https://devfeed.tech/topics/dom.md>), [debug](<https://devfeed.tech/topics/debug.md>), [API](<https://devfeed.tech/topics/api.md>), [browsers](<https://devfeed.tech/topics/browsers.md>), [Graphs](<https://devfeed.tech/topics/graphs.md>), [data](<https://devfeed.tech/topics/data.md>)

Tags: [accessibility](<https://devfeed.tech/tags/accessibility.md>), [api](<https://devfeed.tech/tags/api.md>), [articles](<https://devfeed.tech/tags/articles.md>), [css](<https://devfeed.tech/tags/css.md>), [developers](<https://devfeed.tech/tags/developers.md>), [front-end](<https://devfeed.tech/tags/front-end.md>), [front-end-development](<https://devfeed.tech/tags/front-end-development.md>), [graphs](<https://devfeed.tech/tags/graphs.md>), [html5](<https://devfeed.tech/tags/html5.md>), [javascript](<https://devfeed.tech/tags/javascript.md>), [open-source](<https://devfeed.tech/tags/open-source.md>), [svg](<https://devfeed.tech/tags/svg.md>), [web-browsers](<https://devfeed.tech/tags/web-browsers.md>)

### AI overview

An appreciative survey of front-end developers whose teaching, open-source contributions, research, and evidence-based opinions have benefited the web development community. It highlights work involving Modernizr, polyfills, DOM APIs, source maps, HTML5 Boilerplate, CSS, browser compatibility data, accessibility, JavaScript libraries, and SVG.

### Source excerpt

One of the good things about having the eyeballs of many people is that you now have the ability to throw other people into the limelight that completely deserve to be in it. Divya Manian and I have been, for a while now, putting together a list of people in the front-end development community who, in our opinion, could use more broad acknowledgment and attention. They're also inspiring because... They are excellently skilled in their area of expertise and go out of their way to teach others how to gain these skills They participate in open source projects that fuel the community's knowledge and productivity They have independent opinions that are derived out of testing, and evidence-based fact finding worthy of learning from So, here is a list of people we admire: Ryan Seddon: @ryanseddon aka the CSS Ninja develops Modernizr, writes polyfills, and explores the edge of DOM APIs. His recent exploration of source maps lays a lot of groundwork for future web debugging potentials. Hans Christian Renl: @drublic started contributing extensively to HTML5 Boilerplate and has been actively engaged in other projects we have worked on. He also maintains a blog where he shares his learning experiences and explorations of advanced CSS features. Alexis Deveria: @fyrd maintains caniuse.com, and contributes to svg-edit, the open source svg editor. He also created & maintains the canonical timeline of web browsers which has been the basis of other browser history graphs since. He also upstreams all the data from caniuse.com to its API, is used to power sites such as api.html5please.com and html5rocks.com Jason Kiss: @jkiss's notes on accessibility are like a breath of fresh air into the dense field of accessibility. He tests in as many accessibility technology tools as available and bases his opinions on findings from his research. His articles are extremely valuable to web developers who have long had to base how to do the right thing on superstition and fact-free opinions. Kit Cambr

## HTML5 Revisited - Touchlab

DevFeed: [HTML5 Revisited - Touchlab](<https://devfeed.tech/articles/html5-revisited-touchlab-38057.md>)

Original publisher: [Read original article](<https://touchlab.co/2012-07-html5-revisited>)

Published: 2012-07-18T23:37:41Z

Content type: opinion

Language: en

Sources: [Touchlab | Enterprise Mobile Innovation & Development](<https://devfeed.tech/sources/touchlab-enterprise-mobile-innovation-development.md>)

Topics: [HTML5](<https://devfeed.tech/topics/html5.md>), [Framework](<https://devfeed.tech/topics/framework.md>), [Mobile](<https://devfeed.tech/topics/mobile.md>)

Tags: [application](<https://devfeed.tech/tags/application.md>), [compatibility](<https://devfeed.tech/tags/compatibility.md>), [framework](<https://devfeed.tech/tags/framework.md>), [html5](<https://devfeed.tech/tags/html5.md>), [platform](<https://devfeed.tech/tags/platform.md>), [porting](<https://devfeed.tech/tags/porting.md>), [thoughts](<https://devfeed.tech/tags/thoughts.md>)

### AI overview

This opinion revisits HTML5 as an app environment and discusses Enyo, a multi-platform port of the WebOS application framework. The author expresses interest while remaining uncertain about mobile HTML5 compatibility and unresolved fundamental problems.

### Source excerpt

It looks like somebody is taking the obvious yet possibly brilliant step of porting the application framework from which apps were built to the masses.

## HTML5 Taking over the app world - Touchlab

DevFeed: [HTML5 Taking over the app world - Touchlab](<https://devfeed.tech/articles/html5-taking-over-the-app-world-touchlab-38058.md>)

Original publisher: [Read original article](<https://touchlab.co/2012-07-html5-taking-over-the-app-world>)

Published: 2012-07-03T19:59:00Z

Content type: opinion

Language: en

Sources: [Touchlab | Enterprise Mobile Innovation & Development](<https://devfeed.tech/sources/touchlab-enterprise-mobile-innovation-development.md>)

Topics: [HTML5](<https://devfeed.tech/topics/html5.md>), [Mobile](<https://devfeed.tech/topics/mobile.md>), [App](<https://devfeed.tech/topics/app.md>), [WebView](<https://devfeed.tech/topics/webview.md>), [cross-platform](<https://devfeed.tech/topics/cross-platform.md>), [JavaScript](<https://devfeed.tech/topics/javascript.md>), [Ajax](<https://devfeed.tech/topics/ajax.md>)

Tags: [ajax](<https://devfeed.tech/tags/ajax.md>), [code-sharing](<https://devfeed.tech/tags/code-sharing.md>), [cross-platform](<https://devfeed.tech/tags/cross-platform.md>), [development](<https://devfeed.tech/tags/development.md>), [html5](<https://devfeed.tech/tags/html5.md>), [javascript](<https://devfeed.tech/tags/javascript.md>), [mobile](<https://devfeed.tech/tags/mobile.md>), [thoughts](<https://devfeed.tech/tags/thoughts.md>), [webview](<https://devfeed.tech/tags/webview.md>)

### AI overview

This opinion argues that HTML5 could serve as a mobile app platform, but Apple and Google have little incentive to support it within their app ecosystems. It discusses WebView limitations, the author's experience with JavaScript and Ajax, and broader cross-platform development examples.

### Source excerpt

I think you might read that title and think this is going to be about how HTML5 is steadily taking over the native app world on mobile devices...

## Touchlab app lets users draw on its home page

DevFeed: [Touchlab app lets users draw on its home page](<https://devfeed.tech/articles/draw-on-our-home-page-kevin-galligan-38053.md>)

Original publisher: [Read original article](<https://touchlab.co/2012-04-draw-on-our-home-page>)

Published: 2012-04-23T04:00:00Z

Content type: opinion

Language: en

Sources: [Touchlab | Enterprise Mobile Innovation & Development](<https://devfeed.tech/sources/touchlab-enterprise-mobile-innovation-development.md>)

Topics: [App](<https://devfeed.tech/topics/app.md>), [Website](<https://devfeed.tech/topics/website.md>), [Canvas](<https://devfeed.tech/topics/canvas.md>), [HTML5](<https://devfeed.tech/topics/html5.md>), [JavaScript](<https://devfeed.tech/topics/javascript.md>), [Android](<https://devfeed.tech/topics/android.md>), [QR Code](<https://devfeed.tech/topics/qrcode.md>), [X (Twitter)](<https://devfeed.tech/topics/twitter.md>), [GitHub](<https://devfeed.tech/topics/github.md>)

Tags: [android](<https://devfeed.tech/tags/android.md>), [app](<https://devfeed.tech/tags/app.md>), [built-by-touchlab](<https://devfeed.tech/tags/built-by-touchlab.md>), [canvas](<https://devfeed.tech/tags/canvas.md>), [code](<https://devfeed.tech/tags/code.md>), [github](<https://devfeed.tech/tags/github.md>), [html5](<https://devfeed.tech/tags/html5.md>), [javascript](<https://devfeed.tech/tags/javascript.md>), [press](<https://devfeed.tech/tags/press.md>), [qr-code](<https://devfeed.tech/tags/qr-code.md>), [twitter](<https://devfeed.tech/tags/twitter.md>), [website](<https://devfeed.tech/tags/website.md>)

### AI overview

Touchlab describes an experimental app that lets users draw on its website. The app sends drawing commands to the home page, where JavaScript and HTML5 canvas render them. Users authenticate with Twitter, scan a QR code, and get 60 seconds to draw.

### Source excerpt

I had this weird idea last week and set Izzy the Intern to work on it. The basic idea. You can install our app, and draw directly on our website.

## oEmbed support for the new HTML5 widget

DevFeed: [oEmbed support for the new HTML5 widget](<https://devfeed.tech/articles/oembed-support-for-the-new-html5-widget-2099.md>)

Original publisher: [Read original article](<https://developers.soundcloud.com/blog//oembed-support-for-the-html5-widget>)

Published: 2012-01-09T00:00:00Z

Content type: article

Language: en

Sources: [SoundCloud Backstage Blog](<https://devfeed.tech/sources/soundcloud-backstage-blog.md>)

Topics: [HTML5](<https://devfeed.tech/topics/html5.md>), [Mobile](<https://devfeed.tech/topics/mobile.md>), [ui](<https://devfeed.tech/topics/ui.md>), [Android](<https://devfeed.tech/topics/android.md>), [iOS](<https://devfeed.tech/topics/ios.md>)

Tags: [android](<https://devfeed.tech/tags/android.md>), [announcements](<https://devfeed.tech/tags/announcements.md>), [flash](<https://devfeed.tech/tags/flash.md>), [html5](<https://devfeed.tech/tags/html5.md>), [ios](<https://devfeed.tech/tags/ios.md>), [mobile](<https://devfeed.tech/tags/mobile.md>), [user-interface](<https://devfeed.tech/tags/user-interface.md>)

### AI overview

SoundCloud added oEmbed support for its new HTML5 widget. The widget improves the user interface, removes the Adobe Flash requirement, loads faster, and works on Android and iOS. The article also explains how to request the HTML5 widget with the iframe=true parameter and how to retain the old widget with iframe=false.

### Source excerpt

Today we've added support for our new HTML5 widget to the oEmbed endpoint. Aside from a brand new user interface with lots of improvements, the HTML5 widget doesn't require Adobe Flash anymore. That means the widget will load much faster and finally work well on most mobile platforms, including Android & iOS. And we won't stop here. We'll continue to improve the new widget in the coming months.

## Music Hack Day London 2011

DevFeed: [Music Hack Day London 2011](<https://devfeed.tech/articles/music-hack-day-london-2011-2087.md>)

Original publisher: [Read original article](<https://developers.soundcloud.com/blog//music-hack-day-london-2011>)

Published: 2012-01-03T00:00:00Z

Content type: article

Language: en

Sources: [SoundCloud Backstage Blog](<https://devfeed.tech/sources/soundcloud-backstage-blog.md>)

Topics: [coding](<https://devfeed.tech/topics/coding.md>), [Software](<https://devfeed.tech/topics/software.md>), [Hardware](<https://devfeed.tech/topics/hardware.md>), [API](<https://devfeed.tech/topics/api.md>), [Web](<https://devfeed.tech/topics/web.md>), [HTML5](<https://devfeed.tech/topics/html5.md>), [JSON](<https://devfeed.tech/topics/json.md>), [iphone](<https://devfeed.tech/topics/iphone.md>)

Tags: [api](<https://devfeed.tech/tags/api.md>), [apple](<https://devfeed.tech/tags/apple.md>), [applications](<https://devfeed.tech/tags/applications.md>), [audio](<https://devfeed.tech/tags/audio.md>), [develop](<https://devfeed.tech/tags/develop.md>), [event](<https://devfeed.tech/tags/event.md>), [events](<https://devfeed.tech/tags/events.md>), [free](<https://devfeed.tech/tags/free.md>), [google](<https://devfeed.tech/tags/google.md>), [hack](<https://devfeed.tech/tags/hack.md>), [hacks](<https://devfeed.tech/tags/hacks.md>), [hardware](<https://devfeed.tech/tags/hardware.md>), [html5](<https://devfeed.tech/tags/html5.md>), [iphone](<https://devfeed.tech/tags/iphone.md>), [json](<https://devfeed.tech/tags/json.md>), [london](<https://devfeed.tech/tags/london.md>), [music](<https://devfeed.tech/tags/music.md>), [software](<https://devfeed.tech/tags/software.md>), [web](<https://devfeed.tech/tags/web.md>)

### AI overview

A report on Music Hack Day London 2011, a free weekend event where participants developed innovative music and sound hacks using software and hardware. It highlights interactive projects involving phones, laptops, voice recognition, JSON-generated audio waveforms, HTML5 audio, SoundCloud, and Google Spreadsheet data.

### Source excerpt

Last month we attended Music Hack Day London 2011. A special one, Music Hack Day was born in London 3 years ago and we were happy to attend a hack day again in it's homeland. Picture For those who do not know of Music Hack Day, it's a great weekend-long event aimed at music and sound hackers. Anyone can attend the event for free, and their goal is to conceptualize and develop innovative hacks of either software or hardware.

[Next page](<https://devfeed.tech/topics/html5.md?cursor=WyIyMDEyLTAxLTAzVDAwOjAwOjAwKzAwOjAwIiwgIjc0Y2ZhYWJjLTY0ZmEtNDY1Yy1hM2FhLWE0ZjA1MjAxYjdjNSJd>)