CSS logical properties explained - Part 1 (definition)

CSS logical properties With CSS evolving every year and having new ways of layout design, knowing new properties that help on that is…

Continue reading

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
© 2020
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.