Heydon Pickering’s Quantity Queries for CSS is sheer brilliance and it’s so simple I’m surprised we hadn’t landed on the idea sooner.
Dispatches From The Internets
Quantity Queries… Where Have You Been All My Life?
The Big Web Show #130: Progressive Enhancement FTW with Aaron Gustafson
Jeffrey Zeldman and I discuss web design then and now; why Flipboard’s 60fps web launch is anti-web and anti-user; Genesis’ “Land of Confusion” video, and other bad ideas from the 1980s; design versus art; the demise and sendoff of Web Standards Sherpa; how the web community differs from other creative communities; and the 2nd Edition of Adaptive Web Design, coming from New Riders later this year.
Rendering engine updates in March for the Windows 10 Technical Preview
The new browser codenamed “Project Spartan” won’t be in it, but the March build of the public Windows 10 preview has a bunch of new features. Among my favorites:
- ARIA Landmark Roles,
- Web Audio API,
@supports,- CSS Gradient Midpoints,
- unprefixed Fullscreen API,
- Touch Events API,
- HTML5 date inputs (behind a flag),
- CSS transitions & animations for SVG (behind a flag), and
- CSS filters (behind a flag).
RemoteIE should be updated soon too.
Opera Mini server upgrade
The server-side Presto rendering engine that drives Opera Mini has gotten a major upgrade, introducing some great new features including
HTML5 input types are on the docket. They won’t be displayed properly in clients until they get an upgrade, but the parse is aware of them now and they will fall back to “text” inputs until the client roll-out happens.
An analytics primer for developers
This is a fantastic overview of the various analytics reporting options available for developers along with a list of pros and cons for each. Highly recommended reading!
Now the Internet Explorer is Dead. Let’s Stop the Hate
A great post from Taylor Feliz on why outdated browsers, in general, are more of a problem than Internet Explorer, specifically. He also ends with a great call to action:
[L]et’s develop websites that are cross browser and supported by all major browsers as our job as web developers require it. It is not our job to decide what browser is cool or not; we have to provide an accessible and working website to all users because cross browser development is as or more important that even a responsive design.
When IE gave us beautiful, fast touch interactions, and nobody cared
I never even saw this proposal, but how cool would it be to set snap points for scrolling content in CSS?!
.container {
width: 500px;
overflow-x: auto;
overflow-y: hidden;
white-space: nowrap;
/* Set up points to which scrolling will snap */
-ms-scroll-snap-points-x: snapInterval(0px, 100%);
/* Require that scrolling always end at a snap point */
-ms-scroll-snap-type: mandatory;
}
What Does My Site Cost?
This is a fantastic tool from the one and only Tim Kadlec. It helps you get a better understanding of how much it costs users to view a web page in different countries around the world.
This page, for instance, costs nothing in the UK and India and only 2¢ in the U.S.
js;dr = JavaScript required; Didn’t Read.
It’s a tough pill to swallow, but it’s true:
Pages that are empty without JS: dead to history (archive-org), unreliable for search results (despite any search engine claims of JS support, check it yourself), and thus ignorable. No need to waste time reading or responding.
…
Because in 10 years nothing you built today that depends on JS for the content will be available, visible, or archived anywhere on the web.
All your fancy front-end-JS-required frameworks are dead to history, a mere evolutionary blip in web app development practices. Perhaps they provided interesting ephemeral prototypes, nothing more.
Lines in the Sand
A new site, Break Up with Internet Explorer 8 by Humaan, has been making the rounds on the Interwebs of late. It’s cleverly done and an attractive site, but I don’t really agree with the premise:
Join the intervention and stop supporting IE8. It’s time for an upgrade.