Главная
Study mode:
on
1
Introduction
2
Progressive Enhancement
3
Order Radius
4
Modern Example
5
Layout
6
Back in 2016
7
Internet Explorer
8
Sidebar
9
Make it look the same
10
Why use CSS Grid
11
Third example
12
Stripe
13
Edge stats
14
Open Edge
15
The Guardian
16
Nature Calm
17
Pure HTML
18
Media Query
19
IE vs Chrome
20
Cross browser testing
21
Browser Stack
22
Cutting Mustard
23
CSS without Grid
24
Benefits of CSS Grid
25
Form Elements
26
Display Contents
27
Edge Support
28
SubGrid
29
Grid vs Bridge
Description:
Explore the practical application of CSS Grid in production environments through this 18-minute conference talk from CSSconf EU 2018. Discover how to refactor large-scale websites using CSS Grid while maintaining support for Internet Explorer and older browsers. Learn techniques for implementing pure CSS layouts, leveraging @supports for browser compatibility, and utilizing simple fallback layouts. Gain insights into the benefits of CSS Grid over traditional float-based layouts and JavaScript-dependent solutions. Examine real-world examples of CSS Grid implementation, including strategies for cross-browser testing and progressive enhancement. Delve into upcoming CSS features like display:contents and subgrid, and understand their potential impact on future refactoring efforts. Acquire knowledge on integrating CSS custom properties alongside Grid layouts for more flexible and maintainable stylesheets.

Refactoring with CSS Grid

JSConf
Add to list
0:00 / 0:00