I recently attended this year’s dev.Objective() web conference and was given an opportunity to present Static Site Generation with HUGO. Dev.Objective() always brings in heavy-duty brain power so I was very excited to geek out, get questions and in this case, challenge comfort zones.
Flexible, Powerful Static Website Creation with Hugo
A Tale of Two Characters - My Code Indentation Autobiography
The type and number of characters we use for code indention have and probably will always be a source of contention for programmers. Should we use tabs or spaces and how many of either? Some will consider this a tired argument, others find it comical, and some have very strong opinions on what’s the right way to indent. These are all fair. What interests me is how different indention stylistics are more than mere preferences or opinions. They can make that person more efficient and less distracted. It’s both a quandary of both Computer Science and Human Factors.
Celebrating Star Wars day with Raspberry Pi
Ridiculously Easy Layouts with Flexbox
Ready to have your mind blown? Meet Flexbox! The Flexbox (or Flexible Box) Layout Model is a set of CSS attributes that will likely change the way you think about UI layouts. Flexbox uses a dual-axis, container/item layout model allowing for powerful approaches to element space distribution, alignment, and sizing. This can be a tremendous boon for web projects with dynamic data and design flux. It may also tremendously simplify responsive layouts that are dependent on commonly complicated grid models.
This presentation will introduce the mechanics of the Flexible Box Model and demonstrate its capability for simplifying markup and styling. Comparisons will be made to other layout paradigms to illustrate strengths of the model.
Maintaining Jekyll Performance When Using Package Managers
Optimizing Jekyll Templates with Liquid variables for DRY, Readable Markup
If you’ve yet to check out Jekyll, I’d strongly suggest doing so. It’s a very powerful static site generator and a compelling tool for re-discovering strengths of a static website. I use it for this website. It’s a huge time saver for me, allowing me to devote more time to content creation. Its integraton with Github Pages also makes content publication a snap.
For those already already working with Jekyll, you’ve probably been working with the Liquid Ruby library for optimizing templates. Liquid is a quick learn and great tool for Jekyll templating. I recently used with Liquid to customize Jekyll’s head.html include to optimize social channel metatags.
Bower Power : Supercharging Front-End Manageability
Responsive Design - Planning, Execution, Management with Bootstrap 3
Dazzling Data Depiction with D3.js
Creating data visualizations for a web has historically been a daunting task. Due to a lacking standards of browser-supported visualization, often the most approachable solutions would involve proprietary platforms, 3rd-party services, browser plugins, or just static imagery.
The New UI : Staying Strong with Flexbox, SASS, and Mustache.JS
The last few years have seen spectacular, sweeping changes in the paradigms of front-end website production. New technology standards, frameworks innovations, design trends, and the always-growing mobile market have totally reshaped approaches to building the presentation layer.
This hands-on lab will investigate a powerful medley of front-end production frameworks, standards, and tools.
The Yin and Yang of Responsive Workflow
Responsive Design has revolutionized the way we create websites, yet there is a strong tendency to still use traditional workflow methodologies. Such workflows can make a project far less efficient while adding a gamut of risks. This session will explore this dilemma, propose alternate workflows for responsive website projects, and offer respective approaches and tooling options for both designers and developers.