Reach New Heights.

Front-end web development to step up your game.

Monthly Archives: August 2016

A Brief Introduction to Leaflet JS

As a web developer with a geography background , I must admit that I relish the opportunity to incorporate maps into my work.  When used appropriately, maps can enrich the user experience of a website or web application by adding a level of interactivity and providing an intuitive visual representation of spatial phenomena…

Responsive Layouts with Flexbox and Padding

Achieving a responsive layout can be pretty challenging when a design has elements with geometric ratios that should be preserved, no matter what the viewport dimensions may be.  This is particularly true for square elements but also applies to any elements whose dimensions really make or break the aesthetic of a layout.

There are three ways to determine the dimensions of a container element:

  • Allow dimensions to be determined by contents
  • Set height and width to fixed values
  • Set height and width as percentages of the parent element

Since the objective is to preserve the container’s dimensions, the first approach would not be appropriate if the container has text contents…