Главная
Study mode:
on
1
Introduction
2
Announcement
3
Meet the Cast
4
Pixel Art
5
Box Shadow
6
Shadow List
7
Character SCSS
8
Game Area
9
Click Area
10
Counter increment
11
Decrement
12
Character Wrapper
13
Grid
14
Area
15
Margins
16
Animations
17
For loop
18
Selector
19
Stopper
20
Stopper Animation
21
Game Length
22
Score
23
Notifications
24
Stop Animation
Description:
Learn to build a CSS game using only HTML and CSS in this engaging 34-minute conference talk from CSSconf EU 2017. Explore the power of CSS as Una Kravets demonstrates live coding techniques, including Sass data structures, matrices, and HTML counter-incrementing. Discover fun tips and tricks for creating pixel art, box shadows, animations, and game mechanics. Follow along as the speaker constructs a simple game, covering topics such as character design, game area setup, click interactions, scoring systems, and notifications. Get inspired to push the boundaries of CSS and create your own innovative games after witnessing this creative approach to web development.

Let's Build a CSS Game

JSConf
Add to list
0:00 / 0:00