Terence Eden’s Blog

Responsive Yearly Calendar with Flexbox

@edentcss flexbox HTML5 responsive · 1 comment · 450 words · read ~260 times.

A grid of calendars. One calendar item has moved to the next line.

This blog has a calendar showing my yearly archives. It was in a table layout - which made sense when I first designed it - but had a few spacing niggles and was hard to make responsive. Now, it behaves like this: The code is relatively straightforward. The HTML for the calendar looks like this: <div class="calendars"> <div class="calendar"> <div class="calendar-year">2018</div> <div…

Continue reading →

BBC News Don't Get Responsive Design

@edentBBC HTML responsive web · 200 words · read ~290 times.

In October, I was interviewed in Econsultancy about the BBC's new "responsive" website. I said: The BBC's mobile site is fairly responsive. If you view it on different sized phones and tablets it adapts quite well. But it is an entirely separate site from the main BBC news site. The BBC are doing device detection and redirecting mobile users. It's not a bad strategy per se - but it is not best practice Clicking on a link on the BBC's front page today, lead to this "responsive" experience. …

Continue reading →