- The Extensible Web Manifesto – important.
- Why We Need Responsive Images – 72% less image weight, Tim Kadlec concludes after crunching some numbers
- Is Github racist? asks Terence Eden in linkbaiting mode. No, but “we should consider the practice of not supporting Unicode as outmoded and dangerous as assuming every year can be represented by a two digit number”.
- Talking of which, Unicode Security Considerations
- CSS stacking with display:table – a way of moving blocks out of source order without Flexbox by HTML5 Doctor Ian Devlin. Not as powerful as Flexbox, but for the use cases it serves its terser and better supported.
- Understanding 3D Transforms (dev.Opera)
- Better performance with requestAnimationFrame (dev.Opera)
- Retiring Chrome Frame
- The thing and the whole of the thing: on DRM in HTML by @sil
- Web inventor Berners-Lee warns forces are ‘trying to take control’
- Talking of which, WebRTC: Security and Confidentiality
- Popular Misconceptions about Designing for the Web – why “one-URL-per-thing” remains the best architectural foundation for web sites
Archive for the 'reading list' Category
- Exposing privileged APIs to web content – “a discussion on the challenges we face in exposing privileged APIs to web content and a proposal for exposing such APIs to web pages by mitigating the risks inherent in doing so.” by Rich Tibbett
- Resource Priorities – “Using the
lazyloadattribute on a resource will signal to the User Agent that it may want to lower the download priority of that resource”
- How patents are ruining the adoption of HTML5 video
- We âauthorsâ donât hold much weight in standards discussions says Matt “Wilto” Marquis
- The subline element – An HTML5 extension specification to do <hgroup>’s job better.
- Clown Car Technique: Solving Adaptive Images In Responsive Web Design by Estelle Weyl
- The “When Can I Use” Web Widget -”include up to date information about browser support for a feature they are talking about based on the data crafted by CanIUse.com” (4K library).
- The Application Cache is no longer a Douchebag – well it is, but Firefox is getting some tools to analyse its annoyances
- CSS: reset or normalize? by Oli Studholme, fellow HTML5 Doctor
- Response-ish Web Design – BBC News on “the strategy of how we move away from a large legacy site to a fully responsive one”
- Google Will Soon Launch Google Web Designer, A Free HTML5 Development Tool For Creating Web Apps, Sites And Ads says the infallibly reliable Techcrunch. Fingers crossed it produces markup as elegant and valid as Google’s own web properties.
- Letter To A Young Programmer Considering A Startup – “A startup job is the new office job. Startup culture is the new corporate culture”
- Twitter Bootstrap without jQuery
- Pink telephones â using technology to empower women in Cambodia – another perspective on “feminine” tech that I took the piss out of with my âTits ânâ sportâ laptop
- Why Finnish babies sleep in cardboard boxes – a tale of equality/ the evils of socialism (delete according to ownership of US passport)
- Do not view source! says CyberTrial Lawyer’s user agreement (which I paraphrase as it forbids me from quoting it). View source is prohibited because they own the intellectual property on all of the code. Which may come as a surprise the the jQuery and WordPress teams
- Finest website ever?
This week’s reading list comes to you with a renewed vigour, and a zesty swagger in its stride, as several people sought me out at Google I/O to tell me how useful it is. Thanks for the feedback.
This is simply a list of stuff I’ve read this week, and posted links to over Twitter. However, I know that lots of real people don’t read Twitter all day, or it’s blocked at work, so this is an amalgamated list. Note that these links interested me, but I neither endorse them nor vouch for their accuracy.
- Opera 14 for Android 2.3+ released – spanking the Android stock browser and sending it to bed, with Chrome 26, @supports, webGL
- Building The New Financial Times Web App: A Case Study – loads of good stuff in here, including a look at performance of Flexbox layouts
- Client Hints – Google proposal to send a header with device resolution, viewport size, touch-enabled flag etc. Explanatory presentation
- The Web Manifest – Mozilla’s Mounir Lamouri on the Moz proposal to make AppCache better, and Google’s proposal Navigation Controller
- Mobile Accessibility Workshop by Henny Swan (BBC)
- Fetch – “The Fetch standard defines the overall architecture for obtaining resources given a URL and a set of parameters.”
- IE10, Metro, and Media Queries – by Adrian Roselli
- Getting touchy – an introduction to touch events – Patrick Lauke’s excellent talk at Sud Web / Avignon 17.05.2013
- Extend the Web Forward by Yehuda Katz
- Break the page – “an online periodical about the future and philosophy of the web”
- Web Performance APIs Rapidly Become W3C Recommendations
- HTML Imports – draft of one of the Web Component suite, allowing import of HTML blocks to facilitate code re-use
- FreedomHTML is a profile of HTML without the DRM-enabling Encrypted Media Extension, because ignoring it makes it go away
- Gathering the Web tribes together for the common good – Dion Almaer
- Designing CSS Layouts With Flexbox Is As Easy As Pie by web cleverchap/ international love machine David Storey
- 10% of notebooks sold in first quarter of 2013 have touchscreens
- Why is Facebook losing active users in Nigeria?
- Teens Are Turning Away from Facebook Because Tumblr Is Real, and Parent-Free
- The new Flickr: Goodbye customers, hello ads – Change, eh? Always bad, especially on a static medium like the Web
- Posthaven is a new blogging platform from co-founders of Posterous: “We’re not going to show ads. We’re not looking for investors. We’re going to make money the best way we know how: charging for it.”
- Meanwhile, outside our Web hipster bubble, “nearly 15% of all new enterprise app functionality is written in COBOL“
Here’s your reading list for the next 2 weeks – I’m off to Google i/o where I’ll be speaking at the “Web Platform Fireside Chat” 3pm (to 3.40pm) on the Friday, Room 5. Come and say hi if you’re going to San Francisco (be sure to wear some flowers in your hair).
- More than half of humanity lives within this circle – see their mobile usage and stats in mobile web atlas of Asia Pacific (July 2012)
- Fighting the Space Between Inline Block Elements
- Financial Times: ‘There is no drawback to working in HTML5′ – also interesting concept of “finite read”
- The User is Drunk – design like the user is drunk. 5 min video.
- Notes on BBC News responsive images by BBC devs
- You Can’t Detect A Touchscreen – also see Modernizr issue touch class placed on all browers on windows 8 on a regualr pc with no touch support
- The HTML5 outline algorithm and JAWS by Gez Lemon. So read it.
- Hot in web standards: March/April 2013 by Lea Verou
- Web Wishes – Unofficial Draft – Web Intents/ Web Activities part #694
- Facebook Comes to Google Glass – rejoice!
- IE10 and Beyond: Unifying Touch and Mouse Made Easy with Pointer Events also
-ms-touch-action: auto | none | manipulation | double-tap-zoom | inherit
- Web Payments Community Group at W3C
- Best Practices: Designing Touch Tablet Experiences for Preschoolers (PDF) – by Sesame Street
- Facebook to Firefox: Please add WebP image support (More about WebP)
- Last week in WebKit: Out of the Shadows – “Antti began ripping out parts of the Shadow DOM implementation.”
- Perspectives on Encrypted Media Extension Reaching First Public Working Draft – fight about DRM at W3C. There appear to be entrenched positions, surprisingly.
- fartscroll.js – You want fart noises as you scroll? We’ve got you covered.
- Super Terrific Japanese Thing: Cats Dressed Like Sushi
Some very meaty stuff this week, so it’ll last you 2 weeks (next week I’m in Las Vegas for Future Insights Live conference – use the discount code âBruceâ to get 10% off the ticket price).
- HTML5 VIDEO bytes on iOS Mobile devices by Steve Souders: “Mobile devices ignore all values of PRELOAD in order to avoid high data plan costs, and instead only download the video when the user initiates playback … However, my testing shows that iOS downloads up to 298K of video data, resulting in unexpected costs to users.”
- blink-dev: Intent to implement lazy-block layout – “Developers can page in new content while the user is scrolling without fear of making the app slow as well … Our demo has a 4 second layout that’s reduced to 32ms with lazy-block.”
- Common Misconceptions About Touch – thoroughly researched, lots of references
- ptb/flexgrid: a flexbox-based CSS grid in 3.6k – “The flexbox layout is supported on Chrome, all versions of iOS, Safari 3+, IE 10+, Opera 12.10+, and Firefox 22+. Other browsers get the fluid Bootstrap 3 layout, except Internet Explorer 6 and 7 which use a fixed layout.”
- 4 new articles about working with HTML markup in Arabic, Hebrew and Other Right-to-left Scripts by W3CInternationalisation maestro, Richard Ishida
- âRight click and save asâ needs to go away – just use the HTML5
downloadattribute users can just click the link to save it
- Thank God We Have A Specification! – An excellent article by @rodneyrehm on the CSS transitions mess (how did we get here?)
- Testing WebP compression for app icons – “Looking at the ratio of WebP file sizes to PNG file sizes ratio, we can see WebP constantly provides better results”
- Talking of webP, Blink-dev discussion on implementing <picture> which would let devs send webP content images to capable browsers, with fallbacks.
- Donât let the myths fool you: the W3Câs plan for DRM in HTML5 is a betrayal to all Web users.
- DRM at the W3C? Not such a Bad Idea – John Foliot on “The Unpopular Position”
- Stop standardizing HTML says Simon St. Laurent. It’s XML again, but without draconian parsing or schemas. Essentially, every web page has its own private vocabulary.
- Anarchists: We need to talk about Facebook
- It’s about time: RuneScape dumps Java for HTML5 – “With more than 200 million RuneScape accounts and thousands online at the same time, RuneScape is a big reason for a lot of people not to uninstall Java”
- Happy 20th birthday to Mosaic 1.0 browser
If you fancy coming to Future Insights Live in Las Vegas 29 April â 2 May 2013, use the discount code “Bruce” to get 10% off the ticket price.
- <img defer> <img async> <img lazy> Feature to make <img /> elements not load their images until needed – also see Resource Priorities
- Explaining DOM Futures – it’s the hot new API paradigm that all the cool guys are talking about!
- Itâs not a web app. Itâs an app you install from the web.
- Netflix to implement #html5 DRM video player on Chrome OS, Windows and Mac – (what about Linux?
- Animating flexboxes: the lowdown by Chris Mills
- Hand.js: a polyfill for supporting pointer events on every browser
- Hover is dead, long live hover
- Google Glass APIs released: no unemcumbered media formats
- jQuery 2.0 Released – “leaves behind the older Internet Explorer 6, 7, and 8 browsers”. I wonder if this, and Windows XP in its last year of Microsoft support, will give devs/ biz “permission” to stop supporting older browsers?
- Meet the Webâs Operating System: HTTP
- BĂ©ton.css framework: 700K, “ensuring only wealthy users with 4G or broadband Internet access your content”
- A proposal for un-prefixing in Blink by Eric Seidel
- refactoring CSS Transitions, Animations, SVG animations with partial implementation of new Web Animations API
- Checkboxes that kill your product – excellent post by Mozilla’s Alex Limi
- Adobe to contribute to Blink, WebKit and Gecko
- Why This Simple Government Website Was Named the Best Design of the Year – article about gov.uk, with some roflable comments
- Developing for Google Glass
- Rockmelt Will Shut Down Social Browser – interesting that “social” is like crack to VCs, yet Rockmelt & Flock failed
- I Stand With Trolls – “Iâm calling out our culture of blaming the employer for the mouthiness of their employees in a personal capacity … Weâll end up with a Twitter full of teen-agers talking about their bowel movements and a million carefully curated corporate accounts.
- Bored Commuter’s Newspaper Photobombs
- Examples of singular “their” etc. from the OED and elsewhere that so upset grammar fascists (and also from Jane Austen
- Wear a Lifelike Baby Mask And Scare The Crap Out of Everyone You Know – anyone kind enough to send me one?
- Detecting touch: itâs the âwhyâ, not the âhowâ – by cuddlekaiser Patrick Lauke
- Advanced cross-browser flexbox by Chris Mills
- Modernizr incorrectly reports Flexbox support in IE10 (this bit us on the arse when testing Mills’ demos above)
- Why You Should Consider A Ligature Icon Font For Your Next Project – “Search engines and those with accessibility needs, or anyone who has CSS turned off, read the natural text, and everyone else sees the icons.”
- Open Peer – a proposed signalling protocol for WebRTC
- Element Queries – “like a Media Query (specifically, the min-width/etc queries), but for a parent or ancestor element, rather than the viewport” by Tab Atkins
- IE11: what we know and what we can speculate by David Storey
- Browserhacks – because, like eating pot noodles and drinking blue wkd, sometimes you just have to
- Introducing HTMLâs new template element by Peteypoo Gasston
- CSS Grid Layout – what has changed? by Rachel Andrew
- SVG Illustrations 201
- HTML5 vs. Native vs. Hybrid. Global developer survey 2013 interesting stats, however, note comment: “surveyed individuals were (mostly? I am one of them) Telerik customers including Kendo UI customers might have leaned the results towards Windows and HTML 5?”
- Your Mobile Experience Is Not Theirs – Chui Chui Tan on mobile use in Asia
As you probably know, Google announced Blink, the new rendering engine that will power Opera and Chrome, forked from WebKit (which itself was forked from KHTML).
- Hello Blink -my take
- Devs respond to new Blink and Servo browser engines – .net magazine
- Excellent analysis by PPK
- Thoughts on Blink – “WebKit wasnât a love fest of like-minded engineers but 2 lions circling each other, always prepared for the battle” by Krzysztof Kowalczyk, an early contributor to WebKit
- Well, err, that solves the WebKit monoculture problem by Google’s Jake Archibald
- Why What Youâre Reading About Blink Is Probably Wrong by Google’s Alex Russell
- 30 minute Q&A video with Paul Irish and Blink devs
- A Short Translation from Bullshit to English of Selected Portions of the Google Chrome Blink Developer FAQ – “we will be silently overwriting all existing installations of Chrome with our new rendering engine without your knowledge or consent”. Auto-updates, eh? That’s NORTH KOREA.
- Responsive Retrofitting – “finding a way to use responsive techniques on legacy sites to create a better experience for more users”
- Introducing Tabula – “Upload a PDF, get back tabular CSV data.” Another cool Mozilla initiative.
- Forty mobile phone facts – “every fifth person you meet has two phones and is probably a crystal meth dealer/having an affair.” Or is a developer.
- Punk rock videos – my own occasional curation of live punk
- reasons my son is crying
- Pictures by my daughter
- Indifferent cats in amateur porn – Not Safe for Work (obviously)
And RIP Cynthia Waddell, a tireless lawyer and campaigner for disability rights on the web, and co-author of the first book I helped develop.
- WEB ACCESSIBILITY DIRECTIVE: THIS IS WHAT THE DISABILITY MOVEMENT EXPECTS. The European Disability Forum is angry. “2/3 of public websites in Europe are still not accessible” it thunders after it’s turned off the caps lock. It has a plan to make the Web more accessible, published on its website. As a Word document, naturally. [update: this annoyed me so much I've marked it up as HTML]
- IE11 pretends to be WebKit – the Joys of Browser Sniffing part 3432
- Pull Quotes with HTML5 and CSS using
data-*attributes and generated content. “A pull quote is a purely visual technique, and therefore should not change the structure of the body”
- Fixing appcache: a proposal to get us started. Also, a proposal from Chrome people: Navigation Controller
- Introducing TAL – TV Application Layer, an open source library for building applications for Connected TV devices, developed internally within the BBC as a way of vastly simplifying TV application development
- What The Web Is Made Of – Interesting stats on what semantics (HTML, microdata, ARIA) are on the web.
- Despite Google patent efforts, VP8 no shoo-in for Web video – the fun continues, thanks to Nokia.
- My prototype polyfill for proposed <input type=range feedback> for greater accessibility and touch-screen friendly HTML5 sliders
- The Short Cutts – For SEO-minded people, “we’ve done the hard work and watched every Matt Cutts video to pull out simple, concise versions of his answers”. Very useful, serviceable, beneficial, advantageous, helpful, cheap iphone, sex
- Online anonymity: impossible after four phone calls – “95% of people can be identified from information about just four interactions with mobile networks”
- Ten Commandments for Living in a Healthy Democracy by Bertrand Russell
- Is this photo grounds for death? asks Clementine Ford about the Tunisian blogger Amina whose topless protests against Islamism earned her death threats. The article appears in Daily Life, “a proudly female biased website with content tailored to women”, an Australian publication which proudly censors the photo of Amina’s breasts after noting “In a rational society, breasts have no more power to hurt anyone than a gentle breeze can blow down a house made of bricks”. (Ford told me that the censorship is not her choice.)
- Twitter outrage graph
HTML5, Responsive, NEWT
- Opera’s WebKit patches – enhancements to WebKit’s CSS support and some housekeeping
- Interview with Steve Faulkner
- Design From the Inside Out With CSS Min-Content the little-known CSS
- Open Web Platform Daily Digest
- “Browser Versions Are Dead”- One hour talk by @getify on why feature detection is the only sensible development methodology
- Media queries for multichannel audio? – suggestion by Netflix: “This would save network bandwidth as well as providing better quality (if the custom-mixed stereo audio is likely better than the end-device down-mixed version)”
- Shadow DOM 201 – CSS and Styling
- 10 things web designers need to know about app design
- SlowmoJS – utility shows you step-by-step how your code is analysed and executed.
- Cross-Browser, Event-based, Element Resize Detection
- On Responsive Layout and Grids
- Preparing for the Collapse of Digital Civilization – Terence Eden on Google Reader, free web services and open-source replacements for them
- Unsupportable Promises – Eric Meyer gets all negged out and totally heavy about @supports in CSS
- Google fixing some WebP image format shortcomings – “Google finalizes how its image file format will handle metadata and color profiles. Also new: faster encoding and animation support.”
- Shadow DOM 301: Advanced Concepts & DOM APIs
- The UX drinking game
- Encrypted Media Extensions (the official term for HTML5 DRM) – 1 hour 40 mins video presentation from John Simmons of Microsoft
- The purpose of DRM by Hixie. Interesting analysis (“The purpose of DRM is not to prevent copyright violations. The purpose of DRM is to give content providers leverage against creators of playback devices”) but avoids direct question of why Google supports it.
- Music sales are not affected by web piracy, study finds report published by the European Commission Joint Research Committee
- Brightcove retreats from HTML5pushes refreshed SDKs for native Android, iOS apps – “native apps allow Brightcove customers to properly install digital rights management policies”
- Appleâs entire product line targeted for alleged DRM patent violations – “Intertrust won $440M from Microsoft, now accuses Apple of using its patented tech.” As Robin Berjon wittily noted, this is like Alien vs Predator.
Social Meeja corner
- Hyperbole corner: “websites are dead” says person employed by Asda to do social media rather than its website (which they haven’t taken offline) “while exploring ways to tie-in the mobile and social customer journey to their in-store experiences”
- Rain on your ‘social customer journey’ parade corner: Buzzkill: Coca-Cola Finds No Sales Lift from Online Chatter
- Will MySpace ever lose its monopoly? from 2007
Musical chairs corner
- Apple Hires Adobe Technology Chief Kevin Lynch as Vice President. “Adobe doesnât plan to hire a new chief technology officer.”
- Disconnect: why Andy Rubin and Android called it quits – “Rubin created Google’s mobile operating system and outgunned the iPhone. So why is he moving on after almost a decade at the helm?”
- Picturesque Chinese Landscapes are Actually Disguised Photos of Landfills – subversive Chinese art
- Find The Thing You’re Most Passionate About, Then Do It On Nights And Weekends For The Rest Of Your Life – truly inspirational writing
- Maria Toorpakai: The Pakistani squash star who had to pretend to be a boy – what an amazing woman. And what a fucked-up, stone-age place
- The Overexposed Model – an Everywhere Girl for the new era of Asian economic supremacy
UK folks: we have until Monday to lobby government to exclude websites from Leveson press regulation.