Top 10 articles about CSS of the week🌟.
Tags: javascript, webdev, beginners
Published: 2021-11-17 11:35:44

---
title: Top 10 articles about CSS of the week🌟.
published: true
description: Most popular articles about CSS published on the dev.to in this week
cover_image: https://source.unsplash.com/featured/?colors
tags: css,javascript,webdev,beginners
series: Weekly CSS top 10
---

DEV is a community of software developers getting together to help one another out. The software industry relies on collaboration and networked learning. They provide a place for that to happen.

Cascading Style Sheets (CSS) is a simple language for adding style (e.g., fonts, colors, spacing) to HTML documents. It describes how HTML elements should be displayed.

{% tag css %}

Here is the most popular articles published on this platform.


# #1
[![Image of post](https://res.cloudinary.com/practicaldev/image/fetch/s--CmNRgi6_--/c_imagga_scale,f_auto,fl_progressive,h_500,q_auto,w_1000/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/qipgwv5qz0tq8915wtv3.jpeg)](https://dev.to/romaopedro199/tap-bar-with-liquid-animation-using-css-and-javascript-2l99){% post https://dev.to/romaopedro199/tap-bar-with-liquid-animation-using-css-and-javascript-2l99 %}

# #2
[![Image of post](https://res.cloudinary.com/practicaldev/image/fetch/s--7dx_gsC---/c_imagga_scale,f_auto,fl_progressive,h_500,q_auto,w_1000/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/231ym0fk3tljlhwb9ioo.png)](https://dev.to/trishathecookie/css-tricks-to-create-that-dark-futuristic-web3-look-53bm){% post https://dev.to/trishathecookie/css-tricks-to-create-that-dark-futuristic-web3-look-53bm %}

# #3
[![Image of post](https://res.cloudinary.com/practicaldev/image/fetch/s--yNWRmToH--/c_imagga_scale,f_auto,fl_progressive,h_500,q_auto,w_1000/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/4vg4oyi9zfeinyzb05ki.png)](https://dev.to/franciscomendes10866/how-to-create-modern-cards-using-react-and-tailwind-2ded){% post https://dev.to/franciscomendes10866/how-to-create-modern-cards-using-react-and-tailwind-2ded %}

# #4
[![Image of post](https://res.cloudinary.com/practicaldev/image/fetch/s--KC3pQB3y--/c_imagga_scale,f_auto,fl_progressive,h_500,q_auto,w_1000/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/kmkmc4ptzcd9eltb4v5f.jpg)](https://dev.to/am20dipi/how-to-build-a-simple-search-bar-in-javascript-4onf){% post https://dev.to/am20dipi/how-to-build-a-simple-search-bar-in-javascript-4onf %}

# #5
[![Image of post](https://res.cloudinary.com/practicaldev/image/fetch/s--fHEfi5R4--/c_imagga_scale,f_auto,fl_progressive,h_500,q_auto,w_1000/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/c9jy0bk43f38ri8v76b2.jpg)](https://dev.to/pffigueiredo/a-cheat-sheet-for-size-units-4cbi){% post https://dev.to/pffigueiredo/a-cheat-sheet-for-size-units-4cbi %}

# #6
[![Image of post](https://res.cloudinary.com/practicaldev/image/fetch/s--v_PfjiOe--/c_imagga_scale,f_auto,fl_progressive,h_500,q_auto,w_1000/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/kh657gzuo9flabph0y4a.jpg)](https://dev.to/shantanu_jana/how-to-make-a-todo-list-using-javascript-2o75){% post https://dev.to/shantanu_jana/how-to-make-a-todo-list-using-javascript-2o75 %}

# #7
[![Image of post](https://res.cloudinary.com/practicaldev/image/fetch/s--CzBmrFKg--/c_imagga_scale,f_auto,fl_progressive,h_500,q_auto,w_1000/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/7lsdvghswbfiitb0mf9a.png)](https://dev.to/thatanjan/add-a-glass-effect-with-html-and-css-87k){% post https://dev.to/thatanjan/add-a-glass-effect-with-html-and-css-87k %}

# #8
[![Image of post](https://res.cloudinary.com/practicaldev/image/fetch/s--rKHbvD9d--/c_imagga_scale,f_auto,fl_progressive,h_500,q_auto,w_1000/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/f9n0qm9avfn4ohtt8kdz.png)](https://dev.to/cesscode/resources-to-help-you-practice-web-development-e35){% post https://dev.to/cesscode/resources-to-help-you-practice-web-development-e35 %}

# #9
[![Image of post](https://res.cloudinary.com/practicaldev/image/fetch/s--XfuqhY3V--/c_imagga_scale,f_auto,fl_progressive,h_500,q_auto,w_1000/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/smvkru3vavu89hh66ujz.png)](https://dev.to/romaopedro199/cool-dashboard-side-menu-using-css-and-javascript-2cgk){% post https://dev.to/romaopedro199/cool-dashboard-side-menu-using-css-and-javascript-2cgk %}

# #10
[![Image of post](https://dev.to/social_previews/article/889603.png)](https://dev.to/markmead/how-to-write-better-tailwind-css-containers-4m8c){% post https://dev.to/markmead/how-to-write-better-tailwind-css-containers-4m8c %}

> Original authors of this articles are @romaopedro199, @trishathecookie, @franciscomendes10866, @am20dipi, @pffigueiredo, @shantanu_jana, @thatanjan, cesscode, romaopedro199, markmead .

Enjoy these articles.
Follow me for more articles.
Thanks 💖💖💖