TIL, CSS shadow and FrontEnd interview questions

esraanasr92

Esraa Nasr

Posted on September 4, 2023

TIL, CSS shadow and FrontEnd interview questions

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;
}
Enter fullscreen mode Exit fullscreen mode
.circle:hover{
    box-shadow: none;
}
Enter fullscreen mode Exit fullscreen mode

Checkout the result

Shadow hover effect

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;
}
Enter fullscreen mode Exit fullscreen mode
<h1>Text-shadow with red and blue neon glow</h1>
Enter fullscreen mode Exit fullscreen mode

Here's the result

Text Shadow

Secondly, some interview questions that I initially didn't know how to answer

  1. What is load balancing?
    distribution of all the incoming network traffic all across the back-end server.

  2. 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.

  3. 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.

  4. 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

  1. CSS container queries
  2. JavaScript promise

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/

💖 💪 🙅 🚩
esraanasr92
Esraa Nasr

Posted on September 4, 2023

Join Our Newsletter. No Spam, Only the good stuff.

Sign up to receive the latest update from our blog.

Related