DEV Community

crayoncode profile picture

crayoncode

Software Architect and Security Officer with 20 years of experience, Web Dev has shifted from my main profession to a hobby as I rarely get to code by now and just love the craft. Check out my channel

Four Year Club
Writing Debut
Three Year Club
Trusted Member 2022
Two Year Club
1 Week Community Wellness Streak
One Year Club
8 Week Writing Streak
4 Week Writing Streak
Cycling Challenge Dashboard with HTML & CSS

Cycling Challenge Dashboard with HTML & CSS

11
Comments 2
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.

Already have an account? Sign in
Building a vertical calendar with HTML, CSS & JS

Building a vertical calendar with HTML, CSS & JS

31
Comments
6 min read
How to build 5 clip-path hover effects

How to build 5 clip-path hover effects

63
Comments 2
4 min read
Let's build a responsive navbar from scratch

Let's build a responsive navbar from scratch

58
Comments 2
10 min read
Let's build a layout from scratch

Let's build a layout from scratch

88
Comments
6 min read
3 Ways to create a Navbar (CSS Grid Layout)

3 Ways to create a Navbar (CSS Grid Layout)

93
Comments 3
6 min read
Shiny Glass Hover Effect (Glassmorphism)

Shiny Glass Hover Effect (Glassmorphism)

60
Comments 7
4 min read
How to use CSS pseudo-classes for styling typographic elements

How to use CSS pseudo-classes for styling typographic elements

30
Comments 3
5 min read
CSS Day Night Switch (CSS/HTML only) [PART 2]

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

54
Comments 1
5 min read
CSS Day Night Switch (CSS/HTML only) [PART 1]

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

30
Comments
5 min read
CSS Download Loading Animation (@keyframes, clip-path)

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

14
Comments
3 min read
CSS Grid Layout Template Areas (Secrets of Painless Layout)

CSS Grid Layout Template Areas (Secrets of Painless Layout)

98
Comments
5 min read
Customizable traffic light with CSS (SASS @each/@for)

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

12
Comments
3 min read
How to implement a generator function in JS (iteration protocols)

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

51
Comments
4 min read
CSS Loading Animation - Morphing Icons Effect (clip-path, @keyframes)

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

32
Comments
3 min read
CSS Loading Animation - Ripple Effect in Mosaic (keyframes, flex box)

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

85
Comments
3 min read
CSS morphable clip-path Ribbons

CSS morphable clip-path Ribbons

51
Comments 2
4 min read
How to for..of with your own objects in JS (iterable & iterator protocol) [LET'S CODE]

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

13
Comments
1 min read
Managing pointers in a doubly linked list in a nutshell

Managing pointers in a doubly linked list in a nutshell

8
Comments
1 min read
Let's code a fluent API (in a nutshell)

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

13
Comments
1 min read
Let's code a Queue as a linked list (in a nutshell)

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

11
Comments 2
1 min read
The Queue data structure in a nutshell

The Queue data structure in a nutshell

14
Comments
1 min read
Iterative nested object traversal

Iterative nested object traversal

6
Comments
1 min read
Flood Fill algorithm: A graphical step-by-step explanation of the paint bucket

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

10
Comments
3 min read
loading...