Last week I attended the excellent Fronteers conference in Amsterdam and while listening to a talk by Marcos Cáceres on responsive images, I had a thought on a potential polyfill solution. When I arrived home, I thought about it some more and today I managed to put it into practice.
With responsive design, one of the things that we often want to do is to change the stack order of certain elements, moving the aside on the left below the main text which we want to bring to the top. CSS3‘s Flexbox will do this for us, but there is a quicker, if dirtier, way which we can use now.
Those of us who work in the web community are constantly learning. New technologies, techniques, plugins, etc. appear every day, some we ignore others we dive into. As well as official documentation we also rely on the articles, blog posts and coding examples of others to help us get up to speed. When talking about and responding to such writings we should always remember something important: be nice.
We sometimes hear people arguing that we shouldn’t use
!important in our website’s CSS as it can be incredibly annoying for others who may work on the website. While I agree with this in general, I have found myself using
!important with responsive design.
Like many other people around the world I am a huge fan of Sir Arthur Conan Doyle’s Sherlock Holmes. I thought I had read them all until recently I came across a list of stories and discovered that I had not. I was on my phone at the time so I searched online for some decent HTML version.