Results for "css"
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…
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.
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…
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…
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 …
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…
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…
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…