Artem Tabalin demonstrates how to make web components more accessible via ARIA attributes, keyboard support and validating their visual accessibility.
Chrome will display the HTML5 experience if it’s available, but if Flash is required, the user will be asked whether Flash can be allowed to run or not
, except on the top 10 sites which will be whitelisted (e.g. Twitch, YouTube).
Aurelio De Rosa explains how the command line API (as used in DevTools) allows you to quickly perform debugging tasks directly from the browser console.
Telerik Developer Network
With Cloudinary, you can easily adapt any image characteristic at breakpoints to provide an optimal viewing experience on any device.
A golden oldie that has resurfaced this week. Answer several questions and get back some CSS to center your content.
Learn things you didn’t know about flexbox from developer, author, and speaker Estelle Weyl in her keynote from Forward Web Summit.
A site dedicated to ‘CSSitis’, when your site’s CSS grows out of control. It shows how much CSS many top sites use, tools to optimize your CSS, and case studies and articles on the topic.
How to use two little known CSS3 properties that can help when creating responsive layouts: object-fit and object-position.
Though browsers are arguably more reliable than they’ve ever been, we still can’t forget about cross-browser testing tools. Ada has 7 options for you.
Houdini is a collection of APIs (being worked on by Mozilla, Apple, MS, Google and others) that expose the CSS engine’s internals to developers. It’s still early days but this is a good overview.
The Easiest Way to Find a JobHired lets you sit back while job offers come to you. When you complete your profile, instantly apply to 3,500+ companies on the platform who will contact you with job offers, including salary and equity up-front. Try it today. Hired.com
Can't find the right job? Want companies to apply to you? Try Hired.com.
Lightning fast SSD hosts for your HTML5 project rawurl
Host your HTML5 site on Linode servers - the fastest VPS hosts available. Use promo code
HTML520 for $20 credit.
Web Notifications Supported in Microsoft Edge news
Starting with the most recent preview release, Web Notifications are enabled by default in Edge.
Microsoft Edge Team
Firefox Tops Microsoft Browser Market Share for First Time news
Chrome remains king, with over 60% market share.
Firefox for iOS Makes it Faster and Easier to Use the Mobile Web news
A new update to Firefox for iOS.
The Mozilla Blog
Code Slinger: A 1 Day Software Engineering Conf in London (June 23) news
Cooper Press will be attending - see you there? For 15% off, use code
Code Slinger 2016
Uploading Multiple Files At Once with Ajax and XHR2 tutorial
XHR2 represents the more recent version of the overall XMLHTTPRequest spec.
Tips for Aligning Icons to Text tutorial
Flexbox and Truncated Text tutorial
Situation: you have a single line of text in a flex child element. You don’t want that text to wrap, you want it truncated with ellipsis…
Good and Bad CSS Practices for Beginners tutorial
ARIA Tabs, UI Problems and Standards opinion
25 Seconds, That’s All It Took Before the HTML5 Element Flowchart Was My Best Friend opinion
Is Web Work A Safe Port in The Next Storm? opinion
The skills and techniques used to create for the Web will continue to be valuable, even if technology markets cool for a while.
Simon St. Laurent
Architecting Front-End Styles opinion
Will explains how he breaks front-end stylesheets into four major categories: base, components, patterns, and views.
Will H McMahan
RespImageLint: A Linter for Responsive Images tools
How to find and fix the slowest code in your .NET application rawurl tools
Find bottlenecks in your code or database boost performance with new ANTS Performance Profiler 9. Try free.
Red Gate Sponsor
Plant The Idea
push.js: A Compact, Cross-Browser Solution for Desktop Notifications code
Bulma: A Flexbox-based CSS Framework code
Plyr: A Simple HTML5 Media Player with Custom Controls and WebVTT Captions code