ruby javascript inspirational programming languages browser performance css software architecture

Results for "css"

Full Stack Fest 2015
Courtney Hemphill
Algorithms for Animation - Simple formulas to activate your UI
Animations don’t just make things look cool, they provide context and additional details. Animations give us a third dimension with which to communicate: time. The real world doesn’t move in a perfectly linear fashion and when we see things that do, it feels awkward and unnatural. With motion, the difference between dull and delightful often comes …
Watch video
Full Stack Fest 2019
Sara Soueidan
Applied Accessibility: Practical Tips for Building More Accessible Front-Ends

As front-end developers, we are tasked with building the *front* end of a Web site or application — in other words, we are building the *user's* end of an interface. This is why it is crucial that we ensure that the front-end foundations that we build are as inclusive of and accessible to as many users as possible. To do that, we must build with…

Watch video
Full Stack Fest 2016
David Wells
Best Practices on building a UI component library for your company

Learn how to building an internal component library & style guide can help your company ship and iterate faster. This talk will cover how we created a scalable & maintainable UI library (http://ux.mulesoft.com) with ES6, React, and PostCSS for consumption across multiple product teams.

Watch video
Full Stack Fest 2017
Steve Kinney
Bringing Back the 1990s: The Revenge of JavaScript Style Sheets

JavaScript Style Sheets (JSSS) was a technology introduced by Netscape in 1996. Chances are, you’ve never heard of JSSS, since it was available in Netscape Communicator 4.0. They allowed you to define custom styling rules for your web pages. You’re probably more familiar with its competitor at the time—Cascading Style Sheets. JavaScript Style Sh…

Watch video
Full Stack Fest 2019
Una Kravets
CSS Houdini Today

CSS Houdini is one of the most exciting and powerful advancements in web styling. It allows developers to access the CSS Object Model for the first time(!) and tell the browser how it should interpret code written in CSS. While yes, it will still be a little while until Houdini is fully implemented and cross-browser ready, this talk examines how…

Watch video
Full Stack Fest 2016
Jen Kramer
CSS4 Grid: True Layout Finally Arrives

For years, front-end developers fumbled with hacking floats for layouts, often as part of a grid system. Media queries made these float-based grids more responsive to different screen dimensions, but unfortunately, the behaviors weren't always granular enough to work well with complex layouts. Now with the new Grid specification in CSS4, we can …

Watch video
Full Stack Fest 2018
Miriam Suzanne
Dynamic CSS: Layouts & Beyond

Take it from a Sass tool developer and former grid-system author: CSS Variables (custom properties), the calc function, and the grid module are game-changers. These tools may look similar to existing frameworks, but the similarities are only skin deep.

We’re witnessing a fundamental shift in the design of CSS as a language – allowing us to…

Watch video
Full Stack Fest 2017
Sam Richard
Magic Tricks with CSS Houdini

This talk will focus on the working being done by the CSS Houdini Task Force to provide us with the ability to extend the browser's render engine with JavaScript, above and beyond simply running JS on the main thread or a web worker. This talk will focus on the following:

  • What is the Houdini Task Force?
  • What types of thing…
Watch video
Full Stack Fest 2017
Martin Splitt
Rendering performance from the ground up

When the browser puts pixels on to screen, there’s a lot of work happening behind the scenes.

While it’s well known that “GPU accelerated” is good for silky smooth animations and apps, it’s surprisingly hard to figure out what that really entails and means. This talk is a tour of what goes into painting pixels onto the screen and what we c…

Watch video