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
🖐5 Reasons Why Your Layout Is “Messy”
1 No box-sizing: border-box;
Your padding is messing up widths.
Add this
2 Fixed widths everywhere
Avoid things like
Use
3 Not using Flex or Grid
Still using floats, margins, and absolute positioning?
Use
4 No CSS Reset
Every browser has default margins.
Use normalize.css or a simple reset to start clean.
5,No central container
Layouts break without structure
Use a
If it that useful don't forget to react
@etwebs
1 No box-sizing: border-box;
Your padding is messing up widths.
Add this
* { box-sizing: border-box; }
2 Fixed widths everywhere
Avoid things like
width: 1200px.Use
max-width + width: 100% instead.3 Not using Flex or Grid
Still using floats, margins, and absolute positioning?
Use
display: flex or grid for better control.4 No CSS Reset
Every browser has default margins.
Use normalize.css or a simple reset to start clean.
5,No central container
Layouts break without structure
Use a
.container like .container {
max-width: 1200px;
margin: 0 auto;
padding: 0 1rem; } If it that useful don't forget to react
@etwebs
👍7❤2
Frosted Glass from Games to the Web
A UI games developer (who worked on the Forza series) shares the process of translating in-game ‘frosted acrylic’ design elements to HTML. The end result is nice!
read the article 👈
@etwebs
A UI games developer (who worked on the Forza series) shares the process of translating in-game ‘frosted acrylic’ design elements to HTML. The end result is nice!
read the article 👈
@etwebs