Frontend Focus
Issue 187 — May 6, 2015
Microsoft has revealed the final name for its new browser, previously known as Project Spartan: Edge. SitePoint has a hands on preview, and some people think things are hiding in its new logo.

Aaron Ladage looks at the HTML elements whose styling can cause even the best of us some issues: form input elements. “While not as fierce as battles of yore, input types are the cause of a new small-scale browser war,” he laments.
Smashing Magazine

A new tool used to create hosted Web applications based on a W3C Web App manifest on multiple platforms using Apache Cordova as a polyfill where hosted web apps are not supported.

Red Gate Software
Boost the performance of your .NET application with ANTS Performance Profiler. Get rich performance data on your code and database queries to find your application's bottleneck fast. Try ANTS Performance Profiler on your application now.
Red Gate Software   Sponsor

A well recorded and intriguing view at bringing together a variety of HTML5 and JavaScript-based technologies to create a text editor. (40 minute video.)
Zef Hemel

A way to create menu-bar/tray-based apps using only Web technologies. An object called quark is exposed to access system functions. A Windows version is on the way next.

“Mozilla is committing to focus new development efforts on the secure web, and start removing capabilities from the non-secure web.”
Mozilla Security Blog

CamanJS is a JavaScript-based HTML5 Canvas manipulation library, but it can also change images using purely declarative HTML attributes on IMG tags as well.

Jobs Supported by

  • craigslist seeks JavaScript Developers (San Francisco, CA)CL seeks web devs with JavaScript, Node.js, CSS, and HTML experience to join a small, 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
  • Freelance with Companies like Airbnb, IDEO JPMorganWork on special projects with great companies through Toptal. Set your weekly/hourly rate, and work from anywhere in the world as an elite HTML5 developer. See if you have what it takes. TopTal

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

In Brief

Dev Channel Now Available for Chrome on Android news
Chromium Blog

How TV Functionality Leverages Web Technology news
Mozilla Hacks

Digital Signage and HTML5: Seminar Report news

You Know How to Code, but How Are Your Design Skills? course
Learn UI UX design through part-time, online courses with 1-on-1 mentorship from expert designers.
Designlab  Sponsor

Extending Sass Without Creating A Mess tutorial
Smashing Magazine

How to Get HTML5 Camera and Video Access on the iPhone tutorial
David Walsh

Learn How to Code in HTML5 and CSS3 
A well produced online book.
Damian Wielgosik

Random CSS Gradient Generator tools
A nice way to get code for some unusual gradients quickly.
Ben Laley

HTML5 Data Visualization Controls for Mobile Web Development tools
Deliver modern apps using the UI controls optimized for both size and speed inside of Wijmo 5.
Grapecity  Sponsor

Top 10 Tools for HTML5 Mobile App Developers tools
Josh Morony

PLYND: A Backend Service for HTML5 Games tools
Provides the back-end services and infrastructure for multiplayer HTML5 games.

Waveform Playlist: A Multitrack Web Audio Editor and Player demo code
Naomi Naomiaro

Upset Baby: A Pure CSS Animation demo

Mountains of Mouthness: A Quirky WebGL Experiment demo
Two mountains read out tweets to each other in an odd way. I’ve spent more time on this than I should have..
Acapela Group

ExpandJS: 80+ Custom Elements and 350+ Utility Functions for Webapps code
Follows Google’s Material Design guidelines and the latest Web standards generally.

Playground.js: A Framework for Building HTML5 + JavaScript Games code
Przemysław Sikorski

Sass Burger: A Sass Directive for a Simple 'Hamburger Menu' code
Joren Van Hee

Marx: A Simple, Pure CSS Reset code
Matthew Blode