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

Joined Joined on  Personal website https://www.youtube.com/c/crayoncode github website twitter website
Cycling Challenge Dashboard with HTML & CSS
crayoncode profile

Cycling Challenge Dashboard with HTML & CSS

#css #javascript #tutorial #beginners
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.

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

Building a vertical calendar with HTML, CSS & JS

#javascript #webdev #tutorial #css
31
Comments
6 min read
How to build 5 clip-path hover effects
crayoncode profile

How to build 5 clip-path hover effects

#html #css #webdev #tutorial
58
Comments 2
4 min read
Let's build a responsive navbar from scratch
crayoncode profile

Let's build a responsive navbar from scratch

#html #css #webdev #ui
57
Comments 2
10 min read
Let's build a layout from scratch
crayoncode profile

Let's build a layout from scratch

#html #css #webdev #ui
87
Comments
6 min read
3 Ways to create a Navbar (CSS Grid Layout)
crayoncode profile

3 Ways to create a Navbar (CSS Grid Layout)

#webdev #css #tutorial #ui
83
Comments 3
6 min read
Shiny Glass Hover Effect (Glassmorphism)
crayoncode profile

Shiny Glass Hover Effect (Glassmorphism)

#webdev #css #tutorial #ui
50
Comments 7
4 min read
How to use CSS pseudo-classes for styling typographic elements
crayoncode profile

How to use CSS pseudo-classes for styling typographic elements

#webdev #css #tutorial #ui
30
Comments 3
5 min read
CSS Day Night Switch (CSS/HTML only) [PART 2]
crayoncode profile

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

#tutorial #css #webdev #ui
53
Comments 1
5 min read
CSS Day Night Switch (CSS/HTML only) [PART 1]
crayoncode profile

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

#tutorial #css #webdev #ui
28
Comments
5 min read
CSS Download Loading Animation (@keyframes, clip-path)
crayoncode profile

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

#tutorial #webdev #css #ui
13
Comments
3 min read
CSS Grid Layout Template Areas (Secrets of Painless Layout)
crayoncode profile

CSS Grid Layout Template Areas (Secrets of Painless Layout)

#tutorial #css #webdev #ui
98
Comments
5 min read
Customizable traffic light with CSS (SASS @each/@for)
crayoncode profile

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

#tutorial #css #webdev #ui
12
Comments
3 min read
How to implement a generator function in JS (iteration protocols)
crayoncode profile

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

#tutorial #javascript #webdev
51
Comments
4 min read
CSS Loading Animation - Morphing Icons Effect (clip-path, @keyframes)
crayoncode profile

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

#tutorial #css #webdev #ui
31
Comments
3 min read
CSS Loading Animation - Ripple Effect in Mosaic (keyframes, flex box)
crayoncode profile

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

#tutorial #css #webdev #ui
85
Comments
3 min read
CSS morphable clip-path Ribbons
crayoncode profile

CSS morphable clip-path Ribbons

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

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

#javascript #tutorial
13
Comments
1 min read
Managing pointers in a doubly linked list in a nutshell
crayoncode profile

Managing pointers in a doubly linked list in a nutshell

#tutorial #javascript #computerscience
8
Comments
1 min read
Let's code a fluent API (in a nutshell)
crayoncode profile

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

#tutorial #javascript #designpatterns
13
Comments
1 min read
Let's code a Queue as a linked list (in a nutshell)
crayoncode profile

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

#computerscience #javascript #tutorial
11
Comments 2
1 min read
The Queue data structure in a nutshell
crayoncode profile

The Queue data structure in a nutshell

#computerscience #javascript #tutorial
14
Comments
1 min read
Iterative nested object traversal
crayoncode profile

Iterative nested object traversal

#javascript #algorithms #tutorial #computerscience
6
Comments
1 min read
Flood Fill algorithm: A graphical step-by-step explanation of the paint bucket
crayoncode profile

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

#computerscience #algorithms #tutorial #javascript
10
Comments
3 min read
loading...