May 31-June 2, 2018  ·  Austin, TX
Norris Conference Center
Texas Camp 2018Texas Camp 2018

Having fun (and solving some problems) with vw and vh units

Frontend Development
Skill Level
Back in the day, pixels were a themer's best friend when it came to setting dimensions in CSS. Then came em (and rem) units. For the past several years, as vw (viewport width) and vh (viewport height) units have enjoyed wider support among modern browsers, they have become increasingly popular among front end developers and themers. In this session, I will take participants on a journey into the wonderful world of these latest scalable units, and how we can use them in conjunction with Sass to yield displays that are more consistent at any viewport size. I will show how scalable units can help ease the pain of unpredictable results when page layouts prove challenging to maintain at different browser widths; through the creative use of scalable units, we can create pages that are closer to their designers' intent. I will also highlight cases where the use of viewport units might yield undesired results (such as unreadably small or unreasonably large text), and I will demonstrate how we can use math and Sass functions to overcome these obstacles.
Richard Gilbert
Richard Gilbert has been an Engineer at CivicActions since 2014. Like many at CivicActions, Richard had a deep love for and interest in Drupal and open source for years prior to working in Drupal full time. Prior to joining CivicActions, Richard worked for a company that wrote proprietary software from scratch for clients. He was looking for an open source alternative to what he had been doing, which led him to Drupal. After attending two Drupalcons, a Drupal Summit, and a few user group meetings, he was hooked. At CivicActions, Richard is working on a project for a large federal agency. Past clients include: National Hospice and Palliative Care Organization, Kavana Cooperative, Compassionate Action Network, and Society for Commercial Archeology. Richard received a Bachelor of Arts in Media Study from the State University of New York at Buffalo and a Master of Urban Planning from the University of Washington. He is a bass player who has just released an album with his band, Mysterious Face. Also an avid photographer, Richard is continuing work on his Junk Drawers project, which is just as it sounds: a series of photos of people’s junk drawers.