Here are some of the websites that I found while learning CSS, which will help you in creating webpages more proficiently.
When comparing two or more selectors, the one with the highest specificity value wins and its styles are applied.
A specificity calculator helps in understanding which styles will take precedence in cases where conflicting styles are applied.
The website Coolors.co is all about color palettes. It’s a great tool for both creating your own color schemes and finding inspiration from others.
When you click on the start the generator button, this appears on the screen. Here you can make your own colour pallete.
When you click on the tools button, different options appear
The color contrast checker in Coolors is like a little accessibility guardian angel for your color palettes. It helps ensure the text and background colors you choose are easy for everyone to see. Here’s how it works:
- Accessibility Matters: Many people, including those with visual impairments or color blindness, can struggle to read text if the contrast between the text and background is poor.
- WCAG to the Rescue: The checker follows the Web Content Accessibility Guidelines (WCAG). These are international standards for making websites usable by everyone.
- Seeing is Believing: The tool calculates the contrast ratio between your chosen colors. This is a numerical value that indicates how easy it is to distinguish the text from the background.
- Pass or Fail: The checker will tell you if your color combination meets the recommended WCAG contrast ratios for good accessibility. There are two main levels:
- AA: This is the minimum recommended level, with a contrast ratio of at least 4.5:1 for normal text.
- AAA: This is the preferred level for optimal accessibility, requiring a contrast ratio of at least 7:1 for normal text.
- Peace of Mind: By using the contrast checker, you can create color palettes that are both beautiful and inclusive, ensuring everyone can enjoy your designs. It’s a win-win!
LINK :developer.mozilla.org/en-US/docs/Web/CSS/CS..
This is an article about CSS values and units . It discusses what CSS values and units are and gives details and information about the different data types.
It helps you in finding different types of fonts
click on the font family of your choice > get font > get embedded code
LINK :symbl.cc/en/html-entities
This website provides you the codes to write symbols while creating webpages.
Source: hashnode.com