7 useful resources for those learning CSS

2024 Author: Malcolm Clapton | [email protected]. Last modified: 2023-12-17 03:44

Cascading style sheets make boring HTML attractive. Lifehacker has selected Russian and English-language sites, as well as web encyclopedias that will help you better understand CSS.

The World Wide Web Consortium (W3C) recommended CSS (Cascading Style Sheets) technology in 1996. Since then, web developers have been using cascading style sheets to create unique site designs.

Twenty years ago, developers played with font options, text attributes, and page element colors. Nowadays animations, shadows, gradients, anti-aliasing and many other advanced things are in progress.

Install a Chrome extension or Firefox add-on to admire your favorite sites without cascading style sheets.

The changes will be dramatic, though not always. For example, a news aggregator will hardly change: it is as simple as two and two. Nevertheless, the resource is viewed over 150 million times monthly.

Where to learn the finer points of CSS

1. HTMLbook

Let's be consistent and start with a solid theoretical foundation. For it, we turn to Vlad Merzhevich, book author and web developer, who maintains several quality resources about layout and styling of web pages.

Here you will find a self-explanatory tutorial and answers to popular questions about cascading style sheets. There are also tutorial articles on the current third CSS specification.

2. WebReference

offers an alphabetical reference to CSS. Each property has a short description, syntax, and a live example. Do not hesitate to ask questions - the authors of the project get in touch and willingly discuss the details.

3. CSS Reference

In addition to Russian-language tutorials, we will add foreign sites. With their help, it is easier for some students to delve into the profession and accept its terminology. Therefore, all attention is on. There is nothing superfluous on the site: CSS properties, explanations, and action. Of the pleasant little things, we note the quick search and copying of the property to the clipboard at the click of the mouse.

4. CSS Design Awards

Education is a long and sometimes boring business. It would be nice to find motivation to help in difficult times. We will be inspired by other web designers, or rather on the site. Here, every day, a quality project is presented that serves as an example of what is worth striving for. Many of the winners are truly surprising. Do not forget to drop in and vote for your favorite nominees.

5. CSS Zen Garden

Having secured knowledge and a beacon, it's time to test your strength in business. And in order not to choose the road for a long time, we will direct you to the page. It contains an unchanging HTML file, which users from all over the world try to give an extraordinary design with the help of cascading style sheets.

Load the reference HTML, add your styling and send it all back. Perhaps your approach will be the best. By the way, you can download someone else's version and see how it is implemented.

6. CSSPlay

It's clear that you will want to apply something of the kind that will attract everyone's attention. We do not know if there is such a thing, but dozens and hundreds of curious tricks were there for sure.

7. CSS Lint

Why do we need someone else's, if our own hands grow straight? Does it really show. In addition to basic CSS syntax checking, the web service checks for compliance with rules that affect page loading speed. The output is nice, browser-friendly CSS.