YoVDO

Let's Build a CSS Game

Offered By: JSConf via YouTube

Tags

JSConf Courses Computer Science Courses Web Development Courses Game Development Courses Sass Courses Animation Courses Pixel Art Courses Data Structures Courses HTML Courses

Course Description

Overview

Save Big on Coursera Plus. 7,000+ courses at $160 off. Limited Time Only!
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.

Syllabus

Introduction
Announcement
Meet the Cast
Pixel Art
Box Shadow
Shadow List
Character SCSS
Game Area
Click Area
Counter increment
Decrement
Character Wrapper
Grid
Area
Margins
Animations
For loop
Selector
Stopper
Stopper Animation
Game Length
Score
Notifications
Stop Animation


Taught by

JSConf

Related Courses

Front-End Web UI Frameworks and Tools
The Hong Kong University of Science and Technology via Coursera
Regression Modeling in Practice
Wesleyan University via Coursera
Diseñando páginas web con Bootstrap 4
Universidad Austral via Coursera
Structured Query Language (SQL) using SAS
SAS via Coursera
CSS - The Complete Guide 2024 (incl. Flexbox, Grid & Sass)
Udemy