This Week's HTML5 and Browser Technology News (Issue 193)

Read this e-mail on the Web HTML Weekly Issue 193 — June 17, 2015 Build An HTML5 Game — And Distribute It Mozilla Hacks Nick Desaulniers takes a high level look at the concepts behind building an HTML5 game, as well as briefly reviewing Karl Bunyan’s Build an HTML5 Game book. Help Users Checkout Faster (in Chrome) with Autofill HTML5 Rocks Ido Green looks at a forthcoming feature in Chrome 43 that will let you specify autocomplete attributes on form inputs. For example, ‘autocomplete=”address-line1”’. Includes a complete example. Accessible Custom Interfaces with ARIA, HTML and JavaScript [video] Léonie Watson A superb talk by Léonie Watson of the Paciello Group, an accessibility lead for the UK government, and a leading expert in ARIA and Web accessibility issues. Integrate email into your application with Mailgun + Zapier Mailgun  Sponsored Want to integrate email into your application with a click of a button? Mailgun integrates nicely with Zapier. You don't have to setup any code to hook Mailgun up with over 400 apps including Wufoo, Firebase, Slack and Hipchat to name a few. Click here to learn more. HTML5 UI Accessibility Support Table HTML5Accessibility.com A site that shows off the level of support in the main browsers for accessibility support for their HTML5 user interface features. Chrome is in the lead. When Responsive Images Get Ugly Taylor Hunt A look at a variety of edge cases, quirks, and unusual applications of responsive images. Making Your First HTML5 Game With Phaser Tutorialzine A simple and straightforward tutorial of making a simple ‘snake’ game using Phaser and JavaScript. Generic Sensor API: A W3C Editor's Draft W3C A spec defining a framework for exposing sensor data to the Open Web Platform in a consistent way via an abstract Sensor interface that can be extended to accommodate different sensor types. Introducing srcset, MS's First Step Towards Fully Responsive Images in Edge Microsoft Edge Team A look at the initial implementation of srcset in Windows 10 and the future of responsive images in upcoming Edge releases. Jobs Frontend Developer — London, UK — Improbable.ioTaking frontend back to it’s essence: design and build the experience / workflows of software that will be used by millions. HTML5, CSS3, JS and everything in between. Lot’s of freedom, lot’s of fun. Improbable.io Top HTML5 Freelancers Wanted (Telecommute)We only hire the absolute top-tier HTML5 developers and if you survive our ultra-screening™ process, the projects overfloweth. (Must read, write & speak English extremely well.) Toptal In brief Latest Forward Web Technology Summit videos released video news Grab your ticket to the July 29 event in San Francisco before prices go up.  Forward Web Technology Summit SPONSOR favicon-bug: Demonstrates Chrome/Firefox Downloading 1GB Favicons news code This repository demonstrates that browsers will download huge favicon and touch-icon files to the point that they crash and/or bring the computer to a halt.   Benjamin Gruenbaum W3C Adopts New Software and Document License news  W3C LiveGL: On-Demand Diagnostics for WebGL Applications news A Kickstarter for a project that might particularly intrigue WebGL developers.   Timothy Dedischew Security Standard Open Kitchen news Virginie Galindo will be talking at Paris Web about the recent security and privacy achievements made at the W3C.   W3C Internet Explorer 11 Gains HTTP Strict Transport Security in Windows 7 and 8.1 news  BetaNews Practical Techniques On Designing Animation tutorial  Smashing Magazine Defining 'auto': An Adventure in Layout tutorial A slide deck that covers how a browser’s layout engine works, particularly in respect to CSS and box models.   Elika J. Etemad How 3 Modern Tools are Using Flexbox Grids tutorial  SitePoint Build a Media Player with HTML tutorial  SitePoint Supercharging Page Load with Service Worker video  Jake Archibald Recreating The Birdman Opening Credits with the Web Audio API demo Music and text synchronize together in the opening to this popular movie. Source available.  Mark DiMarco Dynamics.js: JS Library to Create Physics-Based CSS Animations tools  Michaël Villar Bootstrap Form Builder tools The easy way to generate HTML form code that works with Bootstrap 3. Free to use.  Formden SPONSOR Web MPD: A Web-based MPC-Type Instrument demo Presents a keyboard to which you can drag audio files to use as samples. Comes preloaded with numerous historic samples.   Max Ogden Breakup: Split Up the HTML Specification Your Way tools Based on recent discussions, this is a slightly tongue in cheek tool to let you ‘split up’ the HTML specification arbitrarily.   Robin Berjon Introducing Pure.css – A Lightweight Responsive Framework code tutorial  SitePoint postcss-custom-media: PostCSS Plugin to Transform W3C CSS Custom Media Queries to More Compatible CSS tools code  PostCSS Checkerboard: Shared Transactional Memory with Zero Server Configuration code Lets you create shared state among clients without server-side logic. It has two components: a Node back-end and a browser client library.   Gregory Fabry Curated by Peter Cooper and published by Cooper Press. Send feedback by simply replying to this mail. Want to sponsor an issue? See our media kit. Want to post a job? E-mail us or use our self-serve system. Unsubscribe : Change email address : Read this issue on the Web © Cooper Press Ltd. Office 30, Lincoln Way, Louth, LN11 0LS, UK Email policy Privacy policy

by via HTML5 Weekly

Bucharest by Tudor Prisăcariu

Crowdfunding One Pager raising funds to print a Bucharest photography book by Tudor Prisăcariu. The site is clean and love the integration of the fund progress bar but think the mention of the funding should be bigger and bolder.

by Rob Hope via One Page Love

zoomwall.js – Photo Gallery with Masonry Layout

zoomwall.js is a content-focused photo gallery using a horizontal masonry layout that scales up in lightbox mode.

by via jQuery-Plugins.net RSS Feed

Filterable Product Grid with jQuery & CSS3

A responsive product grid layout with touch-friendly Flickity galleries and Isotope-powered filter functionality.This Blueprint is a responsive Isotope-powered product grid layout where each grid item is a Flickity image slider. A small cart icon animation indicates that a product was added to the shopping cart. The product filter utilizes the Isotope filter functionality. Some example media queries are used to show how to make the layout adaptive.

The post Filterable Product Grid with jQuery & CSS3 appeared first on jQuery Rain.

by Admin via jQuery Rain

Hover Carousel with jQuery & CSS3

This super lightweight jQuery carousel which only moves left and right in relation to the mouse position inside it’s area.

The post Hover Carousel with jQuery & CSS3 appeared first on jQuery Rain.

by Admin via jQuery Rain

ExpertCamJS.js : Javascript Camera Handler Library

ExpertCamJS is a javascript Camera handler with some options.

• Capture video, audio
• Open local video or audio file with subtitle
• Forward captured stream to another object
• Grab image from player
• Record captured stream to webm or ogg

The post ExpertCamJS.js : Javascript Camera Handler Library appeared first on jQuery Rain.

by Admin via jQuery Rain

Debunking The Top 15 Email Marketing Myths - #Infographic

"Do you think that using “FREE” in the subject line will impact your deliverability or do you think Monday mornings are the best time to send your emails? Think twice!

These are just myths! Email marketing works differently for different brands and industries."

Hence, the folks at Email Monks, created an infographic that busts some of the most dominating myths of email marketing and proposes some tips that really work.

by Irfan Ahmad via Digital Information World