How to Make Accessible Web Components — A Brief Guide
ARTEM TABALIN
Artem Tabalin demonstrates how to make web components more accessible via ARIA attributes, keyboard support and validating their visual accessibility.
Google Targets HTML5 Default for Chrome Instead of Flash in Q4 2016
EMIL PROTALINSKI
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).
Easier Webapp Debugging with the Command Line API
TELERIK DEVELOPER NETWORK
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.
Automatically Art-directed Responsive Images
CLOUDINARY SPONSORED
With Cloudinary, you can easily adapt any image characteristic at breakpoints to provide an optimal viewing experience on any device.
How to Center in CSS
OLIVER ZHENG
A golden oldie that has resurfaced this week. Answer several questions and get back some CSS to center your content.
Flexbox: WTF (video)
ESTELLE WEYL
Learn things you didn’t know about flexbox from developer, author, and speaker Estelle Weyl in her keynote from Forward Web Summit.
CSS Purge: Saving The Web 1KB At A Time
ROY QUILOR
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.
Using CSS's 'object-fit' and 'object-position' Properties
ASHA LAXMI
How to use two little known CSS3 properties that can help when creating responsive layouts: object-fit and object-position.
The 7 Cross-Browser Testing Tools You Need in 2016
ADA IVANOFF
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.
A Look at Houdini for Demystifying CSS
GOOGLE
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.
In brief
- Lightning fast SSD hosts for your HTML5 project
Host your HTML5 site on Linode servers - the fastest VPS hosts available. Use promo code HTML520
for $20 credit.
LINODE SPONSOR
- 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.
ANDRII DEGELER
- 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 COOPERP15
CODE SLINGER 2016
- Uploading Multiple Files At Once with Ajax and XHR2 TUTORIAL
XHR2 represents the more recent version of the overall XMLHTTPRequest spec.
RAYMOND CAMDEN
- Tips for Aligning Icons to Text TUTORIAL
GEOFF GRAHAM
- 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…
CHRIS COYIER
- Good and Bad CSS Practices for Beginners TUTORIAL
SAMUEL NORTON
- ARIA Tabs, UI Problems and Standards OPINION
ALASTAIR CAMPBELL
- 25 Seconds, That’s All It Took Before the HTML5 Element Flowchart Was My Best Friend OPINION
HENRIK STÅHL
- 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
MARTIN AUSWÖGER
- How to find and fix the slowest code in your .NET application TOOLS
Find bottlenecks in your code or database boost performance with new ANTS Performance Profiler 9. Try free.
RED GATE SPONSOR
- jile: Modular CSS in Pure JavaScript CODE
Manage your styles in JavaScript with the full power of CSS.
PLANT THE IDEA
- push.js: A Compact, Cross-Browser Solution for Desktop Notifications CODE
TYLER NICKERSON
- Bulma: A Flexbox-based CSS Framework CODE
JEREMY THOMAS
- Plyr: A Simple HTML5 Media Player with Custom Controls and WebVTT Captions CODE
SAM POTTS