Design, Theme + UX

Design, Theming and User Experience (UX) form the foundation of all interactions on the web and requires consideration beyond the web. These interactions include off-screen/non-web interactions the user may have had with your company or product or the environment in which they’re interacting with the web. It’s inherent in all aspects of production - from strategy and content creation to design and development. Let’s talk about the technologies and procedures that are in use in today’s Front End development: preprocessors, build automation, JS and CSS architecture, new template systems and client-side applications. Whether you identify yourself as a Designer, Themer, UX practitioner or not, any part of the web that you touch affects the user’s experience. Conceptual thinkers, strategists, decision makers, content creators, designers and developers are encouraged to present topics on their area of expertise.

Suggested Topics

  • UX process and techniques
  • Current and emerging best practices, tools, & techniques (BEM/OOCSS, static prototyping, design in browser, progressive enhancement)
  • Front End and Back end templating systems (Twig, Twig.js, Handlebars)
  • Strategy and planning
  • Content strategy
  • Visual and interaction design
  • Content-first, atomic design, and new design issues
  • Responsive and accessible design
  • Usability
  • The impact of non-web interactions on the web user experience

Designing for Accessibility

Everyone wants their website to be accessible, but all too often sites fail to meet basic accessibility guidelines. Sometimes the littlest things can make the difference between an accessible website and a potential law-suit. In this session I will go over some of the most common problems and show how easy it is to fix them, and provide strategies that you can apply to prevent them from happening in the first place.

Moving Beyond "Copy" & "Design" into Content-Driven UX Workflows and Tools

 

Content + Design Process = Painful?

Raise your hand if you've ever encountered a broken process or workflow SNAFU with content and design production? The world of web demands a fluid, yet adaptive harmony between multiple project teams and goals working in unison. When these teams fail to synergize, the creative process can be like a brick and mortar waterfall.

Real-Time Theming With Chrome DevTools, Gulp, SCSS, and LiveReload

Wouldn't it be great if we could just use Chrome DevTools to inspect the page HTML we're working on locally, see the underlying and uncompiled SCSS (as we inspect elements), edit it there in the Sources window, save it back to the file system, and then see it compiled as CSS —rendered immediately in your browser without having to press the "reload" button? Well, YOU FREAKING CAN!

Why not! Back in 1997, I could use Netscape Navigator to edit HTML in the browser and see changes immediately. It's 2016, and we can do it again!

Drupal 8 Front end development - Tips, Tricks, and Twig

In this session I'll be talking about some tips and tricks you can use while developing a theme from zero for Drupal 8, also I'll be talking about how important is the sitebuilding and how you can leverage on that to make your front end experience more easy.

I'll make you familiar with twig and show some examples of how to solve common issues.

Styleguide + Prototype: Move Fast and Embrace Drupal

A static prototype, along with a styleguide, puts your ideas into the hands of your clients, users, and developers sooner, providing more time for iteration—ultimately resulting in a better product.

Intro to Singularity Grid System

Singularity lets you toss out your old, stodgy grid system and it's wacky class names and weird markup requirements. I'll show you how you can use Singularity to create a system of columns and gutters that actually works with your content, allowing different layouts at different media queries, a visual order that isn’t tied to your source order, and works with your own naming convention.

Replacing Bartik in Backdrop

This year I led the effort to replace the default theme (Bartik) in Backdrop CMS with a new theme called "Basis".

In this talk we'll go over:

  • UX, design, and code architecture considerations
  • Front end architecture we landed for CSS, TPL's, and Javascript
  • Stumbling blocks
  • Future plans for the theme
  • Differences between developing themes for Backdrop vs Drupal

https://github.com/backdrop-contrib/basis

Web Virtual Reality - Overview and "How To" Demo

Heard of Google Cardboard, HTC Vive or Oculus Rift? Saw Lawnmower Man once?

Well you can make VR stuff on the web, for use in popular VR devices, and they can even be used by standard desktop and mobile browsers. You can even integrate Virtual Reality sites with your favorite CMS.

In this session we'll go over:

Cat Gifs. Also, Front-End Build Process.

Today’s front-end workflow benefits greatly from familiarity with a few key languages and libraries - this is especially true as we move closer to a D8 release date. The front-enders at Chapter Three came together to discuss standardizing projects; a goal that had raised much contention in the past. After several rounds of hand-to-hand combat, we were able to come together and produce a front-end build process that has increased productivity, decreased friction, and helped with posterity and team interoperability.

Pages