This Week's HTML5, CSS and Browser Tech News #279

— Read this e-mail on the Web FrontEnd Focus Issue 279 — March 1, 2017 A quick one-click poll :-) Would you rather FrontEnd Focus be longer, be shorter, or stay as-is? Thanks! Progressive Web App Libraries in Production Addy Osmani looks at tools and libraries Google has released to make building fast, modern webapps a reality, including Offline Google Analytics and sw-precache. Addy Osmani Tim Berners Lee on Encrypted Media Extensions (EME) in HTML5 Sir Tim, the original creator of the Web, explains why the W3C should endorse the EME standard which allows web pages to include encrypted content. Tim Berners-Lee WebAssembly Now Complete Enough to Deploy 'On-By-Default' The W3C WebAssembly Community Group says the design of WebAssembly is complete enough that browsers can ship with it "on by default". A new official WebAssembly logo has also been unveiled. W3C New Course: Make back-end developers jealous, with Elm 😉 Write bullet-proof, easily maintainable web applications with Elm, the functional programming language that is transforming web application development! Frontend Masters   Sponsor Use CSS's ':not' to Save Time and Lines of Code You can often make your life easier by using :not(:last-of-type) rather than overriding with a separate :last-of-type rule. Tim Smith CSS Exclusions: Making Boring Layouts Less Boring CSS Exclusions may look similar to CSS Shapes in that they can wrap content around an element. Technically, however, they serve a different purpose. Louie Rootfield Seamlessly-Faded Background Images with CSS Gradients A CodePen demo written by Goce Mitevski, which shows how to create seamlessly-faded background images with CSS gradient overlays. Goce Mitevski Web Content Accessibility Guidelines 2.1: First Public Working Draft The guidelines cover a wide range of recommendations for making Web content more accessible, particularly to people with disabilities. Joshue O Connor WebGL 2.0 Arrives WebGL 2.0 is shipping in Firefox and Chrome browsers and all WebGL implementers have declared intent to support it. Here’s a live demo of WebGL 2 functionality if you have a supporting browser. The Khronos Group Using postMessage and WebSocket-reconnect to Steal Auth Tokens A technical look at a now-resolved vulnerability where an auth token for Slack could be stolen across browser windows. Frans Rosén Jobs Front-End JavaScript Engineer (f/m) - Contentful (Berlin)As our front-end engineer, you'll work on a modular user interface where API design and application architecture are the main challenges. contentful Senior Front-end Developer, BitbucketWant to build the future of code collaboration? Join us as a Front-end Engineer on Bitbucket, Atlassian's source code collaboration and hosting product.  Atlassian (Bitbucket) Can't find the right job? Want companies to apply to you? Try Hired.com. In Brief Google Discloses a 'High Severity' Bug in Edge and IE news An as-yet unresolved vulnerability is now public after a 90 day non-disclosure period. Ars Technica RIP DMOZ: The Open Directory Project Is Closing news Danny Sullivan Mozilla and BrowserStack Offering Free Firefox on Android Testing news Mozilla Hacks [Whitepaper] The Future of JavaScript—2017 and Beyond  2017 predictions for the key and rising JavaScript libraries and frameworks and JS’s New Frontiers in this whitepaper. Progress  Sponsor The Unexpected Power of Viewport Units in CSS tutorial Thomas Lattimore Making The Most of the Chrome DevTools: A Few Lesser-Known Features tutorial LogRocket Scaling SVG Clipping Paths for CSS Use tutorial Eric Meyer How to Use Flexbox to Create A Modern Card Design Layout tutorial Flywheel More HTML5 Semantics: Changes to Existing Features tutorial Louis Lazaris Emscripten/HTML Integration Tips tutorial “things I learned while adding a HTML UI to my 8-bit emulator” Floooh Track errors in your apps with Sentry tools Sentry's open-source error tracking tells you when your code breaks, without the need for bug reports. Sentry  Sponsor Box Alignment Cheatsheet tools This cheatsheet compares alignment in CSS Grid Layout and Flexbox. Rachel Andrew A Collection of Resources for Learning CSS Grid tools Jen Simmons store.js 2.0: Cross-Browser Storage for All Use Cases code 2.0 is a full revamp with pluggable storage and extra functionality. Marcus Westin Omnitone: Spatial Audio on the Web code An implementation of a FOA (first-order-ambisonic) decoder with binaural rendering using the Web Audio API. Google Rough.js: Create Graphics with a Hand-Drawn, Sketchy Appearance code Propeller: A Responsive Material Design & Bootstrap-Based Framework code Digicorp Curated by Peter Cooper and published by Cooperpress. If you like this, you may also enjoy: JavaScript Weekly, Node Weekly, and React Status. Stop getting FrontEnd Focus : Change email address : Read this issue on the Web © Cooper Press Ltd. Office 30, Lincoln Way, Louth, LN11 0LS, UK

by via FrontEnd Focus

Pauline Taveneau – Portfolio

Portfolio Pauline Taveneau – Junior Art Director from Paris

by csreladm via CSSREEL | CSS Website Awards | World best websites | website design awards | CSS Gallery

TOHOKU JAPAN

In Japan, a country which offers various sceneries of beauty over the changing seasons, the Tohoku area has magnificent nature and its own unique culture. Please enjoy an introduction video of this beautiful land in each season shot in 4K.

by csreladm via CSSREEL | CSS Website Awards | World best websites | website design awards | CSS Gallery

Smart Cities

By 2050, some two-thirds of all people will live in cities. So how do we accelerate progress? And just how smart can cities become?

by csreladm via CSSREEL | CSS Website Awards | World best websites | website design awards | CSS Gallery

MDSi

MDSi, Inc is a leader in IT hardware and network infrastructure solutions with a focus on a cost savings approach. Their IT consulting services help customers make informed decisions about the hardware or asset management services that would be the m

by csreladm via CSSREEL | CSS Website Awards | World best websites | website design awards | CSS Gallery

David Forlot – Graphic Web Designer

Hi, my name is David. I’m a french graphic & web designer and also an illustrator, see my new portfolio.

by csreladm via CSSREEL | CSS Website Awards | World best websites | website design awards | CSS Gallery

Milqy

Milqy is an extraordinary creative studio integrated by profesional thinkers, specialized in design, web development and marketing. Since 2014 we are based in New York and Buenos Aires.

by csreladm via CSSREEL | CSS Website Awards | World best websites | website design awards | CSS Gallery