Events

Feed icon 28x28
Work original

Videos provided by CSSConf 2014 via JSConf YouTube Channel

CSSConf 2014 Schedule

May 27, 2014

( 14 available presentations )
Work thumb
Rating: Everyone
Viewed 258 times
Recorded at: May 27, 2014
Date Posted: July 17, 2014

Work thumb
Rating: Everyone
Viewed 334 times
Recorded at: May 27, 2014
Date Posted: July 17, 2014

Work thumb
Rating: Everyone
Viewed 258 times
Recorded at: May 27, 2014
Date Posted: July 17, 2014

Work thumb
Rating: Everyone
Viewed 254 times
Recorded at: May 27, 2014
Date Posted: July 17, 2014

Work thumb
Rating: Everyone
Viewed 1,545 times
Recorded at: May 27, 2014
Date Posted: July 17, 2014

Work thumb
Rating: Everyone
Viewed 303 times
Recorded at: May 27, 2014
Date Posted: July 17, 2014

Work thumb
Rating: Everyone
Viewed 214 times
Recorded at: May 27, 2014
Date Posted: July 17, 2014

Work thumb
Rating: Everyone
Viewed 259 times
Recorded at: May 27, 2014
Date Posted: July 17, 2014

This talk is about 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.

Work thumb
Rating: Everyone
Viewed 283 times
Recorded at: May 27, 2014
Date Posted: July 17, 2014

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.

Work thumb
Rating: Everyone
Viewed 353 times
Recorded at: May 27, 2014
Date Posted: July 17, 2014

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.

Work thumb
Rating: Everyone
Viewed 244 times
Recorded at: May 27, 2014
Date Posted: July 17, 2014

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.

Work thumb
Rating: Everyone
Viewed 257 times
Recorded at: May 27, 2014
Date Posted: July 17, 2014

Work thumb
Rating: Everyone
Viewed 271 times
Recorded at: May 27, 2014
Date Posted: July 17, 2014

Work thumb
Rating: Everyone
Viewed 483 times
Recorded at: May 27, 2014
Date Posted: July 17, 2014