The
The blur() function sets the blur of an element as if it is out of focus
The blur radius is specified as a value, it is written in any available CSS size units. The higher the value, the more blurred the image will be
@etwebs #css
filter: blur() propertyThe blur() function sets the blur of an element as if it is out of focus
The blur radius is specified as a value, it is written in any available CSS size units. The higher the value, the more blurred the image will be
img {
filter: blur(10px);
border-radius: 0.4rem;
}@etwebs #css
👍5❤1🔥1
Wrapping elements in Flexbox
The flex-wrap property in CSS allows you to control the wrapping of elements in containers using Flexbox.
It can take the following values:
•
•
•
This property helps you flexibly manage the arrangement of elements, ensuring adaptive design.
@etwebs #css
The flex-wrap property in CSS allows you to control the wrapping of elements in containers using Flexbox.
It can take the following values:
•
nowrap — elements are placed in one line, without wrapping.•
wrap — elements are wrapped to a new line if they do not fit.•
wrap-reverse — elements are wrapped to a new line, but in reverse order.This property helps you flexibly manage the arrangement of elements, ensuring adaptive design.
@etwebs #css
👍6
What is the required attribute in HTML and why is it used?The required attribute makes a form field mandatory to fill out.
If a user tries to submit the form without filling that field, the browser will automatically show a warning no JavaScript needed.
<form> <label> Email: <input type="email" required> </label> <button type="submit">Submit</button> </form> Why it's useful
No need for custom JavaScript
Works with <input>, <textarea>, and <select>
Improves user experience and data quality
if it's helpful don't forget to react
@etwebs #html
👍5❤1
In the world of coding there are tons of programming languages JavaScript, C++, Go, React, and the list goes on...
But here is the truth
You don’t need to learn them all
Focus on one or two and go deep
Once you are strong in one language picking up others becomes much easier
And Please watch this YouTube videos
🔗Fastest way to become a web developer in 2025
🔗Fastest way to learn web development and ACTUALLY get a job
🔗Fastest way to learn any programming language 80-20 rule
@etwebs
But here is the truth
You don’t need to learn them all
Focus on one or two and go deep
✨ Mastery > Variety
Once you are strong in one language picking up others becomes much easier
And Please watch this YouTube videos
🔗Fastest way to become a web developer in 2025
🔗Fastest way to learn web development and ACTUALLY get a job
🔗Fastest way to learn any programming language 80-20 rule
@etwebs
👏3🤔2
REM vs PX in CSS Which should you use?
Struggling to pick between
rem and px for your CSS? This blog breaks it down clearly with real-world insights and example👉 dbushell.com/2024/11/11/rem-or-px
@etwebs #CSS
Ever heard of a color search engine?
This website lets you find color ideas by keywords
Fast, convenient, and damn useful when you need to throw together a palette for a UI or any visual
https://picular.co/
@etwebs| #resourse
This website lets you find color ideas by keywords
Fast, convenient, and damn useful when you need to throw together a palette for a UI or any visual
https://picular.co/
@etwebs| #resourse
👍1
Which property removes bullet points from a <ul>?
Anonymous Quiz
80%
list-style: none;
13%
margin: 0;
3%
padding: 0;
5%
display: inline;
How do you make a flexbox container align items vertically centered?
Anonymous Quiz
41%
align-items: center;
35%
justify-content: center;
14%
flex-direction: column;
11%
text-align: center;
What does the <meta charset="UTF-8"> tag do?
Anonymous Quiz
10%
Sets the page noscript
69%
Defines character encoding (supports special symbols)
10%
Links a CSS file
10%
Creates a responsive layout
What will console.log(typeof []); output?
Anonymous Quiz
40%
A) "array"
33%
B) "object"
17%
C) "undefined"
10%
D) "null"
How many of are you use our color gradient generator
Here some example using it
👇👇👇
profile card
login card
interesting? if it that don't forget to react
@etwebs
Here some example using it
👇👇👇
profile card
login card
interesting? if it that don't forget to react
@etwebs
🔥6❤3👍2
The difference between “
Resetting and normalizing CSS are two approaches to managing the base styles on a web page, but their goals and methods are different.
• Resetting is the process of removing all browser default styles. The goal of resetting is to create a completely “clean” page, where all elements, such as padding, fonts, and margins, will have neutral values to
• Normalization is an approach that aims to
. It corrects styles so that they look the same in all browsers, but does not remove all customizations, as is the case with resetting.
In summary, resetting completely resets styles, while normalization tries to align styles without disturbing the base settings.
@etwebs #css
reset” and “normalize”Resetting and normalizing CSS are two approaches to managing the base styles on a web page, but their goals and methods are different.
• Resetting is the process of removing all browser default styles. The goal of resetting is to create a completely “clean” page, where all elements, such as padding, fonts, and margins, will have neutral values to
eliminate differences between browsers.
• Normalization is an approach that aims to
ensure uniformity in the display of elements across browsers
. It corrects styles so that they look the same in all browsers, but does not remove all customizations, as is the case with resetting.
In summary, resetting completely resets styles, while normalization tries to align styles without disturbing the base settings.
@etwebs #css
🔥3