Frontend Focus
Issue 239 — May 11, 2016

We're going to rebrand HTML5 Weekly to a more 'front-end'-oriented name soon. No change in content, but 'front-end' better reflects what we're covering. If you have any opinions or suggestions, hit reply - we're reading :-)
- Peter Cooper, editor

Write CSS without worrying that overzealous, pre-existing styles will cause problems.
Adam Silver

Learn how to add more functionality to your browser by creating your own bookmark manager Chrome extension using Angular 2 and TypeScript.
Michaela Lehr

Two alternative ways to specify colors in CSS using the hex format. In Firefox Nightly now and coming to Chrome and WebKit very soon.
Serg Gospodarets

The creator of cURL reflects on the definition of a ‘URL’ and how it varies: “The WHATWG view of a URL is not widely adopted outside of browsers.”
Daniel Stenberg

Wijmo
To build the new mobile interface for its Dynamics CRM solution, Microsoft used the high-quality JavaScript controls in Wijmo 5, a collection of true JavaScript UI controls by GrapeCity. Read more about the top reasons Microsoft Dynamics chose Wijmo 5.
Wijmo   Sponsor

Nowadays, we think a lot about smaller, mobile screens, but developers should consider the challenges and techniques to optimize for large-scale screens too.
Jon Yablonski

A new editor’s draft is out today covering a popular spec that defines the rules for the use of WAI-ARIA accessibility attributes on HTML documents.
W3C

Mozilla has unveiled ‘Test Pilot’, a way for users to test experimental features in Firefox.
The Mozilla Blog

Unlike responsive typography, which changes only at set breakpoints, fluid typography resizes smoothly to match any device width.
Michael Riethmuller

Jobs Supported by Hired.com

  • craigslist seeks JavaScript Developers (San Francisco, CA)CL seeks web devs with JavaScript, CSS, and HTML experience to join a small (~50), tech-driven, laid-back workplace to design and ship new features daily, and see them loved (or hated) by millions. Come help us save the world, or at least our corner of the Internet. craigslist
  • Job Offers. No resume necessary.Create your Hired profile to get top companies to start applying to hire you. Get offers from $75,000 - $250,000 on the platform in 1 week. Hired.com

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

In Brief

Chromium Team Considering Ignoring Clicks On Elements That Have Moved Recently news
Chromium

Web Fonts for President 2016 news
US presidential candidates ordered by best font loading strategy. Well, why not?
Zach Letterman

Safari Unprefixing CSS Grid Layout properties news
Safari Technology Preview 4 will reflect this change.
WebKit

New APIs to Help Developers Improve Scroll Performance news
Chromium

New Angular 2 Course with Lukas Ruebbelke and Scott Moss rawurl course
Angular 2 is an incredibly powerful evolution of AngularJS. Discover why Angular 2 is half the framework with twice the power.
Frontend Masters  Sponsor

CSS-Filtered Backgrounds with a Fallback for Legibility tutorial
Taylor Hunt

How to Implement Smooth Scrolling in Vanilla JavaScript tutorial
Giulio Mainardi

The Importance of '!important': Forcing Immutability in CSS tutorial
Advice on how and when to use the CSS !important property.
Harry Roberts

Masking in the Browser with CSS and SVG tutorial
Maria Antonietta Perna

Angular Performance: Tuning the Engine video
A focus on improving performance with your Angular apps.
Todd Motto

Building Web Sites that Work Everywhere video
A real life example is used to demonstrate step by step how to build cross-browser, plugin-free experiences.
Doris Chen

target="_blank": The Most Underestimated Vulnerability Ever? opinion
Did you know that the linked page gains partial access to the source page?
Alex Jumašev

CSS From The Future opinion
“When will vanilla CSS be good enough to replace Sass, Less, Stylus and the rest?”
Zeke Sikelianos

How to Write Better Comments in Your CSS opinion
Ethan Muller

Lightning fast SSD hosts for your HTML5 project rawurl tools
Host your HTML5 site on Linode servers - the fastest VPS hosts available. Use promo code HTML520 for $20 credit.
Linode  Sponsor

smlr: Re-Encode JPEG Images with No Perceivable Quality Loss tools
Jason Mooberry

Use Mozilla Firefox DevTools in Chrome tools
Mozilla’s Valence project lets you use Firefox’s Developer Tools in projects other than Firefox (even Chrome!)
David Walsh

Vital: A 'Minimally Invasive' CSS Framework for Modern Webapps code
Doximity

Tocbot: Generate A Table of Contents Based On The Headings in An HTML Document code
Tim Scanlin

Gutenberg: A Web Typography Starter Kit code
Matej Latin

The Experimental Layout Lab of Jen Simmons demo
A collection of CSS/HTML layout demos, with CodePen demo links.
Jen Simmons