Environments for Humans brings together some of the Web's most notable experts in and for an all-new, three-day online conference, the CSS Summit 2015! Bring the experts to your desktop July 7-July 9, 2015 from 9AM to 4PM (CT).
Don't miss this great event and purchase your tickets now!
SVG Track \\ July 7, 2015 \\ 9AM to 4PM CT
(Schedule subject to change)
Designing with Progressive Enhancement 9am CT
by Jason Garber, Co-author of Foundation HTML5 with CSS3
Twelve years ago, Steve Champeon coined the term "progressive enhancement," giving a name to the idea that we should build websites with a base level of functionality and apply layers of enhancement depending on a browser's capabilities.
Today, we use and access the Web more frequently from a variety of devices on wildly variable connections.
What impact has this had on a development process like progressive enhancement? What's changed? What's stayed the same?
In this presentation, Jason will give a brief history of progressive enhancement, discuss its relevance in 2015, and offer a framework for applying the principles of progressive enhancement to the entire design process.
About Jason Garber
Jason Garber is a web developer, author, musician, community organizer, and photographer living in Washington, DC. When not building accessible, progressively enhanced websites, he organizes Refresh DC, plays guitar in The Orchid, and collects vinyl records. He?s the co-author of Foundation HTML5 with CSS3, published by Friends of ED in 2012 and writes regularly at sixtwothree.org.×
HTML Tables to SVG Pie Charts 10am CT
by Chris Scott, Founder of Factmint
Chris Scott walks though his company, Factmint's, approach to building data visualizations through progressive enhancement to HTML tables. By example, creating an interactive pie chart using SVG and CSS.
About Chris Scott
SVG Sprites for Animation 11am CT
by Sarah Drasner, Senior Interaction Designer at Fauna, Inc.
In the age of multiple screen resolutions, Scalable Vector Graphics are a powerful thing. An SVG sprite, with the reduction of HTTP requests, becomes more powerful still.
What does this mean in terms of animation? In this session, you’ll learn a few different ways that SVG sprites can cater to your users as well as your performance budget, such as:
- Creating a complex animation that adjust based on the context of the viewport
- Standing on the shoulders of animation giants of days past by using an SVG sprite like a traditional hand-drawn animation
- Options for automating sprite creation for animation
- Good fallbacks for mobile and progressive enhancement
- Creating seamless parallax backgrounds with an SVG sprite
About Sarah Drasner
Sarah Drasner is the Senior Interaction Designer at Fauna, Inc., a company founded by former Lead Engineers from Twitter.
Sarah is the former Head of Design and Front-End Development at Basho, creators of Riak. At Basho, she increased lead generation by 75% through design improvements and managed all branding and visual communication.
Prior to Basho, Sarah worked for the Field Museum of Natural History as a Scientific Illustrator and Front-End Developer. Sarah has worked for Stanford University?s department of Neurology and UCSF Medical School as a Front-End Developer and Medical Illustrator. She also was project lead and UX Developer for various author websites through the firm Waxcreative in Oakland.×
Creating SVG Polygons 1pm CT
by Dennis Gaebel, Design Technologist at Gray Ghost Visuals
In this session, Dennis discusses how to create polygon SVG effects and look at some additional examples of this type of animation in the wild.
In this session, Dennis answers the following questions:
- What is GSAP and the best way to get started with the tool.
- How to make Polygon art.
- How SVG animations work.
- What a tween is and how it works.
- How varying eases can alter the feel of a sequence.
- What compositing failures still linger for SVG.
About Dennis Gaebel
Design Technologist, Writer and Open Source maker at Gray Ghost Visuals. I?ve written for respected web resources such as Web Design Weekly, SitePoint, Tuts+ and CSS-Tricks on topics ranging from SVG animation to development workflow and interface design. As a single person company I work mostly with clients on pattern based development and interaction design for Web oriented projects.×
Sass Track \\ July 9, 2015 \\ 9AM to 4PM CT
(Schedule subject to change)
Naming Things 9am CT
by Ethan Muller, Web Developer at Sparkbox
Naming stuff is arguably the hardest part of writing HTML & CSS. Let’s talk about what we can do to tame the unpredictability of the future. We’ll cover:
- Formulating maintainable class names
- Categorization of class names
- Class name semantics
About Ethan Muller
Being a developer with a design background, Ethan has a fondness for both beautiful code and smart design.
Ethan spends most of his days writing maintainable frontend code to delight users, clients, and fellow developers alike. He spends his other days making music, playing video games, and doodling.×
Writing Modular CSS with Sass 10am CT
by Guil Hernandez, Development teacher at Treehouse
CSS needs be reusable, scalable and adaptable to different use cases.
When writing modular CSS, our goal should be to get to a point where modifying or re-arranging anything about the structure will not break the front-end.
In this session, Guil will go over how to use many of the best practices and principles of modular CSS architecture with Sass. You’ll learn how a modular approach with Sass can boost your front-end workflow and cut down on maintenance, including:
- How to write code that scales, no matter how big the project
- Writing code others can easily read and maintain
- Overview of the patterns of BEM (Block Element Modifier) and SMACSS (Scalable and Modular Architecture for CSS)
- Creating CSS components that do not rely on context
- Learn mixins and functions for writing modular code
About Guil Hernandez
Guil is a front-end design and development teacher at Treehouse. He's also co-organizer of @sflsass and writes for sassbreak.com, a simple blog about Sass.×
Sass Workflow Integration 11am CT
by Una Kravets, Front-end Designer at IBM DesignSession information forthcoming.
About Una Kravets
I'm a front end designer, creating software prototypes at IBM Design, Austin. My goal is to make people smile through interactive experiences. I'm an avid Tweeter @una, founded the Sassy DC and ATX Sass Meetups, draw sometimes, and play with code a lot. I'm a DC girl at heart and have previously interned at some amazing places like Viget, nclud, and nvite, but look forward to my next adventure in Texas!×
Sass Map Magic 1pm CT
by Eric Suzanne, Developer at OddBird
Maps are a powerful data type in Sass -- perfect for managing color and icon palettes, framework configuration, data storage, and more. We’ll find ways to integrate maps into any project before we push them to their limits.
- Basics: create, read, manage, and merge maps
- Organization: name-spacing your variables with maps
- Tooling: creating your own site config and toolkit with functions & maps
- Potential problems: handling self-reference within a map
- Mania: creating your own "natural language" syntax
About Eric Suzanne
Eric M Suzanne creates web software with OddBird, soundscapes with Teacup Gorilla, wordscapes with [WriteyWrite], and performance art with Vicious Trap or the Denver Poets? Theatre. Formerly Artistic Director of New World Arts & Technical Director of The LIDA Project, Eric is the author of Riding SideSaddle*, and The Post-Obsolete Book. She?s an avid open-source contributor ? organizer of SassHack Denver, core developer on Compass, and creator of Susy and True.×
Designing Web Systems (Not Pages) 2pm CT
by Sam Richard, UI Architect at IBM Watson at IBM Watson
The old PSD to HTML workflow doesn't stand up to the complexities of responsive web design and the multi device web. Pictures aren't able to articulate all of the variables and variances that we need to design for.
Instead, we should get into browser early, patterns to support our content instead of pages, from a semantic and accessible baseline for everyone, enhancing up to our ideal user experience.
These are the systems of design that we should be aiming for and will make what we design more valuable for longer.
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.×
TBA 3pm CT
by Tab Atkins, Web Standards Hacker at GoogleSession information forthcoming.
About Tab Atkins
Tab Atkins Jr. wears many hats. Working for Google on the Chrome browser as a Web Standards Hacker, he also is a member of the CSS Working Group and several others, and contributes to even more working groups in the W3C.×
Adv Track \\ July 9, 2015 \\ 9AM to 4PM CT
(Schedule subject to change)
CSS & Sass Color 9am CT
by Clarissa Peterson, Author of Learning Responsive Web Design
Color is one of the first things we learn how to do in CSS -- and yet many of us don't ever go further than typing hex numbers handed to us by a designer. But getting colors to appear on a screen is just the beginning.
Discover the secrets behind hex color values, and how to use simple math to adjust color attributes like saturation and brightness. Find out why colors look different on different devices, and what you can do about it. Learn how to adjust colors with media queries to make sure your colors look their best on any screen size. Find out how user context may affect the appropriate colors for a website.
And finally, learn how you can make this whole color thing a lot less complicated by using a CSS preprocessor like Sass to manage your color choices and create color variations automatically.
About Clarissa Peterson
Clarissa Peterson is a UX designer and developer, specializing in building responsive websites and training organizations in responsive design workflow. She frequently speaks on responsive design and mobile content strategy.×
CSS Workflows from the Ground Up 10am CT
by Jonathan Snook, Web Design and Development Specialist
Between frameworks, preprocessors, and package managers, getting a web project off the ground seems to require a lot of tools. Have the days of opening up a single CSS file in a text editor disappeared?
This session will look at workflows that can help us work quickly and easily to build a performant and scalable site.
About Jonathan Snook
Using AngularJS for Data Visualisations 11am CT
by Nick Moreton, Web designer and WordPress developerSession information forthcoming.
About Nick Moreton
New Media lecturer at Birmingham City University. Web consultant. Front end developer. Angular explorer. WordPress butcher.×
The Next Steps in RWD 1pm CT
by Justin Avery, Curator of RWD Weekly List
Responsive design sounds simple enough, but in practice it can have you banging your head against the wall. I conducted a poll with the readers on RWD Weekly to find out what was causing the biggest headaches.
We will look through the 6 most common issues and techniques on how you can get started or flip to expert mode.
- Responsive Images
- Improving Performance
- Responsive Typography
- Progressive Enhancement
About Justin Avery
Web developer, technical consultant, wireframer and recently spend lots of time researching responsive design.×
About the CSS Summit 2015
Whether it's the implementation of the new techniques available in CSS3, mobile concerns, pre-processor workflows or the ever-growing list of available fonts and how to use them, Web designers and developers will get up-to-speed with the help of these internationally recognized speakers and educators.
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!
Can't make it the day of the conference? Recordings are part of registration, so you can watch the recordings whenever you want!
Within five business days after the event, we will send you information on how to view recorded sessions.
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!
I can honestly say I've learned more attending E4H's virtual summits than I've learned attending real life conferences.
Next Event →
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.