Making media display consistently on your site can be a problem, especially with multiple content authors. Opera’s Chris Mills shows you how object-fit and object-position can solve it

So you've heard about WebGL? It’s become sort of a buzzword in the web development community. Some great 3D demos have been released, some security concerns have been raised, and a heated discussion started. This tutorial by interactive developer Bartek Drozdz takes you right to the heart of WebGL and will help you understand how it works. Prepare your favourite JS editor and buckle your seats!

In the penultimate part of our responsive web design tutorial, Clearleft's Paul Robert Lloyd explains how media queries work, and describes a device-agnostic approach to breakpoints.

Mike Byrne provides the lowdown on a simpler way to structure your JavaScript – that should help prevent it fragmenting into messy, brain-bashing gobbledygook

Creative director and motion graphic artist Angie Taylor (@theangietaylor) shows how to use Photoshop and Adobe After Effects for kinetic typography - combining text and motion to express ideas in the form of animation

Ryan Taylor explains how to add metadata to a WordPress post by creating and adding Meta Boxes and improving the usability of custom fields

Drupal themes enable you to change the look and feel of your site. Tim Millwood explains how to create a theme that makes it appear differently on different screen sizes

Web developer, software engineer and part-time entrepreneur Gilbert Pellegrom explains how to use custom post types in WordPress. In his example Gilbert builds a book database, which you can control via your WordPress admin area and which displays books on your site

CSS transitions rarely happen in isolation. Adding transitions to groups of elements means there's more to keep track of and more opportunity to add variety. We can also take advantage of how our brains tend to see things to both save ourselves some work and make things a little more interesting