crayon code (@crayoncode)

Building a vertical calendar with HTML, CSS & JS

Today let's build together a small vertical calendar using CSS grid layout, the tag and a little bit of JavaScript... This article is an extract of a larger project dashboard I coded. For the impatient ones or those who want to see how the entire d...

Mar 7, 2022 · 7 min readcrayoncode.hashnode.dev

How to build 5 clip-path hover effects

Today let's build 5 awesome hover effects with CSS clip-path! Read the full article or watch me code this on Youtube: https://youtu.be/YS9Je33kTxs Result https://codepen.io/crayon-code/pen/GRNrLbL Basic Setup Let's first setup a few basic things like...

3Feb 19, 2021 · 8 min readcrayoncode.hashnode.dev

Let's build a responsive navbar from scratch

Today let's build a responsive navbar, an animated burger icon and a beautiful uncovering effect from scratch using HTML, CSS, clip-path, flexbox, grid layout and so much more... Read the full article or watch me code this on Youtube: https://youtu.b...

Feb 12, 2021 · 19 min readcrayoncode.hashnode.dev

Let's build a layout from scratch

Today let's build the layout for an entire website from scratch using HTML, CSS, flexbox, grid layout and so much more... Read the full article or watch me code this on Youtube: https://youtu.be/Hc48OFEemHs Result https://github.com/crayon-code/websi...

1Feb 5, 2021 · 10 min readcrayoncode.hashnode.dev

3 Ways to create a Navbar (CSS Grid Layout)

Today let's build three different navbar layouts using the CSS grid layout and I'll show you, how easy it is to change the arrangement of the items without actually touching the markup. Read the full article or watch me code this on Youtube (TL;DW): ...

Jan 29, 2021 · 11 min readcrayoncode.hashnode.dev

crayon code

About

Available for

crayon code's blogs

Building a vertical calendar with HTML, CSS & JS

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)

crayon code

About

Available for

crayon code's blogs

Building a vertical calendar with HTML, CSS & JS

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)

crayon code

About

Available for

crayon code's blogs

Building a vertical calendar with HTML, CSS & JS

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)

Search Hashnode

crayon code

About

Available for

crayon code's blogs

Building a vertical calendar with HTML, CSS & JS

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)