crayoncode

All about coding (and occasionally other topics) and explaining it through beautiful visualizations.

Joined on Oct 25, 2020 https://www.youtube.com/c/crayoncode

crayoncode

Jan 7

Cycling Challenge Dashboard with HTML & CSS

#css #javascript #tutorial #beginners

1 min read

Want to connect with crayoncode?

Create an account to connect with crayoncode. You can also sign in below to proceed if you already have an account.

Create Account

Already have an account? Sign in

crayoncode

Mar 7 '22

Building a vertical calendar with HTML, CSS & JS

#javascript #webdev #tutorial #css

6 min read

crayoncode

Feb 19 '21

How to build 5 clip-path hover effects

#html #css #webdev #tutorial

4 min read

crayoncode

Feb 12 '21

Let's build a responsive navbar from scratch

#html #css #webdev #ui

10 min read

crayoncode

Feb 5 '21

Let's build a layout from scratch

#html #css #webdev #ui

6 min read

crayoncode

Jan 29 '21

3 Ways to create a Navbar (CSS Grid Layout)

#webdev #css #tutorial #ui

6 min read

crayoncode

Jan 24 '21

Shiny Glass Hover Effect (Glassmorphism)

#webdev #css #tutorial #ui

112

4 min read

crayoncode

Jan 22 '21

How to use CSS pseudo-classes for styling typographic elements

#webdev #css #tutorial #ui

5 min read

crayoncode

Jan 17 '21

CSS Day Night Switch (CSS/HTML only) [PART 2]

#tutorial #css #webdev #ui

5 min read

crayoncode

Jan 17 '21

CSS Day Night Switch (CSS/HTML only) [PART 1]

#tutorial #css #webdev #ui

5 min read

crayoncode

Jan 15 '21

CSS Download Loading Animation (@keyframes, clip-path)

#tutorial #webdev #css #ui

3 min read

crayoncode

Jan 10 '21

CSS Grid Layout Template Areas (Secrets of Painless Layout)

#tutorial #css #webdev #ui

5 min read

crayoncode

Jan 9 '21

Customizable traffic light with CSS (SASS @each/@for)

#tutorial #css #webdev #ui

3 min read

crayoncode

Jan 8 '21

How to implement a generator function in JS (iteration protocols)

#tutorial #javascript #webdev

4 min read

crayoncode

Jan 6 '21

CSS Loading Animation - Morphing Icons Effect (clip-path, @keyframes)

#tutorial #css #webdev #ui

3 min read

crayoncode

Jan 3 '21

CSS Loading Animation - Ripple Effect in Mosaic (keyframes, flex box)

#tutorial #css #webdev #ui

3 min read

crayoncode

Dec 28 '20

CSS morphable clip-path Ribbons

#css #webdev #ui #tutorial

4 min read

crayoncode

Nov 29 '20

How to for..of with your own objects in JS (iterable & iterator protocol) [LET'S CODE]

#javascript #tutorial

1 min read

crayoncode

Nov 22 '20

Managing pointers in a doubly linked list in a nutshell

#tutorial #javascript #computerscience

1 min read

crayoncode

Nov 15 '20

Let's code a fluent API (in a nutshell)

#tutorial #javascript #designpatterns

1 min read

crayoncode

Nov 8 '20

Let's code a Queue as a linked list (in a nutshell)

#computerscience #javascript #tutorial

1 min read

crayoncode

Nov 8 '20

The Queue data structure in a nutshell

#computerscience #javascript #tutorial

1 min read

crayoncode

Nov 2 '20

Iterative nested object traversal

#javascript #algorithms #tutorial #computerscience

1 min read

crayoncode

Oct 25 '20

Flood Fill algorithm: A graphical step-by-step explanation of the paint bucket

#computerscience #algorithms #tutorial #javascript

3 min read

DEV Community

crayoncode

Badges

Trusted Member 2022

Two Year Club

1 Week Community Wellness Streak

One Year Club

8 Week Streak

4 Week Streak

Cycling Challenge Dashboard with HTML & CSS

Want to connect with crayoncode?

Building a vertical calendar with HTML, CSS & JS

How to build 5 clip-path hover effects

Let's build a responsive navbar from scratch

Let's build a layout from scratch

3 Ways to create a Navbar (CSS Grid Layout)

Shiny Glass Hover Effect (Glassmorphism)

How to use CSS pseudo-classes for styling typographic elements

CSS Day Night Switch (CSS/HTML only) [PART 2]

CSS Day Night Switch (CSS/HTML only) [PART 1]

CSS Download Loading Animation (@keyframes, clip-path)

CSS Grid Layout Template Areas (Secrets of Painless Layout)

Customizable traffic light with CSS (SASS @each/@for)

How to implement a generator function in JS (iteration protocols)

CSS Loading Animation - Morphing Icons Effect (clip-path, @keyframes)

CSS Loading Animation - Ripple Effect in Mosaic (keyframes, flex box)

CSS morphable clip-path Ribbons

How to for..of with your own objects in JS (iterable & iterator protocol) [LET'S CODE]

Managing pointers in a doubly linked list in a nutshell

Let's code a fluent API (in a nutshell)

Let's code a Queue as a linked list (in a nutshell)

The Queue data structure in a nutshell

Iterative nested object traversal

Flood Fill algorithm: A graphical step-by-step explanation of the paint bucket