- Responsive Images: Use Cases and Documented Code Snippets to Get You Started by Andreas Bovens
- Ten CSS One-Liners to Replace Native Apps a look at some current and proposed CSS (Further comments on Hacker News), by Håkon Wium Lie (disclosure: my CTO). CSS multi-column is already implemented; there is a Blink-dev thread on Intent to Implement: CSS Figures.
- Navigation Transitions Specification – apply a stylesheet to a page when leaving it for another page. Initially I thought this rather gimmicky, but it’s useful in making web UX closer to “native”
- WebVTT Released in Firefox 31 – and the web just got a little more accessible.
- You May Be Losing Users If Responsive Web Design Is Your Only Mobile Strategy by Maximiliano Firtman. Food for thought, although I’m not sure I agree with all his conclusions.
- How I Got The UK Government To Adopt ODF by Terence Eden. Yay, open formats.
- W3C Web Payments Activity Update – “we believe that we have now the critical mass… We will now start the formal W3C process”. If I were worked for a bank, I’d be watching this; better to be disrupted by the web and be a big, incumbent player with a hand in guiding it all.
- Verizon Says It Wants to Kill Net Neutrality to Help Blind, Deaf, and Disabled People .. riiight..
- 10 Tricks to Appear Smart During Meetings
- 31 Adorable Slang Terms for Sexual Intercourse from the Last 600 Years – I think that “Fadoodling” (1611) should be immediately re-instated. However, I’m not sure that “join giblets” counts as “adorable”.
- Hot summer could wipe out Goth population, experts warn – very alarming.
Archive for the 'reading list' Category
- “Intent to ship” status applied to the <picture> element in Chromium – HUZZAH!
- <picture> element completed in Firefox Nightly – HURRAY!
- Responsive images:
sizesnow in WebKit nightly (but will Apple turn it on in Safari?)
- m. sites, or responsive sites – which is faster? – “RWD sites can indeed compete with m dot sites in terms of load time”
- Google: Promoting modern websites for modern devices in Google search results – “Starting today, we will indicate to searchers when our algorithms detect pages that may not work on their devices.”
- Clipping in CSS and SVG – The clip-path Property and <clipPath> Element by Sara Soueidan
- Understanding SVG Coordinate Systems & Transformations (Part 1) – The viewport, viewBox, & preserveAspectRatio, also by Sara
- Installing Opera Mini on Your Computer – testing in Opera Mini without a Java featurephone
- <dialog> element demo – HTML has native dialogs, that are keyboard accessible, and don’t require JS focus management or fragile z-index mucking around
- HTML Table Generator
- UK broadband not fit for purpose, says business group (BBC)
- GOV.UK design patterns – “A wiki for people working on GOV.UK services to discuss GOV.UK design patterns and share ideas and experiences. Contributions from other designers welcome.”
- How to Secure your WordPress Website
Bonus video content!
“My job is to make sure that the web wins” – The Awwwards people interviewed me and my extra chins in Paris in February.
- Grid Style Sheets – “GSS reimagines CSS layout & replaces the browser’s layout engine with one that harnesses the Cassowary Constraint Solver — the same algorithm Apple uses to compute native layout”. Imagine if this were not a polyfill, but baked into the browser, with normal CSS as a fallback.
- CSS will-changeプロパティについて知っておくべきこと – Japanese translation of Sara Soueidan’s CSS will-change article
- Net neutrality: what it is and why you should care (in comic – ahem, “graphic novel” – format)
- Resource Hints – draft spec defines preconnect, preload, prefetch, and prerender hints that the developer, or the server generating or delivering the resources, can use
to optimise performance
- Unfashionably profitable – Rachel “Grandma” Andrew explains why her successful business relies on PHP rather than something cool.
- Web 2024 – A response to Robin Berjon’s post – Mozilla’s Magical Mr Marcos Manifest dabbles in dystopian standards visions.
- Native Versus Web: A Moment In Time – “the web represents independence from platform owners. It offers incredible freedom to build what you to want build, and to ship when you are ready to ship, without any gatekeepers.”
- Pinboard Turns Five – “I enjoy the looking-glass aspect of our industry, where running a mildly profitable small business makes me a crazy maverick not afraid to break all the rules.”
- Bad Voltage podcast – “an amusing take on technology, Open Source, politics, music, and anything else we think is interesting”
- School aged children who were lied to were more likely to lie and cheat themselves. via the Useful Science blog
- Lettuce See the Future: Japanese Farmer Builds High-Tech Indoor Veggie Factory – veg grows 2.5 times faster, waste down from 50% to 10% of harvest, water usage to just 1 percent of the amount needed by outdoor fields
- Song: The Ballad of the Printer ♪ by the inimitable @ourmaninjapan
- HTMLHint is a Static Code Analysis Tool for HTML, you can use it with IDE or in build system.
- Web 2024 – interesting speculation from HTML5 co-editor and W3C’s VP of Imagineering, @robinberjon
- getting touchy – an intro to touch and pointer events by @patrick_h_lauke (Slides)
- Manual Opera Install Instructions – If Opera for Linux isn’t available on yr distro yet, @ruari wrote this unofficial guide to manually install it
- Forced Resignation – more drama in TAGville: Alex Russell resigns, invites W3C’s Blackwater-contractor security guards to bar him from meets, then chains himself naked to the CSS spec.
- Facebook and the button of happiness – by @sil
- Pixels are expensive – “How pixels get onto your users’ screens is something you should know about” says Google’s Paul Lewis
- IndexedDB is finally something by Tomomi Imura (Open Web advocate and front-end engineer)
- Structuring, Grouping, and Referencing in SVG – The <g>, <use>, <defs> and <symbol> Elements by Sara Soueidan
- Takeaways: main opportunities for further collaboration – the four U.S. browser vendors (each of which also makes a phone OS) got together to discuss the web platform. Yay. But Blink and WebKit decide that Pointer Events smell. Boo.
- Chromium: Remove
position:sticky– but do not fret, my sticky-lovin’ chums; it’ll be back “Once we’ve got our scrolling and compositing house in order”
- Google I/O 2014 – Bridging the gap between the web and apps – 48 min video of Jank Architect and Lexii Russell explaining Service Workers. (Don’t miss Jank’s extraordinarily frank admission at 21 min 20 secs).
- Android, Android, Android: watch Google I/O 2014 in under nine minutes
- I/O Thoughts – write-up of Google I/O conference from an iOS developer.
- Beautifully illustrated children’s books which break social norms – a kickstarter to raise £6000 by author and computer book publisher Amie Lockwood. “when was the last time you read a children’s story where the mother ran her own business; the father was the primary caregiver; there were children in wheelchairs; there were multi-racial households; there were same-sex parents or single parents”
- Inspirational fitness quotes superimposed over images of people getting drunk
Being a compendium of links that I’ve read, or tweeted, gathered together for those who don’t hang around on twitter all day. Inclusion here doesn’t imply endorsement, just that I found it useful or interesting.
Standards ‘n’ Stuff
- Here’s the <picture> element, all grown up and looking so slinky in a mint-green WHATWG spec and matching tiara
- and HTML5 is on the way to recommendation, says W3C
- Proposal: <img autorotate> honours orientation metadata in the image (e.g. EXIF)
- The Web Ahead episode 74: HTML Semantics with Bruce Lawson – turn off Beyoncé, Beiber or Britney – listen to Bruce for an hour!
- Deconstructing the standard photo carousel into general-purpose web components – regardless of your feelings on carousels, this is a good read on the purpose of web components: “build bigger things from smaller things”
- html5-h custom element by Steve Faulkner is a web component to replace <h1>-<h6> and implement the proper HTML5 document outline. Interesting stuff; web components as a way to smooth around broken implementations.
- Use Cases and Requirements for Element Queries – Element Queries are like Media Queries, but on their container, not viewport.
- Adding captions and subtitles to HTML5 video by Ian Devlin and Chris Mills
- SVG 2 – Implicit ARIA Semantics
- CSS Working Group: Call for consensus: adding ‘rebeccapurple’ color to CSS Color Level 4 in memoriam Rebecca Meyer
- More from The Mighty Steve Faulkner: HTML5 accessibility implementation support in browsers
- Fuzzy anchoring – another proposal for a method to link to arbitrary places in a document you don’t control. See also Using CSS Selectors as Fragment Identifiers by Simon St Laurent and Eric Meyer (disclosure: I reviewed an early draft of this proposal). I want something like this, but there’s little interest in the standards groups, I think.
- New Opera for Android – Tap and swipe to manage your tabs, choose your browser layout.
- FUD corner: Why businesses should use caution with HTML5-based mobile apps – because developer error can introduce vulnerabilities. And, of course, correct them much faster on the web than waiting for someone to download a new version of your app.
Misc (no LULZ)
- The disruption machine: What the gospel of innovation gets wrong
- Dear Marc Andreessen – “If our industry stops painting anyone who questions our business models as Luddites and finds creative ways to build products and services that sustainably address real needs, maybe we can hold on to the receding myth of triumphal disruption.”
- The Internet Is Not a Safe Space – “Dissenting opinions won’t do. Dissenting opinions are violence.”
- Opera and Chrome to have ship <picture> imminently, RICG beginning work on Element Queries
- Opera reaches 1024 upstreamed Blink patches Team celebrates in sauna with fermented moose milk (“Ringnes”)
- It looks like Manifest for web application is gonna be, like, literally, a thing. It’s already in Firefox OS, Opera likes it, and Alex Russell – sounding like an enthusiastic estate agent with his breathless talk of “window decorating” & “exit extents” – gave it a yay from the Chrome team.
- W3C HTML JSON form submission – W3C draft spec
- A high-profile fork: one year of Blink and Webkit – ” a look at the Blink/Webkit fork one year later: how have the projects diverged, who is driving them, and what are they up to?”
- Looking at Russian market? Blink-based Opera is default on Huawei’s Android smartphones & tablets shipped to Russia.
- Everything You Need to Know About the CSS will-change Property by Sara Soueidan
- The CSS ‘will-change’ property; odd solution to an odd problem. by Matt Wilcox
- What is WAI-ARIA, what does it do for me, and what not? by Marco Zehe, a Firefox accessibility engineer and screenreader user
- HTTP Archive – new stuff! – See trends in what the web is made of: “The HTTP Archive crawls the world’s top 300K URLs twice each month and records detailed information”.
- Getting Started with Gulp – the newest kewlest task runner thingie since Grunt became sooooo last Thursday
- Amazon, Hachette, And Giant Stompy Corporations – a post about book publishing, monopolies and culture. “Do not be married to a single ecosystem. Fuck the monoculture”
- Tubes: part of the mission to JSify everything, @dglazkov works on Web Platform Plumbing (henceforth, plz call me “Sugar Layer”)
- Oh! You Kid! How a sexed-up viral hit from the summer of ’09—1909—changed American pop music forever
A small reading list this week, due to there having been a bank holiday this week, and my pre-occupation with being a snot factory.
- Women talk design – Women Speakers for Your Next Conference
- Update and call for review. HTML manifest spec for offline apps v1 is published. Implementing in Gecko, Blink. “Devs and implementers, please let us know which V2 features should be prioritized.”
- Getting to know CSS Blend Modes – “CSS Blend Modes provide a way to specify how one layer will interact or “blend” with the one underneath. Until now, this was the domain of photo editing applications, but now they are available on the web using CSS itself!”
- Is Service Worker ready? – no. But Jank Architect has a useful page showing the implementation status of all the pieces needed to get to offline app utopia.
- There are more mobile-optimized sites than ever. So why are mobile pages getting bigger? – some interesting stats but no answer to the question asked
- Hacking with Unicode – presentation by Mathias Bynens, with a pile of poo on the astral plane. (Slides)
- Setting up a secure website with HTTPS and SPDY support under nginx on a Raspberry Pi by Matt Wilcox. The joys of setting up HTTPS can be everyone’s when Service Workers hit the streets
- the case against sharing – an interesting article “on access, scarcity, and trust” the commits the common mistake (made by San Franciscans) of thinking San Francisco is the whole world.
My artisan-curated organic bank holiday reading list. There will be a test on Tuesday.
- A comparison of various features and APIs across mobile platforms
- Responsive Images Done Right: A Guide To <picture> And srcset
- Summary of drop-caps/initial-letters discussion – CSS Working Group
- Service Workers: Supporting HTTP? “We will not support non-secure connections. Closing.”
- Script-injected “async scripts” considered harmful by Ilya Grigorik (Google)
- A More Compatible, Smoother Touch (HTML5 rocks)
- Revenge of the brochureware billboard designers – “Organizations can’t resist broadcasting when customers just want to get something done.”
- Web Wishes (Unofficial Draft) – “This specification defines a mechanism for Web applications to register themselves as being able to handle certain specific types of services (“grant wishes”) with a user agent.”
- What the fuck is my wearable strategy? – an artisan-curated strategy at your fingertips
- Mozilla add HTML5 DRM, sadly but inevitably – The most sensible and measured response to Mozilla’s DRM announcement I’ve read, by Stuart Langridge, whose Open Source credentials are unquestionable.
- On the security problems of EME (DRM in browsers) by Sergey Konstantinov (@blogovodoved). Sergey is a Yandex rep on TAG but this isn’t a formal TAG document.
- Service Worker – first draft published by Jank Architect. If I could snog an article this week, it’d be this one…
- …and this one: An Introduction to IndexedDB by @webinista – so epically good, even I can understand it.
- I’d slow dance and smooch with Figuring Out Responsive Images by Chris Coyier, too.
- A <picture> perfect problem – “Been using <picture> polyfill for the first time. It’s good, but needs to be used wisely. Here are some thoughts” thinks Matt Wilcox
- Don’t Wait on Responsive Images – “The tools are there now. Let’s use them” by Tim Kadlec
- How fast is PDF.js? – MozHacks article about Opera and Mozilla collaborating to make PDF.js faster. It’s good fun collaborating with Google et al on Blink, Moz on PDF.js and contributing to WebKit too.
- HTML as Custom Elements “Custom Elements is a bedrock API. We should be able to build all HTML elements with it.” (Should we? Why?)
- Web Components: How should I name my element? (answer isn’t “Malcom or Fatima”, sadly.)
- The Designer’s Guide to Working with SVG – Pt 1
- A Complete Guide to Flexbox – Chris Coyier
- RFC 7258: Pervasive Monitoring Is an Attack – “IETF puts a stake in the ground on pervasive monitoring. This is a big deal” (Tim Bray)
- Developers of Earth, Your attention please. Brian Kardell appeals for action in getting more developers on the W3C Advisory Committee
- Using WAI-ARIA in HTML (Editors draft)
- No more JS frameworks – “we need to build a future where we don’t need to learn the latest model of the newest framework, instead we just work directly with the platform”
- CSS Shapes Polyfill – by Adobe
- Chromium: No keyboard accessibility for the html5 video player – good to see this bug getting some investigation
navigator.hardwareConcurrencyis being implemented in Blink and WebKit. Polyfill.
- Which companies do most to protect your data from government requests? – Electronic Frontier Federation.
- “Two Sentences About Getting Older and Working on the Web – we all feel like this from time-to-time. (Don’t we?)
- 250 Buzzwords We Love To Hate by Carl Smith
If you use Opera, we’d really appreciate if you could answer a few questions about how you use tabs.
Sexy video of the week
Browser performance panel at Codemotion.it – Microsoft, Mozilla & “I’m Bruce from Opera, and my browser’s the fastest”.
- Burying the URL “Today, a Canary build of Google Chrome removed something kind of important from the browser: the URL.”
- Improving the URL bar by Jank Archibald (a Chromo Sapian)
- URLy warning by Jeremy Keith
- On Chrome hiding URLs to protect users from phishing – Remy Sharp
- Security changes in Opera 21 – on reworking of the Address field, to cope with some situations which could have caused confusion. (Opera 15-20 obscured some of URL, Opera 21 ships with a setting to always show it in full.)
- URLs are already dead by Nicholas Zakas. Some compelling arguments here.
- Some data: Does Domain Highlighting Help People Identify Phishing Sites? (PDF, 10 pages)
Facebook announced App Links, a “an open, cross-platform solution for app-to-app linking”.
- Facebook-backed spec lets apps link to other apps on mobes (“Look, ma, we’ve invented the web – only with no browser”)
- Bye-Bye Browsers: Why Facebook’s New App Links Are a Big Deal
- Related-ish: The ebb of the web by Boris Smus (Google) “By dropping the notion of THE WEB (singular), and ushering an era of specialized browsers, we can split our universe of devices into subsets and increase the baseline greatest common denominator.”
Other standards ‘n’ stuff
- Why Service Workers will be HTTPS only. I complained on Twitter that “This means devs must pay to use SW. Also feels like social engineering?“. Pascal Hartig replied “There are free playground services like GitHub pages that are served over HTTPS as well as free certificates.” Jake Archibald said, “Free certs are available (eg startssl.com/?app=1). As you can see from that thread, the decision was purely for security reasons”. However, setting up SSL isn’t trivial, opined Matt Wilcox.
- WebComponents.org – a place to discuss and evolve web component best-practices
- talking of Web Components, should we require the use of a hyphen in custom attributes of custom elements? Yes, in my opinion; as custom elements must have a hphen in the name, requiring a hyphen in custom attributes establishes a useful convention that means they won’t clash with future global attributes.
- Tips for Creating Accessible SVG by Léonie Watson. If I could snog an article, I’d snog this one.
- Inline SVG vs Icon Fonts by Chris Coyier
- The new srcset and sizes explained by Martin Wolf
- Moving Forward with CSS Shapes by Sara Soueidan
- Mozilla hacks: How fast is PDF.js? – Opera and Mozilla working together to display PDFs with web technologies, fast
- Is HTML Too Big To Fail? by Robin Berjon (HTML editor, W3C)
- Create Rich Web Typography With OpenType: Discretionary Ligatures & True Small Caps (a year old; new to me.)
- The Secret Messages Inside Chinese URLs – Decoding 4008-517-517.com
On October 4th 2013, YouTubers ‘Sophie Danze’ and ‘JilianlovestheBiebs’ had a conversation on the video ‘One Direction: That’s what makes you beautiful. The following is a reconstruction.”