Sarah Parmenter speaking at An Event Apart Orlando 2016 at Disney’s Contemporary Resort in Walt Disney World on October 3, 2016.
An Event Apart: “Designing With Web Standards in 2016”
Jeffrey Zeldman speaking at An Event Apart Orlando 2016 at Disney’s Contemporary Resort in Walt Disney World on October 3, 2016.
Continue reading An Event Apart: “Designing With Web Standards in 2016”
Bootstrap 3 Form Styles in Drupal 8
I’m slowly moving along on my first Drupal 8 project. After getting annoyed enough with the look of the login form, I decided to update my form templates to use Bootstrap 3 styles.
Windows Defender Does Not Play Nice With iTunes
I recently had to reformat my Windows PC and do a fresh install of Windows 10. One of the primary uses for this PC is to run my home iTunes server, but soon after the reformat, it became clear that something was not right with iTunes.
Continue reading Windows Defender Does Not Play Nice With iTunes
Movies of 2015
It’s already getting to be a little late in the year, but here’s my quick roundup of the movies released in 2015 that I’ve been able to see so far. You can follow my movie-watching progress on Letterboxd.
CSS Dev Conf 2015
My notes from CSS Dev Conf 2015 on The Queen Mary in Long Beach, California.
Touch Icon Sketch Template
When did touch icons get so complicated? It had been a while since I last made a touch icon, so when I recently wanted to add one to a project, I decided I better double check the sizes of icons that I needed to make.
I remembered reading a useful article about touch icons in the past called “Everything you always wanted to know about touch icons”, which I was able to find again. I had thought there were only two sizes of icons that I needed, but I was surprised to find that the article had been updated with a recommendation to produce nine icons to account for various versions of iOS and Android.
In order to make this easier on myself (both now and in the future), I decided to make a handy Sketch template that I’ve linked to below. The final code needed in the HTML <head> should look like this:
<link rel="icon" sizes="192x192" href="touch-icon-192x192.png">
<link rel="apple-touch-icon-precomposed" sizes="180x180" href="apple-touch-icon-180x180-precomposed.png">
<link rel="apple-touch-icon-precomposed" sizes="152x152" href="apple-touch-icon-152x152-precomposed.png">
<link rel="apple-touch-icon-precomposed" sizes="144x144" href="apple-touch-icon-144x144-precomposed.png">
<link rel="apple-touch-icon-precomposed" sizes="120x120" href="apple-touch-icon-120x120-precomposed.png">
<link rel="apple-touch-icon-precomposed" sizes="114x114" href="apple-touch-icon-114x114-precomposed.png">
<link rel="apple-touch-icon-precomposed" sizes="76x76" href="apple-touch-icon-76x76-precomposed.png">
<link rel="apple-touch-icon-precomposed" sizes="72x72" href="apple-touch-icon-72x72-precomposed.png">
<link rel="apple-touch-icon-precomposed" href="apple-touch-icon-precomposed.png">
Virtual Host Rewriting in MAMP
While developing Drupal websites locally, I found it to be somewhat of a pain to sync all of the uploaded files (specifically images) from the server to my computer. In some cases, this could be hundreds of megabytes worth of files to download, but without downloading them, my local version of the site would look incomplete with missing images.
I primarily use MAMP for local development, and it turns out that MAMP PRO has an option to add additional virtual host parameters to each individual site hosted locally within the app. Using this feature, I am able to add a rewrite rule to have the MAMP look for photos on the live site when they don’t exist locally, removing the need to download the files onto my computer.
Orlando Theme Park Review
I attended An Event Apart in Orlando at the end of October, and I was able to re-visit the theme parks while I was there. I know this post is several months late, but I wrote down some thoughts about the theme parks that I wanted to go ahead and post.
Oscar Ceremony Design Work
I loved the design of the 87th Academy Awards ceremony last night, and it looks like I wasn’t the only one. Bloomberg Business reported that the design work was done by Henry Hobson, a live action director and graphic designer. It turns out that I’ve seen some of his work before in a few other title sequences, such as the one from The Walking Dead.
I particularly loved the typography used throughout the Oscars. One other little detail I really liked was how the titles used for the best sound editing nominees looked like an audio timeline.
You can see more of Henry Hobson’s work by checking out his website or by following him on Twitter.
Update: Art of the Title has a much better writeup of the 87th Academy Awards, along with an interview with Henry Hobson.