I never blog these days, but I do find a lot on the web, so I’m going to try this out as a new format - part blog, part link list. Once a week max.
It’ll be unfocussed, comprised of anything that’s interesting me or on my mind at the moment: the web, guitars, bikes, life, etc. It is what it is.
Here we go.
Bishopthorpe Open Mic Night
This year, on the last Thursday of the month every month, I’ve been going down to Bishopthorpe Sports and Social Club and playing at their open mic night. I play guitar and sing - at the moment it’s covers of songs that I’m into at the moment. I keep trying to write some originals but I’m not making the time for it.
This month I played:
- Shame by the Avett Brothers (YouTube)
- How I got to Memphis by Tom T Hall (YouTube - from HBO’s The Newsroom)
- If We Were Vampires by Jason Isbell and the 400 Unit (YouTube)
- If I go, I’m going by Gregory Alan Isakov (YouTube)
I also played a duet with my good friend and long time musical cohort, Dave. We played ‘Dink’s Song’ - an old folk song featured in the film Inside Llewyn Davis (2013) - IMDb. That was fun. We weren’t as tight as I’d have liked but that’s something we’ll work on.
It wasn’t my first time at this gig so I’m a familiar face (they’d shuffled me and Dave into the last two slots as they knew we’re a safe (two) pair of hands. I was preceded, however, by newcomers to the Bish scene, Haxby Swango - SoundCloud. Talk about a hard act to follow. Jack (piano/guitar) and James (vocals/guitar) are two parts of the three piece electronic act who came down to try out some acoustic versions of their songs. I’m not sure Bishopthorpe Sports and Social Club was ready for their sound but I thought they were amazing, and James had the kind of stage presence that I definitely aspire to.
As they came off stage and I walked on to do my set, any swagger that I’d previously had drained out of me and nerves took hold, leading me to do the whole set hunched awkwardly over a microphone set too low.
Regardless, it was a good night and both mine and Dave’s performances went down well.
The Download Attribute:
This is something I didn’t previously know existed but I can think of many times in my career when I’d wished something like it existed. Turns out it does (but not in IE11 - natch).
From the https://frontendfoc.us/ newsletter:
Making use of the download attribute
The download attribute, when used on an anchor tag, will tell a browser to directly download the linked resource, rather than navigate to it. Here's how to put it into practice:
<a href="data_2019.csv" download="2019 Data (CSV)">Download data</a>
As highlighted above, the download attribute can also be used to change what name is displayed upon downloading — a handy way to display something more readable over possible 'ugly' filenames.
This is just a simple way to handle download links when server-side configuration isn't available for certain file extensions, say. It's worth noting however that you can only use this for same-origin URLs for security reasons.
Around the Web
- Flexible data tables with CSS Grid - Pertinent to an upcoming project I have at Logikcull. Using CSS Grid and
display:contents
to enhance data tables with responsiveness is something I’ve played with in CodePens but this takes it to a detailed level. - Your first performance budget with Lighthouse - Creating a performance budget and using it with the Lighthouse CLI, especially as a part of CI, is a great idea.
- How
!important
are we? - Strong piece from Chris Heilmann on the state of the web. - Reducing motion with the picture element
- GitHub - philipwalton/flexbugs: A community-curated list of flexbox issues and cross-browser workarounds for them. - An interview candidate passed this on to me.
- The difference between keyboard and screen reader navigation – Tink
- Evolution of Webdesign - A fun look at the change in web design trends between 1991 and 2015.
- Accessible Icon Buttons - A great post from [Sara Soueidan](https://twitter.com/sarasoueidan and something that came the same week as I’d been working on something very similar at Logikcull.
- Prioritizing | CSS-Tricks - How Sarah Drasner figures out what to work on first.
- CSS rules that will make your life easier - I live by most of these, a few of them are new to me, but I really wish I’d known all of them years ago when I first started writing CSS.
- Bobby Schroeder on Twitter: "the explanation for why he-man has a tiger is one of the funniest things i've ever seen in my life and i have to share the whole clip… https://t.co/Excrn3JY88"