SVGs: their code looks kind of familiar, but have you ever tried to edit the code and end up breaking the whole darn thing?
I have been digging into the nitty gritty of SVG code, and it's helped me optimize my own SVGs and get started more quickly with libraries that work with SVGs like d3 and snap.svg.
Here are a few topics I'll cover in this session:
Writing and maintaining CSS for large applications (and large teams) can be challenging. Teams often have trouble with brittle selectors, naming collisions, specificity, and pile-ups of dead code.
After seeing these issues first-hand on large projects, I built Radium: a JavaScript library for styling React applications with inline styles. In the context of a React application, inline styling elegantly solves many of the issues with large-scale CSS. It also gives you the benefits of a CSS preprocessor like Sass, with extra power for expressive styling
In this presentation, we'll compare the benefits of approaches like Radium to some upcoming and proposed additions to the CSS specification that will help make scalable CSS easy in the future, whether you're using React or not. We'll talk about things like:
Over the last year, we've taken a mammoth frontend codebase and revamped it, making it load more rapidly and reliably. I'd love to share how we used flexbox to help our designers, engineers, and users all have a better experience.
Some considerations that we'll look at:
SVG animation, like any other web medium, must be designed. As web developers, we’re all familiar with thinking about the effects of typography, layout, interaction, and shifting viewports. But now we have another parameter to consider: time.
In this session, we'll cover:
In "Fight the Zombie Pattern Library", we'll look at the repeatable processes that Slalom Consulting in Dallas, TX is using to "build a tiny Bootstrap" for every client and keep developers using them every day - processes you can take back and implement tomorrow.
In this session, we will cover:
Writing modular CSS is hard. A lot harder than it should be. There are so many different methodologies out there, even veteran developers struggle to choose what's best for their next project.
Wouldn't it be great if the platform solved this problem for us? Wouldn't it be great if CSS had real modules?
As luck would have it, Web Components give us just that! Web Components provide two-way scoping and encapsulation, sane dependency management, and real component inheritance. Our code will be both more maintainable and more reusable. It will be easier to write, easier to test, and since it's scoped to individual components, easier (and faster) for the browser to render.
Come hear how Web Components will revolutionize how we write modular CSS, and how we can start preparing for that future today.
The media query is a wonderful, powerful tool that allow us to make transformable websites for devices all shapes and sizes. Sometimes though, a more granular level of control is needed to make the content fit its context.
We'll dive into element queries and see what happens when we bring responsive principles to the components of a page.
Gregor Adams will talk about his fascination with fractals and show how to render them with CSS. The talk will explain the basics of fractals and the possibilities of generating them with Sass/SCSS and CSS, followed by a live-coding session.
After creating the fractals, Gregor will connect them to JavaScript and webAudio to generate patterns from the audio-frequency.
WARNING! This is a strongly visual talk with very insane demos.
If you love visual talks, this is a must-see!
There needs to be a shift from network-based metrics to user experience ones that centre around rendering and at which point content becomes available. This is where the future of performance will lie.
This newly defined performance profile rests in part on the front end developer’s shoulders. As such, he/she now needs to accept a new role: performance advocate.
This talk will have 4 main sections, all discussed in front end developer speak:
At the denouement of this talk, the front end aficionados in attendance - as well as all others, will be able to make learned decisions about their site, their development and deployment, in achieving a performance analysis, wether working within a team environment or as a freelancer.
Sure, you can write CSS but can you describe each decision you made with confidence? While there are many ways to do the same thing, having a true understanding of CSS properties will help you write better code and faster. Code reviews to the rescue!
Code reviews will:
We will go over the different ways to conduct a code review and begin your journey to greatness!
Many of us are visual learners. Charts and graphs display data in ways that benefit retention and comprehension.
These graphs are innately visual, but it's our responsibility to make them accessible as well.
In this talk, Amanda takes a look at how we as designers and developers can help our users understand our graphs better, easier and faster.
Getting into component based design? Rocking out a little Pattern Lab? Do you have the best looking style guides? Take things to the next level with Visual Regression Testing! No more being surprised that your country selector has been broken on mobile devices for the past 4 builds! You can now build a suite of tests to run after every build tol ensure your site is looking and functioning exactly like it should!
With so many different tools out there, what is the right one for you? Should you be testing pages, or components? How does Visual Regression Testing fit into your workflow? Come learn about the tools, the process and the things I've learned running Visual Regression Testing on a large, distributed style system.
Cap off the first day with a celebration of Yacht Rock!
Come for the munchies and drinks while hanging out with friends old and new discussing sessions from the day.
Come for the good vibes and swaying with the smooth sounds of the Harbor Party band as they take us off into the night!
NOTE: Prepare to set sail and bring your nautical or pirate accessories and costumes!
P.S. You're on a boat. Be smooth.
Special thanks to event sponsor: IBM
We get excited over new HTML5 APIs and new CSS features, but many developers aren't aware of the diverse array of native DOM features that are available -- many of them supported as far back as IE6.
I'll discuss and show examples demonstrating practical use cases for features like:
I'll also point out how developers can research different DOM features along with their browser support, which often is not available on commonly-known references like caniuse.com.
Level 4 selectors probably land in all browsers until we're all much older than we are right now, but it's important to know about them so that we can start adequately planning our tools and code-bases to accommodate them when they arrive.
These selectors arguably bring more dynamic power than any previous single drafted change proposal in CSS selector history. (Dramatic, right?)
In this talk, we will cover:
Even if you're working an entirely closed-source codebase, the chances are high that you're pulling in an open-source project. The popularity of Sass, jQuery, and many others speaks to how well open-source works, when done right.
But the truth is, these projects face the same troubles that many workplaces struggle with. How do they encourage contributions when most contributors only have a few minutes to spare? How do they manage to collaborate on a codebase when everyone lives in a different city and works on different teams? How do they get developers to RTFM?
While not everyone project can be open-source, all of them can benefit from taking an "open-source" approach. In this talk, we'll look at how to foster a codebase and a culture that's open and encouraging to everyone. We'll cover what works and what surprisingly doesn't, all in an effort to foster a more open, maintainable and friendly project.
It's been too long!
CSS Dev Conf and Dribbble request the honor of your presence:
Announcing the second annual CSS Dev Conf Dribbble Meetup!
Tuesday, October 27th aboard the historic Queen Mary in Long Beach, California.
Let's get things started at 5:30 pm!