Blog

Third-party scripts on Rotten Tomatoes

19 April 2016

Like many high-traffic sites, Rotten Tomatoes downloads a ton of third-party scripts. In this post, I examine 20 of these scripts, and find out what they do, whether they're free, how big and how up-to-date they are, and what dependencies they have. Read more >

Tags: JavaScript

Skip to navigation

Bootstrap mega menu

29 March 2016

The main navigation on Rotten Tomatoes is a highly tweaked implementation of Bootstrap's dropdown menu. Instead of a simple list of links, its dropdowns contain several columns of links, headings and images. I investigate how this is achieved, as well as what problems it might cause for users. Read more >

Tags: Bootstrap HTML JavaScript

Skip to navigation

The carousel of praise

07 March 2016

Carousels are an easy way to add non-essential content to a website. In the case of CSS Wizardry, it is used for displaying positive feedback from clients. In this post, I look at the HTML, CSS—and the secondary school arithmetic—involved in coding a carousel. Read more >

Tags: HTML CSS Animation

Skip to navigation

Article and section elements

02 February 2016

Article and section are both semantic elements that give structure to a HTML document, but what is the difference between them, and when should they be nested? Read more >

Tags: HTML

Skip to navigation

DNS prefetching

19 January 2016

The domain name system (DNS) is central to how computers reach each other across the web. As I learn from CSS Wizardry, a little bit of applied witchcraft in the <head> section can exploit this feature of the Internet to reduce the time it takes for a page to load. Read more >

Tags: HTML

Skip to navigation

The BEMIT naming convention

05 January 2016

Trying to keep CSS tidy and transparent is never easy, especially on large projects. Fortunately, Harry Roberts' CSS Wizardry is there to help us. In advance of my site redesign, I take a look at his BEMIT approach to naming elements and keeping CSS organised. Read more >

Tags: CSS HTML

Skip to navigation

Improving keyboard accessibility

22 December 2015

Without the help of a decent web designer, accessing a site via keyboard can be a frustrating experience. In this post, I look at how Responsive Web Design adds concealed 'skip to content' and 'skip to navigation' links to improve accessibility for keyboard users. Read more >

Tags: CSS HTML

Skip to navigation

Colour design: yellow

08 December 2015

(Contains around 2MB of images) Inspired by Ethan Marcotte and Karen McGrane's Responsive Web Design site, this is an exploration of the colour colour that has become almost synonymous with responsive web design. Read more >

Tags: Design

Skip to navigation

Description lists

24 November 2015

What are HTML description lists? What are they for? Who even uses them? Ask these questions, and you too will uncover the sad truth about these underused, but handy little semantic elements. Read more >

Tags: HTML

Skip to navigation