Our Blog About Drupal, Mobile, Resposive Design, Sass, and Front-end Architecture

banner image
Well used set of home repair tools.
Workflows

New Mac Setup Checklist: For Drupal (Front End) Developers

by
Have a shiny new Mac? Botched a Mac OS upgrade and it's time for a fresh install? Use our checklist to get your Drupal development environment up and running quickly.
banner globe
Drupal 8

DWW.com - Boutique Intellectual Property & IT Law Firm Launches The First Legal Sector Website Built With Drupal 8

by
Learn about how we used Drupal 8 to relaunch the new DWW.com. Highlights of the project include including migrating ~2500 articles from a legacy wordpress site, using schema.org to improve SEO, improving social reach with a custom hootsuite.com feed, and simplified the distribution of the firm’s bi-monthly email newsletter.
banner image
Drupal 8

DrupalNorth.org - Tales from the Trenches, Building the First Multilingual Conference Site in Drupal 8 Beta

by
Learn about great the features & frustrations of building DrupalNorth.org in Drupal 8 Beta
banner image
Aidan Foster Presenting About Scss lint
Workflows

The State of Front End Architecture in 2015: 
Trends, Tools, & Workflows

by
Take a 20,000 foot view of what's been happening with mobile websites over it's history. We'll review a number of the tools, techniques, and workflows that evolved to deal with the changing landscape of mobile web design.
banner opening-tag
Drupal 7

Responsive Theming with Aurora, SASS & BEM Syntax

by
Front-end web design has become a lot more complicated in the last few years and our trusty old css + text editor doesn't really cut it for modern web design. We'll review creating responsive themes using the Aurora base theme which provides a quick way to spin up a whole package of front end workflow tools to allow SASS 3.3, Compass, and Grunt to help us make complex websites faster. We'll also review file structures for organizing our SASS files using the BEM syntax which is a system for organizing and naming our CSS components so we don't descend into madness when we need to create .ever .more .specific #selectors .that #drupal .likes-to-make which is very !important
banner css
SASS

Sass Toronto Meetup - Installing the Sass, Gulp, Bower Stack

by
So here's a step by step of what to get running on the your mac so we can hack on SASS, Gulp, and all the related tools we love.
banner image
Drupal 7

Presentation: What It Takes To Make Mobile-Friendly, Future-Friendly Websites

by
Responsive Design alone doesn't create great mobile experiences. We need to combine other ideas together to make mobile friendly, future friendly websites. This "code free" presentation outlines how ideas like mobile first, progressive enhancement, Structured Content, and Performance budgets are all important components for building websites that support current devices along with future ones.
banner globe
Responsive Design

Responsive Design For Publishers - What it takes to get Mobile Friendly, Future Friendly Websites

by
Responsive Design alone doesn't create great mobile experiences. We to combine other ideas together to make mobile friendly, future friendly websites.
banner image
Responsive Design

Using Adobe Edge Inspect To Run Responsive Design Website Review Meetings

by
Team collaboration is critical to the success of a responsive website project. Unexpectedly I found a web developer tool called Adobe Edge Inspect very helpful for running feedback sessions and documenting ideas from those meetings. I’ll run though how we use it.
banner css
Responsive Design

New Tools For Responsive Design

by
Responsive design introduces new concepts and workflows to website development. Get a quick overview of tools and strategies to use on your next project. Learn about methods such as “in-browser” design, HTML wireframe prototypes, and using tools like Indesign CS6 for creative comps.