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
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.
Responsive Design, Progressive Enhancement, and Mobile First are components that enable websites to support a wide range of mobile and desktop web browsers. Mobile First is the general strategy used to plan and organize a site, Progressive Enhancement creates the components to make a Mobile First site function, and Responsive Design changes the layout of the site to different sizes of screens.