The Marvel-ous Collection: A Beginning

I’m a pretty big fan of the Marvel Cinematic Universe, so it felt a bit ridiculous when I was given Guardians of the Galaxy: Volume 2 for Christmas. To be clear, the gift wasn’t ridiculous; it’s a fantastic film and one I’ve been excited to rewatch since seeing it in the cinema. The ridiculous part was that this officially marked the start of my Marvel Bluray collection. That’s right, I might be a huge fan of the franchise and own a fairly sizeable solid-media movie collection, but I’m almost entirely absent the MCU!

I say almost, because in truth I do own both Guardians of the Galaxy (now Volume 1, I guess) and Captain America: The Winter Soldier on DVD, but for a 17 film franchise (at time of writing) that’s pretty meagre. Part of that reason is the Bluray dilemma: ultimately, I don’t care that much about the increased resolution for most films, but I definitely care about the extra features. As Bluray has become the de facto release location for collector’s editions and special features, I was increasingly left behind, waiting for both an excuse to buy a Bluray player and then, later, for prices to drop back to the realms of sanity.

Luckily, 2017 saw both goals achieved. Whilst Blurays remain expensive (Marvel’s particularly so), they’re now at an acceptable premium above the respective DVD release, so with bonus featurettes, content and a better picture quality they feel somehow more worthwhile. At the same time, Marvel finally released a collected set for both Phase One and Phase Two, something I find bizarre has taken half a decade. I mean, what other purpose does the marking of “phases” serve then to artificially create film sets? At any rate, the result was a sudden galvanisation to fill in the blanks and finally own some of my favourite superhero films.

Unfortunately, a quick look at the contents of the collected sets left me a little cold. Yes, there are new bonus scenes, animatics and fun Agent Coulson introductions for each of the films, but they also lack a number of key special features from previous releases, especially the big documentaries. As a result, I’ve thrown in the towel! If Marvel/Disney can’t get their act together and release a definitive edition of the MCU then I’ll just create one myself.

The first hurdle was finding out what variations existed, what the actual differences were and then weighing up the pros and cons. Luckily, Reddit came to my aid (after Google summarily failed) with a raft of suggestions for comparison websites geared towards just this kind of task.

Since then, I’ve been slowly going through the films, one by one, narrowing down my options until I’ve found the exact version that most intrigues me. So far, the few I have settled on have been “out of print”, but luckily a robust second hand market appears to exist, keeping resell prices low. It’s slow going, but honestly I’m finding it quite fun. I’m also tracking my decisions and aim to release a full list, and break down of why I chose each film’s specific version, once I’m done.

For now, I figured it would be worth a quick round-up of the websites I’ve found most useful, so without further ado, and in no particular order, here are my top five film hunting locations:

1. DVD Double Dip
Not the prettiest site, nor the most complete in terms of information, but what it does have is extremely easy to read, compare and review. Probably the best starting point I’ve found but take the accuracy with a pinch of salt.

2. DVD Compare
Very accurate, particularly when it comes to extra features, and great for comparing regional differences in films. Take particular note of the “Cuts” and “Overall” sections at the bottom of a search page to see if the film is actively censored anywhere in the world. I wish you could compare films side-by-side, but still easily my favourite comparison site.

3. Blu-Ray.com
Probably the most complete database of film releases on this list but a bit of a pig to search accurately. There’s no way to easily compare film versions without opening multiple tabs, but you can filter by country directly on the search bar and the user reviews are solid, often clearing up any confusion over oddly phrased features.

4. Filmogs
Another very complete database without easy comparison methods. Easier to navigate than Blu-Ray.com but the search is less intelligent (e.g. “Avengers” fails to pull back any collected sets). Again, useful for getting more information, plus acts as a competitively priced marketplace.

5. /r/DVDCollection
If all else fails, ask here and someone will probably either know the answer or own the film and be able to tell you. Really helpful bunch!

Of course, once you’ve narrowed down your options and decided which version is just right, you still need to buy the darn thing. Obviously if you’re looking at buying new then all the normal locations apply, but for second hand movies I’m having most success at the following:

1. Music Magpie – though be wary, several times I’ve spent a while looking at a film, come back later and found the price has shot up. Leave it a few days and it seems to drop back down again.
2. eBay
3. CEX
4. Amazon Marketplace

Happy hunting!

Spiders, Dinosaurs and CVs [#49]

Well it’s been a long week of other distractions rather than writing, but I have built up several things to link out to, so I guess a round of links from the web is in order.

The Greatest Ignored CV Ever

Data visualisation of academic interests, achievements and major life moments, composed as a pseudo-CV
Now that’s a pretty (useless) CV

Originally created by Ritwick Dey (and weirdly hosted on Flickr), the mock-up data visualisation of Dey’s life has earned some serious kudos on Reddit and deservedly so. The visuals have an immediate impact and are just very aesthetically pleasing, even if (as many Redditors have pointed out) actually using it as your CV would be a quick shortcut to the reject pile. To be honest I’ve been dabbling in something similar (though far simpler) recently, so found seeing the execution of, and reaction to, something much superior to my own attempts kind of fascinating.

Spider Squeeee!

GIF image of an animated spider that is particularly adorable
Lucas the Adorable Arachnid

Lucas the spider has been doing the rounds of the internet this week and I fully understand why. I’m not the world’s biggest fan of spiders but I’m also far from arachnophobic, even finding certain real world spiders adorable. That said, nothing in nature (that I’m aware of) has been designed to tug at the heart strings quite so cleverly as this short animation test. Others have already called for it, but can I add my name to the petition for Lucas to be in the next Disney/Pixar movie?

Spider Awesome

Miles Morales, Spider-Man, swings into frame and lands on a skyscraper
Into the Spider-Verse? Yes please!

Weirdly, yet another piece of spider-based animation dropped this week which captured the hearts of the internet, though this time less Tumblr and more Reddit. The first trailer for Sony’s new animated Spider-Man film hit and just looks stunning. It’s Miles Morales meets Spiderverse so I was already intrigued, but those visuals mixed with that soundtrack has left me with extreme hype!

Wildlife Photo-Ark

Around twenty heaped tortoises each with a unique code engraved on the back of the shell
Madagascan ploughshare tortoises with anti-poaching codes

I’m a big fan of projects looking to archive information of endangered species, particularly quality images, biomechanics and video, so that if conservation efforts fail future generations still at least have good data. So when I discover a project like Endangered, created by photographer Tim Flach, it has to be shared. Flach’s photographs (see more at Gizmodo) are beautiful and frequently incredibly poignant, but they’re also paired with detailed information on the animals, and the threats they face, from biologist Jonathan Baillie. It’s conservation meets art, both noble goals in their own right that are only amplified by their intermixing. Definitely going straight on my future wishlist.

The Ones We’ve Already Lost: Palaeo Art

Two theropod dinosaurs with unrealistic iguana like physiology fighting
Two Dryptosaurus (at time Laelaps) fighting in an incredibly famous image from Charles R. Knight, 1897

From ensuring the animals we may soon lose are well documented to attempting to document those that have already been lost. It should be no surprise by now that I am a huge fan of the field of palaeo art and love both the finished pieces and the processes that go into their creation. There’s something incredibly interesting about decoding the past and trying to set it to understandable visuals which I just love. Stumbling on to an article taking a deep dive into the history of the field, then, was a fascinating read which has been put together very nicely. It’s great to see books I find particularly influential, such as All Yesterday’s, as well as their author’s (and respective blogs) being linked to and discussed on such a main-stream website as The Atlantic. It would also appear that some new books on the subject may be coming out soon, which is great news. An article I will want to come back to from time-to-time, if for no more reason than to explore all the linked resources. Top work.

Dark Booking Patterns [#47]

I just fell down a rabbit hole learning about Dark Patterns, thanks largely to a link in an, as ever, well thought out Adactio post. To be clear, I knew what a Dark Pattern was, I just hadn’t come across the term for them before. In brief, then, a Dark Pattern is a UI decision created to get a user to do something without really knowing why or how. It’s trickery and marketing merged into one and can be used to generate actual sales, push you to a specific part of a website or article, draw your attention away from negative elements or get you to agree to participate in some way. Basically, Dark Patterns aren’t great. They’re a bit morally dubious, they can leave a bad taste in your mouth and they can actively confuse or negatively impact people.

Sounds like something that should be avoided and shunned by any morally conscious designer, right? And probably something that, when noticed, should be shamed, yes? Good, we’re on the same page. But then I read a well reasoned break down of why Booking.com is a pretty awful abuser of exactly this type of user experience design. The full article, titled How Booking.com Uses Stress to Rush Your Decisions and written by Roman Cheplyaka, is a smorgasbord of dodgy design decisions. From fake urgent messages (“Someone just booked the hotel you’re looking at!”) to hiding negative reviews, Booking.com does not fare well when analysed with a Dark Pattern mindset. Time for a boycott then, right?

Well, put simply, no. I use Booking.com quite a lot. I’m a registered member and a recipient of their “Genius” discounts, which have saved me a fair amount over the past few years. I like the wide selection of hotels that are on offer, I like how key information is displayed and I particularly like their search functionality which makes drilling down through results incredibly quick and easy. I’ve recommended the service to countless friends and family and I’m not about to stop anytime soon. Do I find the urgent messages and dire warnings of inaction irritating? Yes. Have I occasionally found myself booking a room faster than I probably ought to have because of a fear of missing a deal? Yes. The Dark Patterns are clearly working, and are definitely reducing my enjoyment of the service being provided, but it isn’t a big enough issue to tip the balance away from all the positives.

Interestingly, it seems like Roman comes to a similar conclusion. Somehow, Booking.com has done such a good job in their general, overall experience that the little irritations can be happily ignored. Some of them I don’t even agree with. Is cherry picking reviews a bit dubious? Yes, I guess so, but at the same time I would expect promotion to skew those results a little. I’ve left negative reviews in the past and know they haven’t been censored or removed, so I trust the reviews that are present to be indicative of general opinion. I would also never, personally, go on three reviews alone to inform my decision; as with eBay and Amazon I will always read the most recent couple of reviews, a couple of the best reviews (and note when they were made) and a couple of the worst reviews (also noting date posted) to get a good spread. Booking.com makes finding those reviews so painless that I’ve never really noticed the ones on the main page are curated.

I will also defend their five-step rating system. You can always expand a review score to see how the aggregate has been calculated and having five specific categories makes doing so a lot easier. In the example given in the article, Roman states that:

A great location will not compensate for sleepless nights

But I have to disagree a little bit. Obviously, it depends on what you’re looking for, but I will happily sacrifice comfort for location if that’s a priority. If I’m going to a big city and planning on being out until the early morning anyway, I don’t really care about late night noise but I do care about walking distance to the venue (for example) that I’ll be visiting. It’s a bit of a pedantic argument, but I feel like their ratings scheme is genuinely useful and wouldn’t, personally, regard it in anyway “Dark”, which shows that the concept can be a little subjective.

At any rate, agree or not, the article is well put together and is worth a read if you use Booking.com, if for no other reason than to be a little more aware of the strategies the are employing. If you do find it a stressful experience, perhaps it may even help.

Welcome to the Grid [#43]

There are a lot of new web technologies emerging at the moment which really feel like we’re entering a new era. Over the last decade, the likes of HTML5, ES6+, flex box etc. have brought the web, and the technologies on which it is built, very much into the modern day. Accessibility, responsiveness and flexibility have become standards, instead of the nice-to-have pipe dreams they were when I first built a website. Still, a lot of the new features and developments have been addressing limitations of what the web was back in the early noughties.

Right now, then, is a little different. There are still plenty of problems with how the web operates, limitations to its functionality and misuses of its resources, but with a little time and effort a website can become everything it was ever designed to be, and much more. The next round of technological implementation, then, is redesigning the way the web works. Do you need an active internet connection to be ‘online? Not any more. Want a website to do more than simply house and interlink static text? That’s getting pretty common.

Despite these huge leaps forward in terms of functionality, one element of those old, dark days has remained missing. Right when I started to learn HTML the standard approach was to mimic page setting from magazines by using <table> elements. That practice died a deserved death, but ever since the web has been slightly restricted in how it can display information in a dynamic, yet rigidly structured, manner. There have been improvements, such as display:table, flex box and semantically clearer HTML (section, article, aside etc.), but ultimately none have met the ease of application of a table layout.

Hopefully that’s about to change, thanks to CSS Grid. It’s a technology I’ve heard bits and bobs about for some time, but I’ll admit it hasn’t excited me like service workers or PWAs have. Thanks to (yet another) great article from A List Apart, I’m now firmly on board the Grid train and willing it to go faster, and faster, and faster. Honestly, I love the whole concept, but for me one of the most exciting aspects is the quick prototyping available through template-areas. For a full breakdown, read the article, but the “aha!” moment for me was seeing how this:

.cards {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        grid-gap: 20px;
        grid-template-areas:
               “a a b”
               “. d d”
               “c e e”;
}

Is automatically translated into this:

Layout of 5 grid blocks and 1 empty cell, showing how CSS Grid can span columns and rows, auto-fill containers and be easily spaced.
The beauty of CSS Grid.

That’s not just replicating all the functionality of the table-based layouts of yesteryear, it’s taking the best part of it, the flexible rigidity, and removing all the irritating parts, leaving just the essence. It’s wonderfully simple yet extremely powerful and has clearly been thought through to an obscene degree. The fact that even blank cells are inherently catered for, rather than having to just set a blank <div> or similar, is just fantastic. Vendor/browser support will be the next big hurdle, but by the sounds of things that’s coming along extremely well. Give it a year and CSS Grid looks like it could well be the new standard approach.

Capital Numbers

A List Apart has long been a fantastic source of knowledge and inspiration in terms of both website design and writing, but on top of these accolades every now an then it manage to completely floor me. Sometimes it’s because an explanation finally hits home after years of misunderstanding, but other times it’s simply by providing a piece of information which is simultaneously brand new and yet perfectly obvious. The type of fact which leaves you a little wide-eyed, questioning your very purpose of existence. A mind-blower, if you will.

That’s what happened today whilst reading the (brilliant) article/excerpt on Web Typography: Numerals. The article is well worth a read just for the thoughts on how the web finally makes footnotes genuinely useful (and, in doing so, guilt trips me about how these same ideas have been sat unacted upon in my head for years). However, it was a simple comment near the start that struck me like lightning:

We have at our disposal ‘uppercase’ numbers 0123456789 called lining or titling numerals, and ‘lowercase’ numerals 0123456789 called old-style or text numerals.

Wait… what?! Numbers can have cases? I read the sentence once, thought “that’s strange”, then read it again and noticed the different cases. These different glyphs are subtle but still instantly recognisable, yet I have never realised they existed before. Such a simple little thing which makes complete sense. Much like the recent viral expose of Papyrus or the infamous Fight Club burn marks, I get the feeling that text numerals are now going to be one of those things I just can’t not notice. Which is equal parts infuriating and awesome.

Stickers, Eclipses and Lighthouses [#36]

Today is a day for another round-up of interesting pieces from across the web. Nothing too special, but hopefully a little intriguing.

First up is Google Lighthouse, one of the many branches of the Alphabet behemoth and a pretty interesting little project. I haven’t actually managed to get it up and running, but I’ll definitely be trying it out on theAdhocracy some time soon (and probably weeping at the result). I don’t need to test it, though, to see it will be a very useful tool in battling the increasingly problematic issue of internet lag.

Second is the article which led me to Lighthouse in the first place: AMPersan, by Ethan Marcotte. Not much to add to this one, just another voice adding weight to my uneasiness with the idea of AMP and similar projects. Well worth a read if you’re interested in the open web.

In third place is a collection of ‘achievement’ stickers doing the rounds of the blogosphere right now. Originally designed by Jeremy Nguyen, published on The New Yorker and personally discovered via TheLogoSmith, the stickers are a humorous look at the pitfalls of being self employed. They’re specifically designed for freelance designers, but I feel a lot of them are applicable across disciplines. If you work from home, you’ll probably find yourself smiling and nodding.

Fourth on the list is a simple article from Martian Craft outlining “The Importance of Routine“. The post is aimed at remote works and is far from news to me, but it is a well written example of how to apply this kind of thinking. I’m saving it here more to try and force myself into setting something like this up for my own free time.

Finally, I was blown away by the “Lifetime Eclipse Predictor” visualisation created for The Washington Post (discovered via Source). In the wake of the recent total eclipse in the US, along with reading various posts on the rarity of such events, I’ve been left with a real urge to try and make sure at my path eventually coincides with a path of totality. It is a ridiculously awesome coincidence that our moon’s diameter and planet’s solar distance align so accurately. I mean, even if there are other life-hosting planets out there, we’re certainly one of an incredibly small number that can witness this phenomenon. That makes it practically a responsibility to see a total eclipse, at least once.

Marrs Green [#29]

I love the idea of G.F. Smith’s “World’s Favourite Colour”: ask people to submit examples of their favourite colour and then vote. The results are interesting for a variety of reasons, but for me the big one is just how much I love “Marrs Green”, the winning colour. I’ve always veered between saying my favourite colour was a shade of blue or green, with turquoise winning for many years in my youth but slowly losing ground. This particular shade, though, is stunning. Truly stunning.

Even my first exposure to the colour on Fstoppers stopped me whilst scrolling down the page. It’s rich, offers great contrast and is just incredibly visually appealing. I’d be fascinated to know whether my reaction is just coincidence or if there is something optically stimulating about Marrs Green that is somehow innately attractive. Whatever it is, I definitely have a new favourite colour; if I lived in London I would certainly be heading down to their pop-up shop to see it in person! Plus, the whole aesthetic and branding exercise is top-notch. Beautiful.

Empathy Just Makes Sense [#12]

Their immediate need was a revamped website, but once they understood that this need paled in comparison to all of the other places they could have an impact on their customers’ lives, they began talking excitedly about how to make this vision a reality down the road.

Let Emotion Be Your Guide is a wonderful article from Hana Schank and Jana Sedivy (published on A List Apart) which has taken me far too long to actually sit down and read. It’s worth your time pretty much regardless of your own career path, but personally it reminded me of some of the little reasons I enjoy the path I’ve chosen.

Whilst websites are a core point of contact for many businesses and deserve a rigorous, reasoned implementation the reality is that they are likely only one of many such points of contact for your customer, and each is just as important as the next.

What’s more, the best practices and strategies employed in developing a good digital foothold aren’t just applicable to the web. Increasingly, the way we think about UXD online is no different to the way we should think about every aspect of our lives. Putting empathy front and centre of your decision making is not just good practice: it’s the only method that makes sense in the long term. New features, applications, websites, brochures or whatever else are only useful if they solve a real problem, and you won’t know what the real problems are unless you talk to, and empathise with, other people.

CSV Albums: A Database

For the most part, using the Universal Scrobbler is as simple as searching for the artist/album you want and hitting Scrobble. There are a couple of albums I have, however, which don’t seem to be searchable on the relevant databases. Luckily there is a CSV entry option which makes scrobbling whole albums super easy. I figured I might as well leave the converted CSV files online, just in case they come in handy for anyone else (plus, it acts as a backup/easy access for me as well). I’ll add to/update this post whenever I find some new ones.

UPDATE: (06/04/17) I’ve converted all of the CSV lists to use quote-mark column delimiters. By doing so, I can have track titles that contain commas without worrying about odd results – hooray!

The Atrocity Exhibition – Lazy Habits

“Lazy Habits”,”Kicking The Clouds”,”The Atrocity Exhibition”
“Lazy Habits”,”Feed the Brass”,”The Atrocity Exhibition”
“Lazy Habits”,”Left 2 (Ruins)”,”The Atrocity Exhibition”
“Lazy Habits”,”Crossing”,”The Atrocity Exhibition”
“Lazy Habits”,”The Breach”,”The Atrocity Exhibition”
“Lazy Habits”,”Answer With Quiestions”,”The Atrocity Exhibition”
“Lazy Habits”,”Hindsight Bias”,”The Atrocity Exhibition”
“Lazy Habits”,”Cold Shoulder Freestyle”,”The Atrocity Exhibition”
“Lazy Habits”,”The Terminal Beach”,”The Atrocity Exhibition”
“Lazy Habits”,”Give It Up”,”The Atrocity Exhibition”
“Lazy Habits”,”Sanity For Sanctuary”,”The Atrocity Exhibition”
“Lazy Habits”,”Never Did”,”The Atrocity Exhibition”
“Lazy Habits”,”Waiting Around – Bonus Track”,”The Atrocity Exhibition”

Lazy Habits – Lazy Habits

“Lazy Habits”,”Processional”,”Lazy Habits”
“Lazy Habits”,”Ashes”,”Lazy Habits”
“Lazy Habits”,”Surface Dirt”,”Lazy Habits”
“Lazy Habits”,”Even Out”,”Lazy Habits”
“Lazy Habits”,””Perfect Sentence””,”Lazy Habits”
“Lazy Habits”,”Ghosts (Fallen)”,”Lazy Habits”
“Lazy Habits”,”Memory Banks (feat. Baby Sol)”,”Lazy Habits”
“Lazy Habits”,”Starting Fires”,”Lazy Habits”
“Lazy Habits”,”Fades”,”Lazy Habits”
“Lazy Habits”,”The Road”,”Lazy Habits”
“Lazy Habits”,”An Interlude”,”Lazy Habits”
“Lazy Habits”,”Bulletin”,”Lazy Habits”
“Lazy Habits”,”The Drowned World”,”Lazy Habits”
“Lazy Habits”,”Please People”,”Lazy Habits”
“Lazy Habits”,”Recessional”,”Lazy Habits”
“Lazy Habits”,”Ghosts (Screen and Fallen)”,”Lazy Habits”

Sun – Cat Power

“Cat Power”,”Cherokee”,”Sun”
“Cat Power”,”Sun”,”Sun”
“Cat Power”,”Ruin”,”Sun”
“Cat Power”,”3,6,9″,”Sun”
“Cat Power”,”Always on My Own”,”Sun”
“Cat Power”,”Real Life”,”Sun”
“Cat Power”,”Human Being”,”Sun”
“Cat Power”,”Manhattan”,”Sun”
“Cat Power”,”Silent Machine”,”Sun”
“Cat Power”,”Nothin’ But Time”,”Sun”
“Cat Power”,”Peace and Love”,”Sun”

Cold Fact – Rodriguez

“Rodriguez”,”Sugar Man”,”Cold Fact”
“Rodriguez”,”Only Good for Conversation”,”Cold Fact”
“Rodriguez”,”Crucify Your Mind”,”Cold Fact”
“Rodriguez”,”This Is Not a Song, It’s an Outburst: Or, the Establishment Blues”,”Cold Fact”
“Rodriguez”,”Hate Street Dialogue”,”Cold Fact”
“Rodriguez”,”Forget It”,”Cold Fact”
“Rodriguez”,”Inner City Blues”,”Cold Fact”
“Rodriguez”,”I Wonder”,”Cold Fact”
“Rodriguez”,”Like Janis”,”Cold Fact”
“Rodriguez”,”Gommorah (A Nursery Rhyme)”,”Cold Fact”
“Rodriguez”,”Rich Folks Hoax”,”Cold Fact”
“Rodriguez”,”Jane S. Piddy”,”Cold Fact”

Palookaville – Fatboy Slim

“Fatboy Slim”,”Don’t Let the Man Get You Down”,”Palookaville”
“Fatboy Slim”,”Slash Dot Dash”,”Palookaville”
“Fatboy Slim”,”Wonderful Night”,”Palookaville”
“Fatboy Slim”,”Long Way from Home”,”Palookaville”
“Fatboy Slim”,”Put It Back Together”,”Palookaville”
“Fatboy Slim”,”Mi Bebé Masoquista”,”Palookaville”
“Fatboy Slim”,”Push & Shove”,”Palookaville”
“Fatboy Slim”,”North West Three”,”Palookaville”
“Fatboy Slim”,”The Journey”,”Palookaville”
“Fatboy Slim”,”Jin Go Lo Ba”,”Palookaville”
“Fatboy Slim”,”Song for Chesh”,”Palookaville”
“Fatboy Slim”,”The Joker”,”Palookaville”