Skip to content
Navigation menu
Search
Powered by
Search
Algolia
Search
Log in
Create account
DEV Community
Close
CSS UI Building Blocks Series' Articles
Back to crayoncode's Series
CSS morphable clip-path Ribbons
crayoncode
crayoncode
crayoncode
Follow
Dec 28 '20
CSS morphable clip-path Ribbons
#
css
#
webdev
#
ui
#
tutorial
51
reactions
Comments
2
comments
4 min read
Customizable traffic light with CSS (SASS @each/@for)
crayoncode
crayoncode
crayoncode
Follow
Jan 9 '21
Customizable traffic light with CSS (SASS @each/@for)
#
tutorial
#
css
#
webdev
#
ui
12
reactions
Comments
Add Comment
3 min read
Shiny Glass Hover Effect (Glassmorphism)
crayoncode
crayoncode
crayoncode
Follow
Jan 24 '21
Shiny Glass Hover Effect (Glassmorphism)
#
webdev
#
css
#
tutorial
#
ui
58
reactions
Comments
7
comments
4 min read
3 Ways to create a Navbar (CSS Grid Layout)
crayoncode
crayoncode
crayoncode
Follow
Jan 29 '21
3 Ways to create a Navbar (CSS Grid Layout)
#
webdev
#
css
#
tutorial
#
ui
91
reactions
Comments
3
comments
6 min read
Let's build a layout from scratch
crayoncode
crayoncode
crayoncode
Follow
Feb 5 '21
Let's build a layout from scratch
#
html
#
css
#
webdev
#
ui
88
reactions
Comments
Add Comment
6 min read
Let's build a responsive navbar from scratch
crayoncode
crayoncode
crayoncode
Follow
Feb 12 '21
Let's build a responsive navbar from scratch
#
html
#
css
#
webdev
#
ui
58
reactions
Comments
2
comments
10 min read
How to build 5 clip-path hover effects
crayoncode
crayoncode
crayoncode
Follow
Feb 19 '21
How to build 5 clip-path hover effects
#
html
#
css
#
webdev
#
tutorial
62
reactions
Comments
2
comments
4 min read
Building a vertical calendar with HTML, CSS & JS
crayoncode
crayoncode
crayoncode
Follow
Mar 7 '22
Building a vertical calendar with HTML, CSS & JS
#
javascript
#
webdev
#
tutorial
#
css
31
reactions
Comments
Add Comment
6 min read
We're a place where coders share, stay up-to-date and grow their careers.
Log in
Create account