Responsive Coffee Shop Website Using HTML CSS & JavaScript - Step By Step

The Avatar list is a common component used to show the people associated with some entity

grid-template-columns is a CSS property that defines the column widths in a grid container

grid-column-template is the property that is used to create websites responsive

How To Make Website Using HTML And CSS | Website Design With HTML And CSS

CSS Analog Button CSS Button Box Shadow Beautiful button hover effect

How to Create Responsive Navbar using HTML & CSS

Background Attachment is one of the less known but really cool CSS properties

The datalist element is a native HTML way to create input suggestions.

Scroll Snap is a CSS property that helps to create carousels like this example 🤩

Here is how you create placeholder shimmer in CSS 🤩

A very easy to implement carousel idea for your next project 😎

CSS Button Gradient Border

A simple micro interaction using pseudo elements 💬

clamp is a function in CSS which claps a given value (default) between the minimum and maximum

The hue-rotate is a filter function in CSS that allows to change the hue value of an element

This is an interface you might have seen in contacts lists or other alphabetically sorted lists

Responsive Coffee Shop Website Using HTML CSS & JavaScript - Step By Step

This effect is useful to hide any text and reveal it on hover.

A simple vignette effect using box shadow in CSS

Create a container with a number of columns of the same width

Fade In Effect using CSS by using box shadow

Here is a simple technique to hide all but the hovered element inside a container!

The filters property in CSS can be used to apply different image filters

The gap property is a life saver 🤩 allowing us to define the spacing between items