TIL, CSS shadow and FrontEnd interview questions
Esraa Nasr
Posted on September 4, 2023
Hello guys,
This week I have a lot of assignments and an interview, so I spent most of my time preparing for them. So please wish me luck tomorrow to do my best in the interview.
First of all, I read a fantastic article about CSS shadow
They're Shadow Hover Effect, A Shadow Of A Shadow and The Textual Shadow
Shadow hover effect
<div class="circle"></div>
.circle{
width: 250px;
height: 250px;
background: green;
border-radius: 50%;
box-shadow: inset 250px 250px 0 red;
}
.circle:hover{
box-shadow: none;
}
Checkout the result
and this
A Shadow Of A Shadow
The Textual Shadow
text-shadow: h-shadow v-shadow blur-radius color|none|initial|inherit;
h1 {
text-shadow: 0 0 3px #FF0000, 0 0 5px #0000FF;
}
<h1>Text-shadow with red and blue neon glow</h1>
Here's the result
Secondly, some interview questions that I initially didn't know how to answer
What is load balancing?
distribution of all the incoming network traffic all across the back-end server.What is Content Security Policy?
is a header in HTML lets the operators to gain the whole control over the resources which are loading on the site.What is Cross-Site Scripting (XSS)?
is an attack which takes place when any attacker uses a web application to send any malicious code, in the form of browser side script, to another user.What is Coercion in JavaScript?
The conversion between 2 different build-in Types of JavaScript. It comes in two forms, Explicit and implicit.
Note About my portfolio I'm not working on it this week I hope to have time next week.
I am confused about the domain esraa.studio or ecupcake.dev?
What's your opinion?
Last, I read a useful articles
So let's share our knowledge and tell me what you learned today.
Here are my social links if you would like to follow.
Github: https://github.com/EsraaNasr92/
Twitter / X: https://twitter.com/Esraa_nasr92
Instgram: https://www.instagram.com/_esraaanasr/
Posted on September 4, 2023
Join Our Newsletter. No Spam, Only the good stuff.
Sign up to receive the latest update from our blog.