Adactio: Links Hyperlinks hand-picked by Jeremy Keith, an author and web developer living and working in Brighton, England. en https://adactio.com/links/ jeremy@adactio.com (Jeremy Keith) jeremy@adactio.com (Jeremy Keith) Adactio: Links https://adactio.com/links/ https://adactio.com/images/rssbutton.gif 88 19 traintimes.org.uk performance notes https://traintimes.org.uk/notes/performance I love, love, *love, traintimes.org.uk—partly because it’s so useful, but also because it’s so fast. I know public transport is the clichéd use-case when it comes to talking about web performance, but in this case it’s genuine: I use the site on trains and in airports.

Matthew gives a blow-by-blow account of the performance optimisations he’s made for the site, including a service worker. The whole thing is a masterclass in performance and progressive enhancement. I’m so glad he took the time to share this!

adactio.com/links/12337

]]> Fri, 26 May 2017 16:32:45 GMT https://traintimes.org.uk/notes/performance performance speed traintimes trains serviceworkers progressive enhancement javascript jquery frontend development http2 The Apophenic Machine — Real Life http://reallifemag.com/the-apophenic-machine/

To navigate the web is to beat a path through a labyrinth of links left by others, and to thereby create associative links yourself, unspooling them like a guiding thread onto a floor already carpeted with such connections. Each thread of connection is unique, individualized: everyone draws their own map of the network as they navigate it.

adactio.com/links/12332

]]> Wed, 24 May 2017 16:52:04 GMT http://reallifemag.com/the-apophenic-machine/ apophenia links networks web patternmatching conspiracy paranoia interconnectedness intertwingled politics pizzagate Learn CSS Grid - A Guide to Learning CSS Grid | Jonathan Suh http://learncssgrid.com/ A quick visual guide to CSS Grid properties and values.

adactio.com/links/12322

]]> Tue, 23 May 2017 16:08:58 GMT http://learncssgrid.com/ css grid guide layout properties values syntax design frontend development Service Worker Security FAQ - The Chromium Projects https://dev.chromium.org/Home/chromium-security/security-faq/service-worker-security-faq Got questions about the security of service workers? This document probably has the answer.

adactio.com/links/12321

]]> Tue, 23 May 2017 16:06:27 GMT https://dev.chromium.org/Home/chromium-security/security-faq/service-worker-security-faq serviceworkers security offline faq frontend development browsers apis Amber Wilson: IndieWebCamp https://amberwilson.co.uk/blog/indiewebcamp/ Amber’s report from Indie Web Camp Nuremberg last week. I was blown away by how much she got done in one day.

adactio.com/links/12319

]]> Tue, 23 May 2017 12:44:17 GMT https://amberwilson.co.uk/blog/indiewebcamp/ indiewebcamp nuremberg event indieweb JSON Feed: Home https://jsonfeed.org/ RSS isn’t dead, but it has metamorphosed into JSON.

I don’t know if syndication feeds have yet taken on their final form, but they’re the canonical example of 927ing.

Anyway, I’ve gone ahead and added some JSON feeds to adactio.com:

adactio.com/links/12318

]]> Tue, 23 May 2017 10:48:35 GMT https://jsonfeed.org/ jsonfeed syndication format rss json atom standards spec Evaluating Technology – Jeremy Keith – btconfDUS2017 on Vimeo https://vimeo.com/217697727 I wasn’t supposed to speak at this year’s Beyond Tellerrand conference, but alas, Ellen wasn’t able to make it so I stepped in and gave my talk on evaluating technology.

adactio.com/links/12317

]]> Tue, 23 May 2017 00:23:43 GMT https://vimeo.com/217697727 vimeo video evaluating technology conference btconf frontend development tools history Are we making the web too complicated? | Seldo.Com Blog http://seldo.com/weblog/2017/05/21/are_we_making_the_web_too_complicated Laurie Voss on the trade-off between new powerful web dev tools, and the messiness that abusing those tools can bring:

Is modern web development fearsomely, intimidatingly complicated? Yes, and that’s a problem. Will we make it simpler? Definitely, but probably not as soon as you’d like. Is all this new complexity worthwhile? Absolutely.

I agree that there’s bound to be inappropriate use of technologies, but I don’t agree that we should just accept it:

Are there some people using a huge pile of JavaScript and a monstrous build chain to throw together a single-pager web site with one box that collects an email address? For sure. And that’s silly and unnecessary. But so what? The misuse of technology does not invalidate it.

I think we can raise our standards. Inappropriate use of technology might have been forgivable ten years ago, but if we want web development to be taken seriously as a discipline, I think we should endeavour to use our tools and technologies appropriately.

But we can all agree that the web is a wonderful thing:

Nobody but nobody loves the web more than I do. It’s my baby. And like a child, it’s frustrating to watch it struggle and make mistakes. But it’s amazing to watch it grow up.

adactio.com/links/12314

]]> Mon, 22 May 2017 09:50:02 GMT http://seldo.com/weblog/2017/05/21/are_we_making_the_web_too_complicated evaluating technology frontend development tools process workflow javascript libraries frameworks standards complexity Evaluating Technology | Calum Ryan https://calumryan.com/learning/evaluating-technology/ Calum’s write-up of the workshop I ran in Nuremberg last week.

adactio.com/links/12313

]]> Mon, 22 May 2017 09:43:40 GMT https://calumryan.com/learning/evaluating-technology/ evaluating technology workshop nuremeberg event collaboration Notes From An Emergency http://idlewords.com/talks/notes_from_an_emergency.htm

But real problems are messy. Tech culture prefers to solve harder, more abstract problems that haven’t been sullied by contact with reality. So they worry about how to give Mars an earth-like climate, rather than how to give Earth an earth-like climate. They debate how to make a morally benevolent God-like AI, rather than figuring out how to put ethical guard rails around the more pedestrian AI they are introducing into every area of people’s lives.

adactio.com/links/12297

]]> Fri, 19 May 2017 16:33:28 GMT http://idlewords.com/talks/notes_from_an_emergency.htm politics power technology duopoly facebook google microsoft apple amazon europe america resistance Further notes on scenius http://austinkleon.com/2017/05/12/scenius/ Austin Kleon expands on Brian Eno’s neologism “scenius”:

Genius is an egosystem, scenius is an ecosystem.

adactio.com/links/12296

]]> Fri, 19 May 2017 16:05:53 GMT http://austinkleon.com/2017/05/12/scenius/ scenius genius cooperation hierarchy egosystem ecosystem brianeno Presentation: Accessibility in a Responsive World, A11Y Days 2017 https://www.filamentgroup.com/lab/accessibility-funka.html There are some great hands-on accessibility patterns in this talk transcript from Scott.

adactio.com/links/12295

]]> Fri, 19 May 2017 15:08:13 GMT https://www.filamentgroup.com/lab/accessibility-funka.html talk presentation transcript accessibility a11y frontend development responsive ui aria Style Guide Guide | Style Guide Guide http://bradfrost.github.io/style-guide-guide/ If you want to understand the thinking behind this style guide guide, be sure to read Brad’s style guide guide guide.

adactio.com/links/12290

]]> Thu, 18 May 2017 09:00:13 GMT http://bradfrost.github.io/style-guide-guide/ styleguides patterns interface ui library design frontend development styles Mavo: A new, approachable way to create Web applications http://mavo.io/ A really interesting new project from Lea that aims to put dynamic sites within the reach of everyone. The emphasis is on declarative languages—HTML and CSS—no JavaScript knowledge required.

Lea has also written an introductory article on Smashing Mag.

adactio.com/links/12289

]]> Thu, 18 May 2017 08:57:01 GMT http://mavo.io/ mavo dynamic editor editing static declarative code frontend development It’s not working! Should I blame caching? http://shouldiblamecaching.com/ Finally, the answer to one of the two hard questions in computer science.

adactio.com/links/12288

]]> Thu, 18 May 2017 08:55:10 GMT http://shouldiblamecaching.com/ caching cache funny Why Fast Matters // Speaker Deck https://speakerdeck.com/csswizardry/why-fast-matters Slides from Harry’s recent talk on performance.

adactio.com/links/12287

]]> Thu, 18 May 2017 08:54:03 GMT https://speakerdeck.com/csswizardry/why-fast-matters slides speakerdeck performance speed fast frontend development Article Performance Leaderboard https://projects.hearstnp.com/performance/ Oh, I like this! A leaderboard of news sites, ranked by performance.

I’d love to see something like this for just about every sector …including agency websites.

adactio.com/links/12264

]]> Tue, 16 May 2017 07:26:37 GMT https://projects.hearstnp.com/performance/ performance leaderboard news articles speed publishing ngrok - secure introspectable tunnels to localhost https://ngrok.com/ This looks like a useful tool, not just for testing locally-hosted sites (say, at a device lab), but also for making locally-hosted sites run on HTTPS so you can test service workers.

adactio.com/links/12241

]]> Sun, 14 May 2017 07:39:17 GMT https://ngrok.com/ ngrok localhost https testing tunnel development The cost of change | The White Site http://thewhitesite.co.uk/journal/the-cost-of-change/ Ben points to a new product aiming to ease the pain of connected devices bumping up against the harsh realities of shearing layers:

By exposing the ‘hardwiring’ of our electrical systems, Conduct emphasises how much we rely on existing systems to power our ‘new’ technology – the rate of change and advancement in our traditional technologies moves at a much slower pace than our mobile app-based world and there are physical limitations as a result of this hardwired legacy.

I am—unsurprisingly—in favour of exposing the seams like this.

adactio.com/links/12238

]]> Fri, 12 May 2017 14:06:19 GMT http://thewhitesite.co.uk/journal/the-cost-of-change/ hardware iot infrastructure wiring electricity pacelayers shearinglayers buildings conduct Uncensorable Wikipedia on IPFS https://ipfs.io/blog/24-uncensorable-wikipedia/ I think this might be the first large-scale practical demonstration of the InterPlanetary File System: routing around the damage of Turkey’s censorship of Wikipedia.

adactio.com/links/12237

]]> Fri, 12 May 2017 14:02:56 GMT https://ipfs.io/blog/24-uncensorable-wikipedia/ ipfs wikipedia decentralisation censorship