Environments for Humans
twitter icon facebook icon flickr icon feed icon linkedin icon email icon

CSS Summit 2014 logo

The 6th annual online, live CSS and Sass conference

In-kind Sponsors


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 2014! Bring the experts to your desktop July 15-July 17, 2014 from 9AM to 4PM (CT).

Don't miss this great event and purchase your tickets now!

Day 1 \\ July 15, 2014 \\ 9AM to 4PM CT

(Schedule subject to change)

CSS Selectors 9am CT

by Estelle Weyl, Author of HTML5 and CSS3 in the Real World

In this session, Estelle will discuss some of the nuanced and lesser known aspects of CSS selectors. This includes CSS specificity and some of the more advanced pseudo class selectors that can be helpful when building complex websites and web apps.

About Estelle Weyl

Estelle Weyl started her professional life in architecture, then managed teen health programs.

In 2000, she took the natural step of becoming a web standardista. She has consulted for Kodakgallery, Yahoo! and Apple, among others.

Estelle shares esoteric tidbits learned while programming CSS, JavaScript and XHTML in her blog at http://evotech.net/blog and provides tutorials and detailed grids of CSS3 and HTML5 browser support in her blog at standardista.com.

She is the author of HTML5, CSS3, and JavaScript for Mobile and HTML5 and CSS3 for the Real World. While not coding, she works in construction, de-hippifying her 1960?s throwback abode.

×

Practical CSS Transforms 10am CT

by Jing Jin, Co-founder at Konsult

CSS transforms are powerful tools to release your designs from the constraints of a flat screen.

However, support is still a little spotty amongst major browsers.

First, let's take a look at what transforms are capable of in the ideal world.

Then, we'll explore how to use 2D and 3D transforms given the current support and performance limitations.

At the end of the talk, you'll take away tips you can immediately apply to an existing or new site.

About Jing Jin

Information coming soon. ×

Print CSS 11am CT

by Adrian Roselli, Vice President at Algonquin Studios

The push for responsive web design has helped web developers consider how the sites they develop can adapt to different devices, including sizes, screen resolutions, and even contexts.

It should now be easier than ever to respond to a format that has existed since the start of the web -- print.

I'll walk through the process for making your responsive sites respond to the format we most often forget and show you how to use Google Analytics to track what pages are printed from your site.

About Adrian Roselli

I have been developing accessible, effective user interfaces for the Web since 1993, as well as interfaces for multimedia and software applications. With a focus on standards and accessibility, I ensure software and web-based applications can be utilized by users with varying levels of ability on a wide array of platforms.

I am vice president at Algonquin Studios, which I co-founded in 1998. I have been responsible for bridging the gap between the worlds of design and technology.

I serve as an invited expert in the W3C HTML Working Group, the standards body responsible for developing HTML, and am also part of the W3C Accessibility Task Force.

I am a founding member and contributor to evolt.org, a community, mailing list and web site made up of web professionals from around the globe who share their knowledge and experience in web development.

I have written articles for trade journals, web sites, and participated as an author and editor on several books published by Glasshaus, including Web Graphics for Non-Designers, Cascading Style Sheets and Usability: The Site Speaks for Itself. I have also acted as a technical editor for the same publisher and for developer web sites. My work has been cited in many books and articles on usability, accessibility, and interface design.

I earned my bachelor’s degree in Media Study at the State University of New York at Buffalo.

×

The CSS of the Internet of Things 1pm CT

by Luis Rodriguez, Co-founder of Queen + Clarendon

Write the stylesheets of tomorrow today by preparing for a plethora of screens and devices.

Expand the influence of CSS in a smart world by focusing on writing stylesheets for interactive TVs and the HTML5 native elements canvas and buttons.

This session will demonstrate best practices of interactive television front-end development as well as device agnostic CSS Styling of HTML5 elements for JavaScript clients that run GNU/Linux machines.

Underlying all technical specifications the design principles of modularity, efficiency, responsiveness, and flexibility will be emphasized and their impact on writing CSS code that contribute to creating adaptable yet platform appropriate interconnected components.

About Luis Rodriguez

Luis grew up in Ecuador, South America but now lives in the Washington, DC Metropolitan area. He combines his background in graphic design with training in screenwriting to complement his web development and interaction design skills.

×

CSS & Pattern Libraries 2pm CT

by Russ Weakley, Web Designer at Max Design

Pattern libraries can be hugely beneficial during the design and development of any website or web application. In this presentation explores pros and cons of moving towards abstracted layouts, we cover:

  • Going atomic
  • Naming conventions
  • CSS modules
  • Responsive and pattern libraries
  • Pattern library workflow

About Russ Weakley

Russ has worked in the graphic design arena for over 20 years, with a major portion of that time spent specialising in web development and design.

×

Responsive Typography 3pm CT

by Jason Pamental, Author of Type, Responsively

Responsive web design is one of the most significant advances in web design. But what about your type?

Changing floats and widths isn’t enough.

We’ll look at screen size, relative proportion, device norms and compatibility in order to best present our design and convey its meaning and intent across devices and screen sizes.

We’ll see how typographic scale changes across screen sizes, talk about measurement units and which ones work best, and look at how @font-face works and what tricks are being used by font services to serve your fonts faster.

Explore the future of fonts on the web, and learn about tips & tools to ease your process & get more beautiful results.

About Jason Pamental

Jason Pamental is the co-founder of h+w design, writer and overall web & typography nerd (you can find his writing on typecastapp.com, fonts.com, .net magazine and elsewhere).

Favorite self-descriptor: specializing in being a generalist (he's worked on the web since 1994 in a range of capacities).

With a background in design and an intimate understanding of technology and its application on the web, he's led creative and technical efforts for major universities, NFL and America's Cup teams, Fortune 25 corporations and many other clients. Jason also speaks about Responsive Design, Web Typography and Web Strategy at conferences and pretty much anywhere people will listen.

×

Day 2 \\ July 16, 2014 \\ 9AM to 4PM CT

(Schedule subject to change)

CSS and Ebooks 9am CT

by Rachel Andrew, Author of CSS Anthology

Many web designers and developers are publishing their own ebooks rather than publishing via a traditional publisher. If you want to do this, however, you need to be able to create the various formats of book that readers will expect in order to be able to read on their Kindle, iPad or computer.

In this presentation I demonstrate how you can use your CSS skills to layout books for publication as e-books:

  • How to layout a book using CSS
  • Converting an HTML or Markdown and CSS book to EPUB, MOBI and PDF using free and commercial tools
  • Tips for formatting for the different formats
  • Troubleshooting common issues
  • Other useful resources

About Rachel Andrew

Rachel Andrew is a web developer and Director of edgeofmyseat.com, a UK web development consultancy and creators of the small content management system, Perch. She is the author of a number of web design and development books including The CSS3 Anthology for SitePoint and the CSS3 Layout Modules Pocket Guide published by Five Simple Steps.

Rachel writes about business and technology on her blog at rachelandrew.co.uk.

×

CSS 3D Transforms & Morphing Solids 10am CT

by Ana Tudor, Web Builder

CSS has come to be perfectly capable of putting together really cool 3D stuff like complex solids that can transform into one another through various methods.

In this session, I’ll cover:

  • Reducing any shape to triangles
  • Computing edge lengths and angles
  • Creating shapes with transforms
  • Animating from one shape to another

About Ana Tudor

Loves maths, especially geometry. Enjoys playing with code. Passionate about experimenting & learning new things. Fascinated by astrophysics and science in general. Huge fan of technological advance & its applications in all fields. Shows an interest in motor sports, drawing, classic cartoons, rock music, cuddling toys and animals with sharp claws & big teeth. Dreams about owning a real tiger.

×

Accelerating Your CSS 11am CT

by Dave Arel, Director of JavaScript Engineering at Belly Card

Hardware Acceleration is the use of hardware to perform tasks faster than it is possible to perform in software.

CSS3 introduced a way to hackishly offload some of our visual rendering tasks that had been traditionally performed by the CPU, to the fast-and-furious GPU. While overtime many engineers have begun to utilize hardware acceleration, many still don’t understand the full potential, especially in mobile.

This presentation is a behind-the-browser introduction to rendering engines, the GPU, accelerated compositing, and the performance enhancements it can provide mobile applications.

About Dave Arel

Dave Arel is a product engineer with a focus mainly in JavaScript. As the Director of JavaScript Engineering and Head of Front-End at Belly, he is directly responsible for the development of their HTML5 iPad application which is used by thousands of businesses and millions of users. So when it’s not working properly, blame him. Dave is easily recognizable by his lack of hair and eau de hockey-bag cologne.

Information coming soon. ×

Context Aware CSS 1pm CT

by Matt Carver, Technology Director at Big Spaceship

The responsive web was the beginning of a new philosophy in web design. Scaling sites for their screen sizes is just the beginning though. The future of the web is entrenched in contextually aware design patterns.

Covered in this session:

  • Introduction to Context Aware CSS
  • Dive into CSS Media Queries: Level 4
  • Using the latest with Modernizr

About Matt Carver

Information coming soon. ×

Building an Interactive Storybook with HTML5 & jQuery 2pm CT

by Rachel Nabors, Front-end Developer and UI Engineer

Alice in Videoland is a colorful reinterpretation of Lewis Carroll’s children’s classic and serves as a proving ground for many useful and dazzling techniques.

Learn about detecting reading progress with Waypoints, managing touch and click events uniformly, and the perils of scroll events and parallax on mobile browsers.

About Rachel Nabors

Rachel Nabors is a front end developer, UI engineer, and award-winning cartoonist in Raleigh, North Carolina.

She has given talks and written about topics ranging from wabi-sabi to contributing to open source projects with github. She spends her free time making comics, drinking tea, and tending orchids.

You can follow her work at rachelnabors.com and @CrowChick and read her comics at rachelthegreat.com.

×

Making Responsive Emails 3pm CT

by Justine Jordan, Marketing Director of Litmus.com

Fluid, flexible, and responsive techniques are well-known for the web, but applying those concepts to email is misunderstood at best and appalling to web designers at worst.

We'll cover:

  • Applying responsive concepts within the famously standards-adverse universe of email
  • How to successfully approach a responsive email project (and live through it)
  • Examples of well-known brands building awesome responsive emails

About Justine Jordan

Trained as a graphic designer, I discovered the world of email marketing when I joined ExactTarget in 2007 as an email designer and campaign manager. I quickly embraced the data-centered rationale behind email design and haven’t looked back since.

I’ve had the opportunity to work with a spectacular variety of customers representing every size, industry and vertical imaginable, while building expertise in email strategy, campaign processes, branding and content along the way. In my current role at Litmus, I manage content & product marketing, research and education for our suite of email tracking and testing tools.

I’m happiest when using data to make decisions, testing creative, making great products, talking about design and applying user experience principles to email marketing.

In addition, I also speak frequently at interactive & digital marketing events, usually on the topics of email design or mobile email.

×

Day 3 \\ July 17, 2014 \\ 9AM to 4PM CT

(Schedule subject to change)

The State of Sass and Compass 9am CT

by Chris Eppstein, Creator of Compass and SASS Core Team Member

In addition to reviewing the latest in the new in Sass and Compass, Chris Eppstein discusses the roadmap of these technologies and answers your questions about their future.

About Chris Eppstein

Chris Eppstein is an open source hacker at LinkedIn. The creator of Compass, a stylesheet authoring framework and is on the core team of Sass, Chris is a co-author of Sass & Compass in Action. ×

RWD Front End Workflow 10am CT

by Patrick Fulton, Front-end developer at BeardedStudio

RWD has opened our eyes to the flaws in our processes that were already there. And now, like it or not, we need to address them. The internet is flexible and we need to be as well if we want to create good solutions. We need to call off the quest for pixel perfection. We must plan, design, and build for extensibility.

But starting a new RWD project can be daunting! How do we keep our sanity while trying to build things that are future friendly to the web in general, and to everyone who has to maintain those projects later? We need a battle plan, and that plan involves building our own "starter kit."

In this session, Patrick Fulton will discuss how the team at Bearded addresses these issues, and stays on top of the ever-changing challenges of the multi-device web.

Items covered:

  • Creating future-friendly HTML and CSS using modular principles
  • How Sass and Compass can help stylesheet authors maintain their sanity
  • Wrangling your media queries in Sass with the Breakpoint extension
  • How to handle client hand-offs

About Patrick Fulton

Patrick Fulton is a front end developer who has been working with the web since 1998.

×

RWD and Small Screen Navigation 11am CT

by Ben Callahan, Co-founder of Build Responsively Workshop Series

We've made a lot of assumptions about what makes for the most usable navigation experience on small screens--hamburger icons, off-canvas solutions, expanding elements.

Countless options exist.

This presentation is a careful examination of emerging patterns, as well as techniques for determining which of those patterns work best for specific architectures and project types.

You'll be encouraged to stop guessing and start testing--and leave with a clear understanding of what's possible and the tools to make your case to a client or boss.

About Ben Callahan

President of Sparkbox and co-founder of the Build Responsively workshop series, Ben shares his ideas about the web on the Sparkbox Foundry and other industry blogs.

His leadership at Sparkbox has driven the team to be a pioneer in responsive web design techniques, and he continues to push for great user experiences outside the context of specific devices.

×

Present and Future of Layout 1pm CT

by Tab Atkins, Web Standards Hacker at Google

Designing a page's layout in CSS has traditionally been a hard problem, though developers have come up with a lot of amazing hacks.

Today, and in the near future, much of this pain will disappear, as CSS introduces new layout specs, like Flexbox and Grid, and other layout tools, like the Sizing and Alignment specs.

This session will explore some of the new abilities enabled by CSS's new layout specs, introducing you to techniques that can you can apply today (depending on your required browser support) and in the near future, as browsers continue to implement these new specs.

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.

×

Taking Sass Off the Beaten Path 2pm CT

by Roy Tomeij, Co-founder of AppSignal

Explore the hidden depths of Sass. No basic introduction, but a dive into a more programmatic approach to writing CSS.

Let's turn ASCII art into CSS animations, flip a site to right-to-left by changing a single variable and have an 8KB Sass file output 1MB of CSS. These things are so awesome, most of them probably shouldn’t ever be used in production (no, really, it's a bad idea).

About Roy Tomeij

Roy Tomeij is co-founder of 80beans and SliceCraft in Amsterdam, where he takes care of front-end architecture using an agile approach. He loves front-end meta languages like Haml, Sass & CoffeeScript because they are DRY, produce quick results & lead to better maintainable code.

×

Using Yeoman for Improving CSS Workflows 3pm CT

by Sam Richard, UI Designer at IBM Watson

Yeoman is a powerful scaffolding tool, but we often only think about it to scaffold out a website. But Yeoman generators can be written to scaffold out just about anything, from common CSS files to advanced Sass partial structures!

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.

×

Featuring
speakers from:

many fine organizations and companies

About the CSS Summit 2014

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!
Free Recordings

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.

Testimonials from
Attendees
This conference was a load of fun. I loved the instant feedback from the speakers and the atmosphere.


John-David Dalton
Web Application Developer
& Web Performance Summit Attendee

I love these online conferences. It's convenient and you can still learn a lot from the comfort of your home or at work.


Candi Ligutan
5by5.tv Producer

An absolutely fantastic event. Well done—will definitely be back for more!


Russ Weakley
Chair of Web Standards Group
& CSS Summit Attendee

I can honestly say I've learned more attending E4H's virtual summits than I've learned attending real life conferences.


Glenda Sims
Senior Accessibility Consultant at Deque Systems, Inc
& Accessibility Summit Attendee

Next Event →

After this event, join us for our Content Strategy Summit 2014, the 3rd annual online, live content strategy conference.

Satisfaction Guaranteed 100%

Buy Tickets

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.

Still have questions? Drop us a line or contact us at e4h@heatvision.com if there's anything else you'd like to know.