March 27, 2017

Hide Header on Scroll

I was recently tasked with coming up with a solution for a problem we were having at work. A new client wanted a header which only was sticky when the user had scrolled the height of the viewport. We already had two sticky header solutions which we were using on clients. One was a simple fixed header that on scroll fixes to the top of the viewport. The second was a variation of this in...

February 12, 2017

Grid Layout - Part 1: The Basics

Back on the 7th of April 2011 the W3C creating a working draft for Grid Layout. The draft has the following opening line: Grid Layout contains features targeted at web application authors. The Grid can be used to achieve many different layouts. It excels at dividing up space for major regions of an application, or defining the relationship in terms of size, position, and layer between parts of a control built from HTML primitives. Fast...