Read this e-mail on the Web
FrontEnd Focus

Issue 273 — January 18, 2017
Ire Aderinokun is excited about adopting Feature Queries, Grid Layout and Native Variables this year.
Ire Aderinokun


A look at the area above the browser’s viewport where users expect to be reassured about a page’s legitimacy but where they can also be easily fooled.
Eric Law


A succinct 17 minute talk on the history of modern Web technology, Service Workers, apps, and where things are headed bringing it all together.
Nolan Lawson


Sencha, Inc

React can be used to build user interfaces (UIs) for web apps, but React developers have to provide the components to build the UI. Fortunately, there’s a better way. Learn how React developers can now use Sencha’s powerful Ext JS components in their React apps, using the new Ext JS Reactor.
Sencha, Inc
  Sponsor


AMP promotes lock-in and provides a poor user experience, explains Kyle.
Kyle Schreiber


A very thorough attempt to cover all the fundamental concepts you need to get comfortable with the CSS Flexbox model.
Ohans Emmanuel


Styled-components are used to enforce best practices by removing the mapping between styles and components, and include actual CSS in your JavaScript code.
Max Stoiber


Slanted, curved, or otherwise irregularly-shaped header sections are a modern Web design trend. Here’s a thorough look at some approaches to implementing them.
Ahmad Nassri


Designed for building Retina-ready ‘silky smooth’ animations and effects. Tons of demos, plus the GitHub repo.
Oleg Solomka


Jobs Supported by Hired.com

Can’t find the right job? Want companies to apply to you? Try Hired.com.

In Brief

webpack 2.2 Released: The Popular Module Bundler news
Sean T. Larkin

Opera Launches Neon, A New Experimental Desktop Browser news
Frederic Lardinois

Edge Introduces Support for Content Security Policy Level 2 news
Microsoft

Web Rebels (June 1-2 in Oslo, Norway) Call For Papers news
Speakers to this much celebrated event are usually invite only so this is a great opportunity.

Live Workshop tomorrow: React Native, SVG and D3 news
Register for tomorrow’s live interactive online workshop with a two-week free trial to Forward Courses
Forward Courses  Sponsor

Full-Color Emoji Coming by Default to Microsoft Edge news
Twitter

Ultrasound Created by Web Audio API Could Be Used To Deanonymize Tor Users news
Slashdot

Random Numbers in CSS (using JS and CSS Variables) tutorial
Robin Rendle

A Simple Intro to localStorage and sessionStorage tutorial
For saving key/value pairs locally from the browser.
Alligator.io

Understanding the Critical Rendering Path tutorial
Knowledge of the Critical Rendering Path is incredibly useful for understanding how a site’s performance can be improved.
Ire Aderinokun

Building a responsive HTML5 app? Learn the must-know techniques with this whitepaper 
If you’re a HTML5/JS dev, responsive web design is or will be a requirement in the near future. This whitepaper will give you the must-know on responsive web.
Progress  Sponsor

Pointing JS Links to Fragment Identifier Zero video
Harry Roberts

Modernizing Our Progressive Enhancement Delivery story
A look at how Filament Group is utilizing http/2 for speed and service workers for offline connections.
Scott Jehl

How I Destroyed My Blog’s Performance with CSS Background-Blend-Modes story
“just because a browser has a feature, doesn’t mean you should use it”

Beware These 9 Design Elements Your Front-End Developers Hate opinion
Careful when sharing this with your bosses or customers 😉
Marissa Epstein

‘I Swore Never to Use CSS in JS, Here Are 6 Reasons Why I Was Wrong’ opinion
Tal Bereznitskey

Moving Beyond localStorage opinion
.. to WebCrypto and IndexedDB?
Mo Bitar

tlapse: Create A Timelapse of Your Web Development tools
A utility that takes periodic screenshots of your site while you develop.
Typicode

CSS Triggers: A Table of Which CSS Properties Trigger Repaints tools
Paul Lewis and Das Surma

Clippy: A CSS ‘clip-path’ Maker Tool tools
The clip-path property lets you to make complex shapes in CSS by clipping an element.
Bennett Feely

The Top 50 Developer Tools of 2016 tools
Front-end technologies dominate these lists from StackShare.
StackShare

iTyped: Simple JavaScript Animated Typing Effect with No Dependencies code
Luis Vinicius

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



Source link