DEV Community

CSS UI Building Blocks Series' Articles

Back to crayoncode's Series
CSS morphable clip-path Ribbons
Cover image for CSS morphable clip-path Ribbons
crayoncode profile

CSS morphable clip-path Ribbons

#css #webdev #ui #tutorial
51
Comments 2
4 min read
Customizable traffic light with CSS (SASS @each/@for)
Cover image for 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
Shiny Glass Hover Effect (Glassmorphism)
Cover image for Shiny Glass Hover Effect (Glassmorphism)
crayoncode profile

Shiny Glass Hover Effect (Glassmorphism)

#webdev #css #tutorial #ui
60
Comments 7
4 min read
3 Ways to create a Navbar (CSS Grid Layout)
Cover image for 3 Ways to create a Navbar (CSS Grid Layout)
crayoncode profile

3 Ways to create a Navbar (CSS Grid Layout)

#webdev #css #tutorial #ui
93
Comments 3
6 min read
Let's build a layout from scratch
Cover image for Let's build a layout from scratch
crayoncode profile

Let's build a layout from scratch

#html #css #webdev #ui
88
Comments
6 min read
Let's build a responsive navbar from scratch
Cover image for Let's build a responsive navbar from scratch
crayoncode profile

Let's build a responsive navbar from scratch

#html #css #webdev #ui
58
Comments 2
10 min read
How to build 5 clip-path hover effects
Cover image for How to build 5 clip-path hover effects
crayoncode profile

How to build 5 clip-path hover effects

#html #css #webdev #tutorial
63
Comments 2
4 min read
Building a vertical calendar with HTML, CSS & JS
Cover image for 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