Please enable JavaScript to use this page!

AllTalks site logo
🍔

Demystify Modern CSS Layouts with DevTools

Flexbox, Grid and Box alignment properties are powerful and versatile new additions to our web development toolkit. However, they may be slightly confusing to wrap your head around if you do not completely understand how browsers interpret the CSS values you assign. Although we tend to associate DevTools with debugging, Firefox DevTools comes with features that can help visualise how these properties work, and better understand what's going on as the viewport size changes.


JavaScript fwdays

36 min

DevTools, more than just a debugger

Chen Hui Jing

The newer CSS features, like Flexbox, Grid or Shapes, introduce new properties and behaviors that can sometimes be complicated to people who are encountering them for the first time. This talk will …

CSSConf Budapest

29 min

CSS Architecture for Modern Web Applications

Mike Riethmuller

How we build and maintain style systems has changed in the last few year. Tasks that once required specific knowledge and careful management are now trusted to build tools and frameworks with better …

CSSCAMP

37 min

Writing CSS Algorithms

Lara Schenck

Wait...CSS _algorithms_? Can one really write algorithms in CSS? According to Lara, absolutely! This talk is all about CSS algorithms: what they are, how to write them, and the potential impacts of a…

moscowcss

24 min

Особенности CSS в веб-компонентах

Артём Гусев

Многие считают, что изоляция в Shadow DOM является как его плюсом, так и минусом. Тем более, когда дело доходит до стилей. В своем докладе расскажу о том, какие возможности предоставляет нам соврем…

View Source Amsterdam

29 min

CSS on Today’s Web Platform

Tejas Kumar

This talk covers CSS as we know it today, alluding to the specification's colorful (pun intended) past and examining how things have evolved: from clear: both; to grid. We will explore pragmatic solu…

Nordic.js

20 min

Take on me, web browsers! (Nordic.js)

Eva Ferreira

In 1985 pop music was mesmerized by the a-ha “Take on me” music video. It’s been almost 35 years since then, the world needs new catchy tunes with impressive video animations… on the web. In this ta…

CSSConf Budapest

29 min

Crafting Stateful Styles with State Machines

David Khourshid

User interfaces are highly dynamic and complex, and structuring stylesheets for every possible state of every component can be a challenge. In this talk, we will explore innovative ways of organizing…

CSSConf Budapest

28 min

CSS Games and Drawings in the Real World: Useful or Just Fun?

Giulia Cardieri

How did you learn CSS? The standard way is in a class, online course, or even during an internship - but what if I told you that you can learn it by making a game. Don’t believe me? Well, I conducted…

JSConf Budapest

22 min

Take on me, web browsers!

Eva Ferreira

In 1985 pop music was mesmerized by the a-ha “Take on me” music video. It’s been almost 35 years since then, the world needs new catchy tunes with impressive video animations… on the web. In this ta…

FrontendConf

58 min

New Adventures in Front-End, 2019 Edition

Виталий Фридман

The beast is alive! Have you optimized your JavaScript/CSS delivery for performance with HTTP/2 yet? How are you using service workers and server workers these days? What about critical CSS and Serve…

web.dev

38 min

Optimize for Core Web Vitals

Addy Osmani

In this hands-on talk, we cover tips & tricks for optimizing your user-experience to meet the Core Web Vitals. We use tools like Lighthouse & DevTools, show you code snippets for fixes, and highlight…

web.dev

16 min

What’s new in speed tooling

Elizabeth Sweeny

Our understanding of how to effectively measure and optimize a user's experience is continually evolving, and we keep our metrics and tooling updated to reflect the latest in our learnings. This talk…

web.dev

22 min

10 modern layouts in 1 line of CSS

Una Kravets

In this dynamic talk, Una goes over the power of modern CSS layout techniques by highlighting a few key terms and how much detail can be described in a single line of code. Learn a few layout tricks …

CSSConf Budapest

33 min

The Weird — Yet Practical — World of Paint Worklets

Jeremy Wagner

Of all the fun stuff in Houdini, paint worklets are arguably the most fun. It’s blends what’s great about the Canvas API, and makes the art you can create with it easily usable in CSS. Such a blend o…

OdessaFrontend Meetup

39 min

Как правильно делать анимацию и добиться 60fps на различных девайсах

Виталий Калашников

Анимация — неотъемлемая часть любого нынешнего веб-интерфейса. Виталий Калашников рассказывает про аппаратное ускорение анимаций, как использовать вычислительную технику при создании динамического ве…

web.dev

34 min

Core Web Vitals in the DevTools timeline

Paul Lewis, Philip Walton

The Core Web Vitals are a great way to assess the UX impact of page load performance. In this talk, we cover what the vitals are, where they came from, and how you can use Chrome's DevTools to explor…

CSSConf Budapest

30 min

Variable Fonts & Readability

Damien Senger

A good reading experience is something highly personal: We all need different environments, we all love different font faces and we all have a specific medium at the bottom of our heart. With only on…

Chrome Dev Summit

23 min

Speed tooling evolutions: 2019 and beyond

Elizabeth Sweeny, Paul Irish

Our understanding of how to accurately represent and optimize for a users' experience continues to grow more accurate and informed. Our speed metrics, automation story, and best-practice recommendati…

View Source Amsterdam

27 min

The Tailored Web: Effectively Honoring Visual Preferences

Melanie Richards

The web platform is evolving to support more native capabilities, including integration with a user's OS-level settings. By using new CSS standards to honor a user's preferences around contrast and c…