- Flexbox: changes since the previous spec
- Don’t use <picture> (most of the time) by Jason Grigsby. TL;DR: if you just want resolution switching (smaller image to non-“retina” devices, big image only to high-dpi screens), just use
<img src="lores.jpg" srcset="hires.jpg 2x">
- Using ServiceWorker in Chrome today and, indeed, other Chromium browsers. Excellent article by Jank Architect.
- Better @font-face with Font Load Events by Zach Leatherman
- The initial work for Manifest in Chromium M39 is done, and will hopefully be in Firefox OS 2.2. (Explainer article.)
- A Greater Voice for Individuals in W3C: Tell Us What You Would Value
- Primary Key issue on iOS8 implementation of IndexedDb. “when you have two different object stores in the same indexeddb, primary key values appear to be “shared” across all stores.” hurray.
- Accessibility issues with html5 <footer>: not exposed; should be exposed with an IA2 footer role and xml-roles/implicit aria role of contentinfo in some circumstances – fixed in Chromium.
- Brum Tech Scene – That nice @sil came round to my house and videoed me answering his questions about the Birmingham tech scene and biscuits.
- When can a High Court grant an injunction to trade mark holders against ISPs to block access to “infringing” websites? – Open Rights Group on an important test-case
- Support the independents “If you use a product that has a free version and a paid version, paying out for that “pro” or commercial license even if perhaps you could get away with not doing so, puts cash into the company, helps to ensure the survival and development of the product” says Rachel Andrew.
- LULZ: “JSONx is an IBM® standard format to represent JSON as XML.” – for those who want the joys of JSON with the piquant frisson of XML. Who doesn’t?
- EXTRA LULZ: Even Apple didn’t want my iPhone 6 Plus – unusual satire piece from The Verge, spoofing a cryPhone user whose emotional rollercoaster (caused by the new device being slightly bigger than his other one, which is why he bought it) culminates with the hilarious “I spent all this money on something that I thought would make me happy, and instead I felt like trash”. Genius.
Archive for the 'reading list' Category
- Web Components punch list – “Considerations for web component and custom control design: If your control has the stuff below covered, excellent! If not then please implement it before shouting to the world about it being the next big thing.” by Steve Faulkner
- Brum Tech Scene – On Monday, Stuart Langridge launched a series of interviews and conversations with interesting people doing interesting things in the Birmingham tech community. First is Simon Jenner, Head of Oxygen Startups and co-founder of Silicon Canal. He videoed me, too; coming soon.
- Who is “Joe Developer”? asks @johnfoliot. The background is the “living standards” vs “W3C snapshot” holy war. It’s a good question.
- What next for HTML? – now HTML5 is a W3C Proposed Recommendation, how should the language be further developed? Put your questions to editor Robin Berjon for an HTML5 Doctor interview
- The URL mess on the competing standards for defining how URLs work, by Larry Masinter
- Chromium: Web Application Manifest implementation chugs along (@marcosc & I wrote an explainer)
- All You Need To Know About Vertical-Align – “vertical-align can be a real scumbag sometimes. I set myself the target to clarify the behavior once and for all”
- Opera Mini to be pre-installed on all upcoming Micromax Android devices available in India, Russia, Bangladesh, Sri Lanka and Nepal
- Getting Started with Sass by Laura Kalbag
- iOS 8 and iPhone 6 for web developers and designers: next evolution for Safari and native webapps – they kept it quiet, but there’s a new phone and OS from FruitCo. Maximiliano Firtman does some testing so you don’t have to.
- Life Changed Much? – “Occasionally, new technology changes lives. But mostly it doesn’t.” by Tim Bray
- Chromium: <picture> nearly ready for the debutate’s ball – so coming soon in Opera, Chrome and Firefox too. Yay.
- Apple’s formal objection to reintroducing longdesc to HTML. Among accessibility consultants, opinion is divided. Patrick Lauke and Steve Faulkner tend to agree with Apple; John Foliot and Shelley Powers don’t. I agree with Steve.
- Whither Pointer Events? Browsers, Developers and Pointer Events Meeting Notes – Blink: “If we had Apple on board with PE, we’d still be on board too. The equation has shifted for us.” So Pointer Events wither?
- Google’s retreat on Pointer Events makes life harder for web developers. Yup.
- goog Prefixed Features – Blink-dev discussion about an API
googVendor Prefix which only works some of the time in Chrome (1% of Chrome starts, randomly, according to Tab Atkins.)
- Fortune 500 firms in 1955 vs. 2014; 89% are gone, and we’re all better off because of that dynamic ‘creative destruction’ – 89% of 1955 Fortune 500 companies are gone. This is why the Web & codecs should never be in the hands of one company.
- Opera: Second quarter 2014 presentation (PDF) – 100 million Android users (most in India, followed by China, Indonesia, Russia and Mexico), 4 million iOS (up 30% year on year), Opera Mini now default on Microsoft’s feature & Asha phones, pre-installed on all Micromax Android devices (India)
- Opera Mini for Android delays large downloads until you’re on WiFi – ” Opera Mini detects if you are downloading a file that is larger than 15MB, then asks if you want to download it now or wait until you are on WiFi. Later, when you get to your favorite coffee spot and connect to WiFi, Opera Mini will resume the download and notify you when it’s all done.”
- 10 Questions: Lars Boilesen, CEO, Opera – Fortune magazine. “We at Opera want to help ensure that this industry is not dominated by a few large players. We want to secure the industry by being an independent player.”
- Fibonacci Flexbox Composer
- 0.25% of page views click on the Twitter or Facebook share buttons on Web pages says Luke Wroblewski. Is it worth the potential performance hit of such buttons?
- Preloading and deferred loading of scripts and other resources – @Hixie writes an email longer than War and Peace
- Most smartphone users download zero apps per month. Once you have social media, Spotfify, Skype, maps and a fart app, what more do you need?
- A Magna Carta for the web – Timbo’s TED talk to celebrate 25 years of the Web.
- A failed experiment: How LG screwed up its webOS acquisition – “LG had a policy in place to reward managers with bonuses or even promotions if their features were part of the final product. The result was a constant feature bloat, as everyone tried to add on one more thing.”
- The <picture> Tag Is Coming – what happened when Reddit users heard about responsive images. lulz. and omg.
Standards ‘n’ all that jazz
- HTTPS as a ranking signal – Secure sites to be ranked better in Google search results. Related Mozilla discussion: Switch generic icon to negative feedback for non-https sites. As I recently had to get a new credit card sent to me after inadvertently buying a ticket for Sagrada Familia over non-secure HTTP (on the official site), I like the Firefox idea.
- After 5 – “As we approach the point at which HTML5 will become a Recommendation, it is time to think about how HTML would best be handled next.” by Robin Berjon of W3C
- W3C Workshop on the Web of Things – Workshop report
- The Viking & The Lumberjack celebrate the Americans with Disabilities Act’s 20th/24th/25th Anniversary
- Apple objects to an HTML extension for longdesc. In March 2011 I wrote “if I read any more about bloody longdesc in #html5 I’m gonna set fire to my scrotum”. Bloody longdeZzzc.
- Understanding SVG Coordinate Systems & Transformations (Part 3) – Establishing New Viewports by @SaraSoueidan is (er) egg-cellent.
- User-agent string changes for Internet Explorer 11 – the fun continues.
- Looking for a Job? How’s Your COBOL? – “salaries for COBOL programmers are going up. The salary for top talent can reach six figures”
- Slug Solos – “Some guitarists’ solo faces look like they’ve just realised they’re holding giant slug creatures”.
- Meanwhile, on Craigslist, “You Farted During “Boyhood”“
French joke corner
Heard about the French chef who killed himself? He lost the huile d’olive.
“Coders and hackers, ready to change the world, and the hackathon is the perfect place. But things don’t always go as planned…” by @ourmaninjapan
Standards and tech
- reference for whether changing any given CSS property triggers layout, paint or composite by Paul Lewis
- The Web Manifest specification – HTML5 Doctor article by me and Mozilla’s Magical Mr Marcos. It’s an important spec, and a brilliantly witty article full of poetry and erudition.
- Let’s Talk About RTL – a useful guide to making sites with Arabic, Persian and Hebrew text by Ahmad Alfy
- W3C Web Payments – an overview Manu’s actually responding to the Bad Voltage podcast discussion, but even outside that context, this is an excellent overview of the initiative. Scroll down for more comments from Stuart Langridge and yours truly, too.
- filing bugs – Steve “Bogan” Faulkner’s shit is solid in this article about how to file browser bugs
- Understanding SVG Coordinate Systems & Transformations (Part 2) – The transform Attribute by Sara “no sleep til I’ve explained EVERYTHING” Soueidan
- How we make RWD sites load fast as heck by Scott Jehl. Long, detailed, excellent read.
- The Accessibility Tree: A Training Guide – “a single comprehensive explanation of what these layers of accessibility are, and how developers can recognize them during the process of development”
- An Alphabet of Accessibility Issues – a human, humane listing of people not disabilities by @kirabug
- From the Department of “No shit, Sherlock”, The Majority Of Today’s App Businesses Are Not Sustainable
- Why the Security of USB Is Fundamentally Broken – “These problems can’t be patched. We’re exploiting the very way that USB is designed.”
- Animals Sitting on Capybaras – you’ll never guess what this is about.
- New law in Russia: bloggers with more than 3,000 daily readers must register with the mass media regulator (BBC)
- Blasphemy in the Digital Age – Mapping the cases in Pakistan where people have been accused to have committed ‘blasphemy’ on the Internet.
Lonely hearts’ corner
Readers who are single may find this 80s dating video helpful. Invite me to the wedding, please.
- 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.
- “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.”