Design Content Conference | Examples | Responsive Web Design

Design Content Conference

Design Content Conference
Design Content Conference across four different breakpoints

View Design Content Conference

It’s great to see that a conference dedicated to designing content is so beautiful.

I noticed that in addition to Respond.js and Modernizr they were also using Match Media Polyfill until I realised that it comes bundled with respond.js…. great to know.

The site also utilises Normalise.css to make browsers render all elements more consistently and in line with modern standards.

Areas that could be reviewed:

  • The html contains a reference to the main.js file, however the file is empty. This is still going to cost another http request and because it’s for JS and it hasn’t been set to async then it will halt the loading of the page while the request is completed.
  • The media queries appear to be very device focussed around some typical mobile, tablet and desktop sizes. There is nothing (much) wrong with this approach if that is what the content dictates.

Design Content Conference Technical Details

Site Meta Tag

<meta name="viewport" content="width=device-width, initial-scale=1">

Media Queries

@media only screen and (min-width: 320px) { }
@media only screen and (min-width: 480px) { }
@media only screen and (min-width: 768px) { }
@media only screen and (min-width: 1024px) { }
@media print { }

Plugins used on Design Content Conference

Subscribe to our Newsletter

Add your email address and receive an email every Friday covering off everything worth knowing about building your websites responsively.