Environments for Humans brings together some of the Web's most notable experts in and for an all-new, two-day online conference, the Sass Summit 2015! Bring the experts to your desktop November 18-19, 2015 from 9AM to 5PM (CT).
Don't miss this great event and purchase your tickets now!
Day 1 Track \\ Nov 18, 2015 \\ 9AM to 5PM CT
(Schedule subject to change)
Using Musical Scales to Build Harmonious Typographic Scale 9am CT
by James Steinbach, Web Builder
In this talk, you will learn how to satisfy developers’ desire for a consistent basis for type sizing.
We’ll look at the math behind musical scales and use those patterns to demystify typographical scales. Then we will end by dissecting a Sass library to generate all the type sizes needed for a project:
- Need for Responsive Typography (including overview of existing solutions)
- Project Requirements:
- Base font size varies by breakpoint
- Type scale varies by breakpoint
- Type scale increases on intelligent proportions
- Consistent vertical rhythm
- Sass-y Solutions
- Maps for breakpoint data
- Lists for desired font sizes
- Loops for size/line-height generation
- Mixins for reusable rhythm measurements
- Demo of how to use TypeTuner
About James Steinbach
I'm a Chicago native living in South Carolina and yearning for Denver. When I'm not building websites, I love to spend time with my wife & newborn baby, read something suspenseful, catch a good movie, and discover fantastic food & drink. When I am building building websites, I'm all about developing meaning animations, presenting unique responsive design solutions, and using Sass to keep my code clean and light.×
You Can Make Games 10am CT
by Alicia Sedlock, Front-end and User Experience Developer
We've seen front-end technologies advance in ways that have opened a world of possibilities for building websites and applications. But what happens when we take these technologies and use them for something different - something like building games?
Most game developers are focusing on using canvas to build games, but let's think outside of that box for a bit. How can we leverage the latest and greatest of CSS3, along with with a powerful tool like SASS, to build games using as much CSS as possible? In this talk we'll walk look through a series of demos that will cover things like:
- Building character walk cycles with sprites and CSS tranformations
- Using functions and mixins to add randomized behavior to the game environment
- Responding to user interactions and in-game state to determine win/loss conditions
We'll also discuss why anyone would or should build games in this way, and what it does for the current state of the gaming community.
About Alicia Sedlock
Alicia is a front-end and user experience developer that wants everything to be easy, from user interfaces to understanding a code base. She's also an Arduino tinkerer and volunteers for Girl Develop It's Boston chapter. Outside of her work, she's usually talking about anime, tacos, or getting mad about video game interfaces.×
Creating Your Own CDN 11am CT
by Ian Carrico, Web Performance Artist at Vox Media
One of the biggest factors in the performance of a site is the latency between the user and the server. The best way to decrease latency is to use a Content Delivery Network (CDN), but sometimes standard products won’t always fit within your needs. This is how I built my own!
You will learn:
- Why it is so important to get content to the user
- Managing several different servers with Ansible playbooks
- Setting up Amazon’s DNS (Route 53) to handle latency-based DNS
- Deploying to multiple servers at once with Deploy.io
About Ian Carrico
Ian Carrico is a simple web developer with a big dream, to make the internet faster. He has commits on sites across the internet, from The Economist to NBC, developing better solutions to solve a litany of features. He also works heavily within the front end community to develop better workflows for development. He currently works at Vox Media as a Web Performance Artist, focusing on front end performance.×
Looping for Animation 1pm CT
by Evangelina Ferreira, Professor at National Technological University in Argentina
María Evangelina Ferreira will present the best tips to make impressive animations with a tiny quantity of code. Taking advantage of Sass Mixins and Loops; animating color changes, creating delays and even animating SVG is simpler than ever!
You will learn:
- How to create animations more easily
- How to make your code reusable
- How to take advantage of looping and mixins when working with animations
About Evangelina Ferreira
CSS fanatic, María Evangelina Ferreira is a designer, professor and speaker. She currently works as a professor at the National Technological University in Argentina and as freelance web developer for small and medium businesses. Evangelina has spoken at conferences such as CSSConf US, CSSConf AU and JSConf AR.×
Attributes-driven Styles: The Good, the Bad, and the Unknown 2pm CT
by Jonathan Cutrell, Director of Technology at Whiteboard
It's far too easy for us to get into the habit of doing the same things we've always done. Every once in a while, it's a good idea to stop and ask the questions, "Why do we do it this way?", and "Is there a better alternative?"
This session will start a discussion about why we choose to primarily rely on class selectors, and offers a list of compelling reasons for front-end developers to adopt flexible attribute-oriented selectors as an enhancement to pure class selectors, and in some cases, as a better alternative.
About Jonathan Cutrell
Jonathan leads a team of developers at Whiteboard, a design and development firm focused on people and their exchange with technology in Chattanooga, TN. Beyond casting strategic vision at a high level for the developers at Whiteboard, he writes code with his team every day. Jonathan is also an author, and the host of Developer Tea, a 10 minute, top-rated podcast focused on providing regular, valuable insights to developers.×
PostCSS, Sass, & Your Workflow 3pm CT
by Cory Simmons, Creator of Jeet and Lost
Ever been trying to figure out how to frantically trying to maintain 3 codebases for Sass, LESS, and Stylus? Cory Summons did until he finally switched over to PostCSS. Now his codebase works with all preprocessors and even vanilla CSS.
This is not a talk convince people to abandon Sass–far from it actually.
As a big fan of using Sass, we will talk about some of the things Sass is good at, followed by some of the things it’s just not powerful enough to do - that’s where PostCSS comes in.
Towards the end of the session, Cory will demonstrate how to use both PostCSS and preprocessors together for win-win workflows:
- Discuss my background with Sass and some projects I’ve worked on
- Tell my story of maintaining libraries written in Sass, LESS, and Stylus, and how I switched to PostCSS
- Code examples, code examples, code examples
- Show people how easy it is to use Sass and PostCSS together to expose tons of power while keeping their Sass syntax and mixins
- Implore people to write their libraries in PostCSS so they’re available to every preprocessor and vanilla CSS
About Cory Simmons
Cory is the creator of Jeet and Lost (fancy grids). He's been using Sass since its inception and is familiar with a lot of its strengths and weaknesses. He's worked on Teespring's Sass and is currently working at Grist maintaining a huge Sass library.×
Day 2 Track \\ Nov 19, 2015 \\ 9AM to 5PM CT
(Schedule subject to change)
Linting for Fun and Profit 9am CT
by Sam Richard, UI Architect at IBM Watson
Listing your Sass allows you to enforce code style guides and help catch potential bugs before they exist. With the newly released Node-only Sass Lint, it's even easier to integrate linting in to the lightning fast Node Sass ecosystem.
You will learn:
- What is linting?
- Why should I use linting in my project?
- How can I integrate linting in to my process?
- How can I define a code style guide backed by linting?
About Sam Richard
Sam Richard is the Senior Front End Developer for NBCUniversal’s Publisher team where he waxes philosophical about Sass+Compass, Responsive Web Design, Drupal, Photography, and, on occasion, bacon. He also makes all of the above, occasionally dipped in chocolate He organizes the New York Responsive Web Design meetup and co-organizes the New York Sass meetup and has spoken at a number of local, national, and international camps and conferences. He also maintains a number of open source projects to make designing in browser and build responsive sites easier.×
Extend: the Ex 10am CT
by David Khourshid, Front-end Engineer at Counsyl
As Sass developers, we have a love-hate relationship with the @extend directive. We’ve used it frequently to share styles and hierarchically create components, without giving it a second thought. That is, until we peeked at the generated CSS and saw the ensuing selector explosion. That’s when we vowed to never use @extend directive again at all costs and use the @mixin instead.
That was until now.
In this talk, we will discuss how @extend has been misunderstood, and how it can be extremely useful in well-organized, flexible, and scalable component-based Sass projects, without any unexpected side effects or extraneous CSS.
You will learn:
- What is the @extend directive and how has it been (ab)used?
- Using @mixin over @extend - how and why
- Reconsidering @extend:
- How @extend really works
- Strategies and guidelines for @extend
- When to use @extend over @mixin
- Performance concerns
- Usage with component-based frameworks, like React
About David Khourshid
Easy Interface Animation with Motion UI 11am CT
by Geoff Kimball, Product designer at ZURB
- Motion UI’s library of transition mixins allow for the easy creation of custom UI state animations.
- The library’s CSS output can be fine-tuned to work with any JS library, such as Angular or React.
- The series tool helps you compose animations that run in series according to specific timing rules.
About Geoff Kimball
My name is Geoff Kimball. I live in San Jose, California and I work at the agency ZURB as a product designer. I design and I code, but whichever I'm doing, I just want to make awesome things for people. I'm interested in the ways we incorporate technology into our lives, and my ambition is to work on products and services that affect millions of people.×
Creating your Styleguide with Sass Maps 1pm CT
by Lourdes Montano, Front End Developer at RG/A Buenos Aires, Argentina
When working on big projects, the code architecture is very important to keep everything under control. CSS is no exception at all. During years, many of us have seen stylesheets with lots of repeated code that is added all the time and not taken away because ‘oh dear…you never know…just in case…’
So, at the time of think your CSS up, it is essential to have a structure that will help you all across the site. Based on the learning process I had when I started using Sass Maps, this session shows how Sass Maps are a powerful tool that help organize code and structure in order to keep everything DRY and easy to maintain.
You will learn:
- A quick Maps catch up
- Different uses for Sass Maps
- How to create your dynamic classes
- Extending this to big projects and large work teams
About Lourdes Montano
Lourdes Montano is a Front End developer who loves working on responsive websites using CSS and its pre-processors. She works as Sr. Presentation Code Developer at R/GA Buenos Aires, Argentina and from time to time she is a speaker at some conferences like JSConf Uruguay and CSS Conference in Brazil. When she is not writing code or talking about CSS she loves go climbing mountains or surfing waves.×
The Portable Pattern Guide 2pm CT
by Rachel Ober, Ruby on Rails Developer
A pattern guide is more than a set of styles. It's a contract between product and development making something easy to understand and portable for every day use and contribution. Making them, however, is not always easy or straightforwrd.
In this session, Rachel Ober unloads the lessons she learned, heartaches she experienced, and the wise(ish) things that resulted.
You will learn:
- Setting up your first pattern guide
- Tips for making your pattern guide "portable" to be used in multiple projects
- Creating contribution guidelines so that your whole team can add new modules
- Options for dealing changing designs and working with large teams
About Rachel Ober
Rachel Ober is a Ruby on Rails developer based in New York City. A true renaissance woman, Rachel has significant experience in and a passion for user experience, user interface and cognitive design. Rachel is a senior developer at Paperless Post where she serves as technical mentor for all front end developers on the development team and leads front end development for the company. She also teaches the ins and outs of Rails at General Assembly for their Back End Ruby on Rails course. Rachel encourages other women developers to hone their skills by contributing to the 3-day conference Write/Speak/Code as a co-organizer. Founded in 2013, Rachel organizes and volunteers her time teaching women Ruby and Ruby on Rails through RailsBridge NYC. Rachel lives in Brooklyn with her husband and fur-child Isabella and loves scrapbooking and card making.×
A Modern Sass Architecture 3pm CT
by Stuart Robson, Curator of Sass News Weekly
In this session, Stuart looks at how we once wrote CSS to how we've evolved our front-end architecture, using Sass, to make our CSS more documented, portable and maintainable.
At the end of the session, you will come away inspired with new ideas and practical tips to better your existing Sass architecture for current and future projects.
You will learn:
- Folder and file structure
- Naming conventions and methodologies
- Creating maintainable variables
- Documenting as a start and not an afterthought
- How to compose declarations
- When to not use Sass
About the Sass Summit 2015
At Environments for Humans, we’ve been hosting sessions on Compass and Sass for years as a part of the annual CSS Summit. With Sass being one of the most mature, stable, and powerful professional grade CSS extension languages in the world, the time is right for Sass with it’s own Summit.
Join us for a day of Sass experts discussing the state of Sass and deep diving the features that make our workflow easier: from building style guides, coding complex RWD layouts, and much more.
Why attend the online conference?
- Attending a conference online means no travel hassle!
- Bring the experts live to your desktop!
- Time spent on the road is better spent instead in the office or with family, friends!
- Sessions are developed to dive deeper into the material!
- Ask questions directly to the speakers!
- Can't make it the day of the conference? Watch the recordings whenever you want!
This conference was a load of fun. I loved the instant feedback from the speakers and the atmosphere.
I love these online conferences. It's convenient and you can still learn a lot from the comfort of your home or at work.
An absolutely fantastic event. Well done—will definitely be back for more!
HOW IT WORKS
Once you are registered, you will receive a follow-up email to confirm your reservation. Later on, as the event draws near, you will receive a more detailed message, with the full schedule and other helpful information to help you take full advantage of your conference-going experience and plan your day.
On the day of the conference, you will receive an email invitation about 45 minutes before everything starts. Click on the enclosed link to sign in and enter the virtual meeting space. Once you are signed in, you'll be able to see and hear the presentations as they happen, ask questions as needed and chat with the other attendees if you like!
Technical Specifications: to attend The Summit, you will need a modern web browser and a recent version of the Adobe Flash Player. Follow this link to run our system diagnostic (opens in a new window). It will let you know right away which plug-ins, if any, you will need to update before the event.