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

Read this e-mail on the Web HTML Weekly Issue 219 — December 16, 2015 Background Sync: A New Web API from Google Google Developers A new web API that lets you defer actions until the user has stable connectivity (such as sending a message or syncing data). For now it’s just in Chrome Canary behind an ‘experimental features’ flag. The Web Accessibility Basics Marco Zehe An accessibility QA engineer at Mozilla shares a list of the ‘absolute basics’ of Web accessibility every Web developer should know about. Debugging Your HTML5 in Microsoft Edge for Xbox One SitePoint Microsoft’s Edge browser is now also available to all Xbox One users and supports things like WebGL, Web Audio and the Gamepad API. New Course: Building Modern Web Apps (with React, Ampersand, ES6 & Webpack) Frontend Masters  Sponsored Learn everything you need to build and deploy a maintainable single page app. This course covers a broad range of topics as we build an app from scratch using React, Ampersand, ES6 (ES2015), and Webpack. Grid, Flexbox, Box Alignment: Our New System for Layout Rachel Andrew Rachel is optimistic a reliable, cross browser CSS grid layout system is just around the corner, and shows off how it works right now (behind an experimental features flag in Chrome). Making Accessibility Simpler, With Ally.js Smashing Magazine ally.js provides a handy way to collaborate on accessibility-related features by providing low-level tools to other libraries and frameworks as well as high-level functions to developers. Web Starter Kit 0.6.0: A Boilerplate for Responsive Sites Google Now uses Material Design Lite, includes optional ES6 support, and includes offline support via Service Worker. This is well worth looking at, if you haven’t already. More Responsive Tapping on iOS in WebKit WebKit WebKit includes ‘fast tapping optimizations’ so well-optimized (for scale) mobile pages can avoid the 350 millisecond delay commonly worked around by using third party libraries. Updated Unity WebGL Benchmark Results Unity Last year, Unity (the popular game engine) benchmarked their WebGL performance and now they’re back for another try: “Firefox 42 64-bit is currently the fastest shipping browser in most of the benchmarks.” Touch Keyboard Type 'Cheat Sheet' Baymard Institute HTML5 code and demos for invoking different touch keyboards depending on input type. Worth keeping in mind for the benefit of mobile users. Jobs Principal Web Developer. Bristol, UKJoin MixRadio if you are an expert web developer with superior front-end skills. Help us improve our speed of execution and architecture. Use ReactJS and ES2015 on cross-disciplined teams to deliver the next best music streaming service. MixRadio Frontend Developers at X-Team (Remote)We're looking for experienced frontend developers. The perfect candidate would be highly skilled in different frameworks and libraries. We are 100% remote and we provide the funding needed to help you achieve your goals and grow as a remote developer.  X-Team In brief Tumult Hype 3.5 Released: The HTML5 Web Content Generation Tool news tools  Tumult Applying For Jobs Is As Outdated As Fortran  Get interviews with top companies without submitting another application. Through Hired, companies find you - and offer salary and other benefits upfront.   Hired.com SPONSOR Firefox 43 Released news Nothing huge for developers (lots of little dev tools tweaks), though Firefox 64 bit for Windows is now available which showed major performance increases in a recent Unity benchmark.   Mozilla Self-Review Questionnaire: Security and Privacy news A set of questions developers and engineers are encouraged to ask about the security and privacy impact of new Web features and specifications.   W3C Turner & Google Vets Create SpeakPage, a New Content Technology news SpeakPage is a technology for having audio narration for Web pages, and this very blog post demonstrates the idea.   Hypepotamus Speedtest Launches New HTML5-Powered Beta news A popular Flash-based connection speed testing tool is going HTML5.   Ookla Bringing the Power of SIMD.js to gl-matrix news “SIMD.js can deliver major speedup to many JavaScript programs in high performance computing and the domain of multimedia.”   Mozilla Hacks A Look at HTML5's 'header' Element tutorial First written in 2009, but updated again yesterday.   HTML5 Doctor How to Build a Star Wars Intro Style CSS Animation tutorial  CSS Animation Rocks Decorating the Web with CSS Border Images tutorial A look at CSS3 border customizations with border-image-source, border-image-slice and more.   SitePoint Creating Repeatable CSS Animations with Sass tutorial  Srinivas Rao Making NASA 'Quindar' Tones in Web Audio tutorial You've heard this sound before, even if you didn't know what it was.  Output Channel Website Layout Tools Compared: Flexbox Vs. Susy opinion A comparison of the functionality provided by Flexbox, as implemented natively by most browsers, and Susy, a Sass-based layout toolkit.   Smashing Magazine Firefox OS is Dead opinion  Peter-Paul Koch SVG Icons Are Easy But The Fallbacks Aren't opinion  Matt Hinchliffe Ultimate CSS Gradient Generator tools A Photoshop-like CSS gradient editor.   Colorzilla Build 3D CSS Transforms Without Coding tools  Webflow Top 9 Animation Libraries to Use in 2016 code  SitePoint react-flexbox-grid: React Components Implementing flexboxgrid.css code  Lee Siong Tai Have you got SQL fingers?  Try SQL Prompt and you’ll be able to write, refactor, and reformat SQL effortlessly in SSMS and Visual Studio. Find out more.  Redgate SPONSOR Lightsaber Escape: An HTML5 Chrome Experience demo Use Chrome on your phone to wield a lightsaber on your desktop browser while trying to escape the Death Star.   Google and Lucasfilm Curated by Peter Cooper and published by Cooper Press. Want to post a job? E-mail us or use our self-serve system. Unsubscribe : Change email address : Read this issue on the Web Published by Cooper Press Ltd. Office 30, Lincoln Way, Louth, LN11 0LS, UK

by via HTML5 Weekly

HTML5 Mastery: Web Security

Shape Christmas

It's a Shape Christmas is an Interactive Advent Calendar themed around Christmas & Shapes.
by via Awwwards - Sites of the day

6 Tools for Selling Products on Instagram

Do you want to sell your products using Instagram? Looking for tools to make it easier for customers to buy from you? The right Instagram tools help you maximize your revenue. In this article you’ll discover six tools to help you sell products on Instagram. #1: Identify Shoppable Content With a Hashtag Hashtags are a [...]

This post 6 Tools for Selling Products on Instagram first appeared on Social Media Examiner.
Social Media Examiner - Your Guide to the Social Media Jungle

by Ana Gotter via Social Media Examiner

jR3DCarousel : jQuery 3D Responsive Carousel

jR3DCarousel is a jQuery plugin for responsive 3D carousel with modern effects and multiple options.

Features:

• Modern effects
• Responsive
• Fullscreen Carousel
• Tiny plugin (gzipped ~ 1.68KB, uncompressed ~ 4.95KB)
• Infinite scroll
• Multiple slideLayouts to maintain aspect ratio of images
• Minimal configuration, easy to install
• Useful public API for extending the functionalities like custom nav buttons.

The post jR3DCarousel : jQuery 3D Responsive Carousel appeared first on jQuery Rain.

by Admin via jQuery Rain

Material Design Slider Animation with CSS3

A Material Design inspired slider with effective communicating animations.Communication design is a mixed discipline between design and information-development which is concerned with how media intermission such as printed, crafted, electronic media or presentations communicate with people.

The post Material Design Slider Animation with CSS3 appeared first on jQuery Rain.

by Admin via jQuery Rain

FileUploader : HTML5 File Uploader

FileUploader  is a jQuery file uploader skeleton that uses HTML5 file reader api.

The post FileUploader : HTML5 File Uploader appeared first on jQuery Rain.

by Admin via jQuery Rain