10 CSS Shapes in 10 minutes (Coding timelapse)
44Coding timelapse of me solving 10 CSSBattle challenges with relaxing background music.
CSSBattle is a cool website for practicing your CSS skills where your goal is to replicate an image as good as you can, using as little code as possible! Today, I tried out 3 challenges and recorded the process of completing them.
Challenge #1 - Froggy:
https://cssbattle.dev/play/70
Challenge #2 - Magical tree:
https://cssbattle.dev/play/45
Challenge #3 - Birdie:
https://cssbattle.dev/play/33
Challenge #4 - Ice cream:
https://cssbattle.dev/play/35
Challenge #5 - Pastel logo:
https://cssbattle.dev/play/53
Challenge #6 - Suffocate:
https://cssbattle.dev/play/29
Challenge #7 - Cups & balls:
https://cssbattle.dev/play/28
Challenge #8 - Push button:
https://cssbattle.dev/play/3
Challenge #9 - SitePoint logo:
https://cssbattle.dev/play/21
Challenge #10 - Stay at home:
https://cssbattle.dev/play/49
My solutions:
https://github.com/DoubleDebug/cssbattle-solutions/tree/main
_________________________________________________________
Previous episode:
https://www.youtube.com/watch?v=7TqgoBV1ZQo
Background music: "Better Days" by Lakey Inspired
YouTube | https://www.youtube.com/watch?v=RXLzvo6kvVQ
Spotify | https://spoti.fi/2YxsvYG
Timestamps:
00:00 - 00:14 Intro
00:14 - 01:27 Challenge #1
01:27 - 02:22 Challenge #2
02:22 - 03:24 Challenge #3
03:24 - 04:20 Challenge #4
04:20 - 05:15 Challenge #5
05:15 - 06:04 Challenge #6
06:04 - 07:03 Challenge #7
07:03 - 08:02 Challenge #8
08:02 - 09:01 Challenge #9
09:01 - 10:00 Challenge #10
10:00 - 10:15 Outro
_________________________________________________________
Social media:
● Facebook: https://www.facebook.com/YoutubeDoubleD
● Twitter: https://twitter.com/YoutubeDoubleD
● Twitch: http://twitch.tv/NotDoubleD