---
title: "Laasri Nadia (@nadialaasri) | Hashnode"
description: "Front end developer-CSS enthusiast. Read the latest articles by Laasri Nadia on Hashnode."
url: "https://hashnode.com/@nadialaasri"
---

@nadialaasri

# Laasri Nadia

@nadialaasri · Morocco · Joined August 2020

Front end developer-CSS enthusiast

[Website](https://nadialaasri.me/)

### [My #100DaysOfCode Challenge Experience Went Well!](https://nadialaasri.hashnode.dev/my-100daysofcode-challenge-experience-went-well?utm_source=hashnode&utm_medium=feed)

I found about the 100 days of code challenge from a friend who tweeted about it, at the same time I liked the CSS images people made and share on Codepen, so I decided to start this challenge and make a list of drawings with CSS by the end of it. My ...

Oct 9, 2020 · 2 min read [nadialaasri.hashnode.dev](https://nadialaasri.hashnode.dev/my-100daysofcode-challenge-experience-went-well?utm_source=hashnode&utm_medium=feed)

### [Tips and free tools to make your website accessible](https://nadialaasri.hashnode.dev/tips-and-free-tools-to-make-your-website-accessible?utm_source=hashnode&utm_medium=feed)

We don’t talk enough about web accessibility even if it’s something important and essential for developers and organizations that want to create high quality websites and tools, and not exclude some people from using it because the web should work fo...

Sep 9, 2020 · 3 min read [nadialaasri.hashnode.dev](https://nadialaasri.hashnode.dev/tips-and-free-tools-to-make-your-website-accessible?utm_source=hashnode&utm_medium=feed)

### [3 Secrets behind single div CSS art](https://nadialaasri.hashnode.dev/3-secrets-behind-single-div-css-art?utm_source=hashnode&utm_medium=feed)

When i started making CSS drawings, i didn’t know about ‘Single div CSS art’, i was very amazed by what people can draw with only one div then i felt curious to know how these drawings are made. I went to Codepen and started to learn more about them,...

[2](https://hashnode.com/posts/3-secrets-behind-single-div-css-art/5f4ab0963a844e5996536eca) Aug 29, 2020 · 9 min read [nadialaasri.hashnode.dev](https://nadialaasri.hashnode.dev/3-secrets-behind-single-div-css-art?utm_source=hashnode&utm_medium=feed)

### [How to write and publish your first NPM package](https://nadialaasri.hashnode.dev/how-to-write-and-publish-your-first-npm-package?utm_source=hashnode&utm_medium=feed)

We will write a library that helps to generate border-radius for HTML elements, we will name it "radiuswizard". This is just an example of a library that will give us the idea on how the NPM packages are written and published, so let’s start. What yo...

[1](https://hashnode.com/posts/how-to-write-and-publish-your-first-npm-package/5f3ef92bdfbb4247f7c14b84) Aug 20, 2020 · 6 min read [nadialaasri.hashnode.dev](https://nadialaasri.hashnode.dev/how-to-write-and-publish-your-first-npm-package?utm_source=hashnode&utm_medium=feed)

### [How to make your first CSS art](https://nadialaasri.hashnode.dev/how-to-make-your-first-css-art?utm_source=hashnode&utm_medium=feed)

Many people know how to use CSS to style websites, but when it comes to CSS artwork, they get confused on how they are made. So i thought it might be helpful if i share my humble experience with you, I am going to discuss some important CSS knowledge...

[8](https://hashnode.com/posts/how-to-make-your-first-css-art/5f371d4d0801bf3f76e5effd) Aug 14, 2020 · 6 min read [nadialaasri.hashnode.dev](https://nadialaasri.hashnode.dev/how-to-make-your-first-css-art?utm_source=hashnode&utm_medium=feed)