Important tips about React useEffect hook explained

In fact React useEffect hook could be tricky to understand as we use it in many different situations in our functional components. Here are…

Continue reading

Template literals vs Single and double quotes

Since template literals being introduced, we have found many good use cases to replace single and double qoutes with them for the sake of…

Continue reading

Collapsible margin, definition explained with some examples

You might have faced Collapsible margins as they are a common yet misleading pattern. We will share some ideas and examples in this article…

Continue reading

Embrace and Overcome a big change in your job with optimism and acceptance

I would like to share an important experience of mine which was a big change in my job workflow and had a big impact on me i different…

Continue reading

Defining components in Gatsbyjs inspired by holy grail layout

Building websites with Gatsbyjs started as such an interesting and inspiring experience for me. As a matter of fact what I found exciting is…

Continue reading

Equal height column card layouts with aligned content using FlexBox and Grid explained with examples

We all have been in this situation where we needed to have a few equal height column card layouts with aligned content inside them. Using…

Continue reading

CSS Filter() function using drop shadow effect explained and compared to box shadow property

Image effects like drop shadow could be added in CSS to an element using filter() function. We will check drop-shadow in filter function to…

Continue reading

Design a responsive trello board with modern CSS grid

We have explained different CSS grid responsive layouts before. But as a specific example we will learn about a responsive trello card…

Continue reading

Create a dropdown menu using details tag with no Javascript

Did you know we could create a dropdown menu using only HTML5 tag called details? If you don’t then read on as it is getting more attention…

Continue reading

Event listeners and DOM interactions in modern Javascript explained with examples

Event listeners and their interaction with DOM is a very important part of Javascript. There has been many solutions and ways to deal with…

Continue reading
© 2019
Azadeh Faramarzi

This site is created and maintined by Azadeh Faramarzi , A passionate developer, sport and code lover who loves to share and write when she has some time.