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

Mar 7

Building a vertical calendar with HTML, CSS & JS

#javascript #webdev #tutorial #css

6 min read

My Top 5 JavaScript Tips & Tricks for Writing Cleaner Code

Good tips. I like to wrap my enums in an Object.freeze() call...

Aug 13 '21

25 YouTube Channels to Learn Web Development for Free

Adding my channel about frontend web dev to the list. It's no...

Jun 4 '21

3 Ways to create a Navbar (CSS Grid Layout)

Thanks for positive feedback and for pointing out the focus o...

Jan 31 '21

Make a website with a single HTML file

Tha is for showing us that trick. Didn't know the :target pse...

Jan 31 '21

How to use CSS pseudo-classes for styling typographic elements

Hello Emanuel, What's your main field of interest (web, datas...

Jan 27 '21

Shiny Glass Hover Effect (Glassmorphism)

Thanks for your feedback and for reading.

Jan 25 '21

10 YouTube Channels for Learning Web Development

Thanks for your positive feedback. I very much appreciate it.

Jan 8 '21

View all 14 comments

crayoncode

Feb 19 '21

How to build 5 clip-path hover effects

#html #css #webdev #tutorial

58 2

4 min read

crayoncode

Feb 12 '21

Let's build a responsive navbar from scratch

#html #css #webdev #ui

57 2

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

76 2

6 min read

crayoncode

Jan 24 '21

Shiny Glass Hover Effect (Glassmorphism)

#webdev #css #tutorial #ui

111 5

4 min read

crayoncode

Jan 22 '21

How to use CSS pseudo-classes for styling typographic elements

#webdev #css #tutorial #ui

30 3

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

49 2

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

11 2

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

DEV Community is a community of 851,150 amazing developers

crayoncode

Badges

Building a vertical calendar with HTML, CSS & JS

Recent comments

My Top 5 JavaScript Tips & Tricks for Writing Cleaner Code

25 YouTube Channels to Learn Web Development for Free

3 Ways to create a Navbar (CSS Grid Layout)

Make a website with a single HTML file

How to use CSS pseudo-classes for styling typographic elements

Shiny Glass Hover Effect (Glassmorphism)

10 YouTube Channels for Learning Web Development

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