Return to Top

CSSConf

Amelia Island, Florida

“The first day of CSSConf was even nerdier than the first day of JSConf!” —CSSConf 2013 attendee

CSSConf is where developers come together to talk about building the world's most engaging user interfaces. The presenters push the boundaries of what is possible — talking about the latest technologies, cutting edge techniques, and tools. We look forward to seeing you on Amelia Island!

Epic Schedule Is Epic

May 26th, 2014

CSSConf Shuttles - 10:00AM - 8:00PM

We are happy to have shuttles running between the hours of hours of 10:00AM and 8:00PM leaving Jacksonville Airport (JAX) headed to the Amelia Island resort. These shuttle will require a special ticket named "Airport Transportation - May 26th" so we can plan accordingly. One ticket must be purchased for each individual riding the shuttle so we can best plan the traffic flow and ensure that everyone registered gets to Amelia Island. For more details, please review our Getting Here page!

Opening Gathering - 7:00PM - 10:00PM

After a long day of travel, join us and your fellow attendees at the local restaurant, The Falcon's Nest. Full of incredible aviation memorabilia, billiard tables, and TVs, the Falcon's Nest has something for everyone - even if just sitting out on the deck strikes your fancy. We will have appetizers and communal food offerings available for you to munch on. It is a quick (~2 minute) walk from the hotel and we look forward to seeing you there!

May 27th, 2014

Track B speaking slots will be open for registration at the start of CSSConf. Open to any attendee!
Time Track A Track B
7:30AM Breakfast, Coffee, and Registration
9:00AM Opening Remarks by the CSSConf US Curators
9:30AM Paul Irish Register At CSSConf
10:00AM Ana Tudor Register At CSSConf
10:30AM Lea Verou Register At CSSConf
11:00AM Break
11:30AM Antoine Butler Register At CSSConf
12:00PM Simon Madine Register At CSSConf
12:30PM Lunch
1:30PM Zach Leatherman Register At CSSConf
2:00PM Angelina Fabbro Register At CSSConf
2:30PM Break
3:00PM Patrick Hamann Register At CSSConf
3:30PM Sara Ali Soueidan Register At CSSConf
4:00PM Break
4:30PM TBA Register At CSSConf
5:00PM TBA Register At CSSConf
5:30PM Closing Keynote from Jenn Schiffer

CSSConf Send Off At The Beach - 7:00PM - 10:00PM

With CSSConf completed, it is about time to head to the beach for an evening reception and social gathering with our JavaScript friends of JSConf. Meet old friends, make new friends, and enjoy the sand between your toes! We will have various things going on during this event including food and refreshments. There may be a couple pyrotechnic events as well throughout the evening, so don't say we didn't warn you.

Our awesome speakers

Hint: Click on each speaker to see their talk!

Bringing `box-shadow` into the light

box-shadow is a property that everybody has probably used by now. It looks like it cannot do too much, but just mix it with a bit of Maths and Sass and you can build cool loaders, graph 2D curves, draw psychedelic rainbow shapes, emulate 3D motion and even create crazy particle animations that everyone is going to mistake for canvas ones. All these using just one element’s box-shadow.

More about Ana

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

If you’re building a modern web application, you know you want to target as many devices and deployment channels as possible, so what’s holding you back? Unfamiliarity with a CSS debugging workflow that deals with both responsive, hosted applications and packaged apps delivered through marketplace distribution can be frustrating. Let’s debug the CSS of an application that we want to ship both of these ways and discuss the various methods to do so along with their merits and shortcomings. Cross-device debugging has become as ubiquitous as cross-browser so we’ll look at tools in the browser, remote debugging on-device, as well as tools at the command line.

More about Angelina

Angelina Fabbro is a web developer and engineering developer advocate at Mozilla. Full stack development, programmer education, and crafty hacks. Plays well with others. Do not taunt happy fun ball.

Embrace the Vertical

I will discuss opportunities, risks and the potential future of height based media queries. Screens move in both directions, but we almost always deal in width. Through site reviews, prototypes and UI experiments I will showcase why these media queries are ready for prime time.

More about Antoine

Antoine Butler has 12 years experience in marketing, web design and development. He serves as a Senior Front End Developer at HZ, a full service advertising agency just outside of Washington, DC. There are few things beyond family, music and the web that Antoine is passionate about.

More about Jenn

The Chroma Zone: Engineering Color on the Web

We use color every day, but how well do we really understand it? More often than not, we are merely scratching the surface of a large and complicated discipline. In this dynamic session, we will scratch a little deeper, and you will be surprised at how deep the colorful rabbit hole goes. How does color work on our screens? What’s the difference between color models and color spaces? Which existing features of CSS Color are we underutilizing? What’s in store for CSS Color level 4? This is not a design talk, it’s a technical talk about the inner workings of one of the most important design aspects, with many practical takeaways. Whether you identify as a designer or a developer, you will walk out of this session with a newfound confidence about anything color related.

More about Lea

Lea previously worked as a Developer Advocate at W3C and currently spends her days writing & designing her first book (“CSS Secrets”), published with O’Reilly in 2014. She has a long-standing passion for open web standards, which she fulfils by researching new ways to use them, blogging, speaking, writing, and coding popular open source projects to help fellow developers. She is an Invited Expert in the CSS Working Group, which architects the language itself. Although she holds a BSc in Computer Science, Lea is one of the few misfits who love code and design equally.

Closing keynote

TBD

More about Nicole

TBD

CSS and the Critical Path

For a website to feel instant, a perceptible response to user input must be provided within hundreds of milliseconds.

This perceived speed of your website relies heavily on the browser being able to paint to your user’s screen. For this they must construct a “render tree” which consists of the DOM and the often forgotten CSSOM. The critical path which the browser takes to gather this information is the only thing standing between your server and the user’s screen.

Using new research and real world examples, Patrick Hamann will cover a range of techniques – from the controversial to bleeding edge – the Guardian are using to make the CSS of their next generation website load as fast as possible, and ultimately taking it off the critical path. Breaking the news to the user within 1000ms.

During the talk you will discover why performance matters, what are the common performance bottlenecks in the browser from networking to painting and learn how to best optimise and monitor each stage of the critical path to create fast loading websites.

More about Patrick

Patrick is a senior client-side developer at the Guardian in London, where amongst other things, he is helping to engineer the next generation of their web platform. When not speaking or ranting about performance or CSS architecture on twitter he enjoys spends his spare time discovering new food and craft beer.

Parallax Performance

The most tactile feel your users have of your site’s performance is how it scrolls. A site that can’t scroll smoothly is a silent but deadly killer of user of user engagement. We’ll diagnose several popular sites and visualize their problems, fix their implementations, and unveil a brand new technique for parallax that makes sure that you can enhance the user experience with scroll-driven effects but do it at 60fps.

More about Paul

Textured Text with background clip, masking, SVG, and Canvas

Adding texture to text and/or blending text into a background to give our designs that extra polish is one of the most performed operations in web design. It is also one of the design effects that require us to jump into a graphics editor, create the effect, export the design as an image and then use that image in our pages or applications. Not only can this be time-consuming and sometimes inconvenient, but it also means that we’ll be adding images to our applications and therefore increasing the page load time and http requests needed, which will have a direct impact on the performance of our applications. In this talk we're going to explore techniques for creating textured text using code; more specifically, using CSS, SVG, and HTML5 Canvas. These techniques will allow us to skip the graphics editor for some of our designs, while also improving the performance of our applications by ditching certain images in favor of code. We're going to cover all techniques, and go over the pros and cons of each one.

More about Sara

I’m a freelance front-end web developer from Lebanon, interested in cutting-egde CSS technologies. I love experimenting with CSS and writing tutorials on my blog and on Codrops, where I’m also an author and team member.

Nice website. It'd be a shame if something were to 'happen' to it...

After months of hard work, your new website is finally ready. Now, how do we go about making changes without breaking anything? This talk will introduce a super-simple workflow to help you get started with CSS testing. Using open-source tools, we’ll create a series of steps that will protect against regressions and hopefully speed up development of new features.

More about Simon

Simon is a senior technologies engineer for HERE working on, amongst other things, here.com. He curates the community-driven website csste.st which gathers information about the best techniques for front-end testing and he is the main developer on Hardy, the CSS testing toolkit.

Bulletproof Icon Fonts

Care must be taken when implementing icon fonts to ensure a great experience for all users. What happens when your font doesn’t load? What happens when @font-face isn’t supported in the browser? In this talk, I’ll show you how to implement bulletproof font icons.

More about Zach

Zach Leatherman is one of the Filament Group. He built his first web site in 1997, his first open source project in 2003, a web development blog in 2007, and knows firsthand how much and how little the web can change over time. He enjoys organizing NebraskaJS, a local JavaScript meetup. Prior to joining Filament Group, Zach was the User Interface architect for Union Pacific Railroad, in charge of guiding the Fortune 200 company’s technical direction on web development.

Close

Venue

Omni Amelia Island Plantation

CSSConf 2014 returns to the Omni Amelia Island Resort -- same location as JSConf. This secluded resort is family friendly and has everything you will need. Plus it's right on the beach!

The Omni Is Sold Out, But Resort Villas Are Available!

We have booked out everything we can at the Omni, but don't fear! We have worked with Amelia Rentals to provide access to roughly 64 extra 1 bedroom, 2 bedroom, and 3 Bedroom villas on the resort! You will be right near the action and will be able to use the resort shuttle to get to anywhere on the resort!

To arrange your lodging, please call 1 (800) 874-8679 and mention you are looking for lodging for "CSSConf", they will help you find the perfect place!

Other recommended options for obtaining lodging:

Made with love by…

Speaker photo

Chris Williams

Speaker photo

Laura Williams

Speaker photo

Nicole Sullivan

Speaker photo

Lea Verou