Design, Theme + UX

Responsive Design with Flexbox

Just when you thought you had all things figured out about Responsive Design, a new technique manages to sneak in and changes your workflow to make things even more awesome.
Flexbox is a promising CSS3 technique for creating advanced and flexible (no pun intended), layouts which react to their surroundings by allowing flex items to grow or shrink to avoid content overflow. Unlike traditional float layouts, Flexbox is more powerful and makes even the most complicated layout design tasks extremely easy.

Fundamentals of Front-End Ops

Front-end paradigms are shifting fast, and among the trends singled out are task automation, painless dependency management, and quicker testing. Front-end ops, a term promulgated by Alex Sexton, deals with the synthesis of all of these responsibilities and others that front-end developers today face. We'll talk about a variety of different options available for FEDs to work efficiently and iteratively, such as Yeoman, Grunt, Gulp, Bower, and other lesser-known projects.

Here's what we'll cover:

Decoupled Drupal and the Front End

Decoupled content management has been taking the front-end world by storm recently as developers seek new ways to leverage battle-tested back ends alongside more flexible, extensible front ends. The JavaScript renaissance firmly envisages a future where single-page apps with ever-quickening advances can integrate seamlessly with "headless" back ends such as Drupal -- often by bypassing the theme layer altogether.

Optimizing Drupal 7 HTML Markup Using Panels, Page Manager, and Fences

I have been searching for a way to make Drupal output cleaner, lighter, more semantic HTML since I started theming.  The goal of my approach here is to minimize the markup that Drupal outputs, and gain complete control over the what and the where of the markup.  We can gain control of the fields using the Fences module; gain control over the templates in the theme; and gain even more control over the placement and what gets loaded using ctools' Page Manager and Panels.  I will step through each of these items in detail in this presentation.

Pages

Subscribe to RSS - Design, Theme + UX