Hello there! Today we will see a simple way to create a fully custom cursor with Javascript, Scss and Html. Of course, there are a lot of ways to do that but I’ll show you my approach. Are you ready?

Someone said, If you come away from somewhere empty-handed, you have failed to get what you wanted. So, for your ‘happiness’ you can get access to my code from Codepen below, just click “Run Pen” and you will see the results.

Step 1) Create an element for your custom cursor appearance. For example: <div class="custom-cursor"></div>

Step 2) Create some…

It was a difficult working day for me when I realized that I wasn’t able to do a very simple thing -in the right way- after a tone of front-end development. So, after hours of strangling with this little problem, it has started to become huge in my mind. But after all, I made it and I decided to tell you how to do it simple and right, just in case you deal with the same issue.

I’ll start by telling you that you can NOT put an <a href=”#”> tag, inside to another <a href=”#”> tag in your HTML…

Hello there! Here are some simple and beautiful ideas for button hover effects.

— 1) FROM the simple background color TO gradient background with shadow on hover:

The most important principle/rule for my ‘coding routine’ is quality!

“Keep it clean! Keep it simple! Keep it updated!”

These are the words I keep telling myself every single day! The second rule is speed, speed of coding, ‘reusability’!

So! For quality and coding speed what do we need? The answer is mixins! Ok now let’s go a little deeper.

Here are some definitions (and more):

— First of all, what is mixin?
Some things in CSS are a bit tedious to write, especially with CSS3 and the many vendor prefixes that exist. A mixin lets you make groups of…