Css cascading style sheets visual dictionary

CSS Book Review – CSS Visual Dictionary 2nd Edition

This review is for CSS Visual Dictionary 2nd edition in paperback format (257 pages) in black and white print. Note however that color versions of this book currently exist in PDF and Kindle formats.

(Get this CSS book at discount price with other coding books.)

CSS Book For Visual Learners

CSS Visual Dictionary (paperback) (PDF) is a visual guide to learning Cascading Style Sheets language. Written for beginners or intermediate front-end developers, this CSS book is illustrated with over 224+ visual diagrams describing most CSS properties in common use today.

Let’s Face It Most CSS Books Won’t Be Read

Truth is nobody reads large coding books (as much as they should.) Most css books, or any other thick coding books sit on our desks collecting dust. We put them on shelves together with other books and pride ourselves on being owners of many popular books.

Читайте также:  Css message box styles

(Get this CSS book at discount price with other coding books.)

Coding books are collected as if they are idols. They are symbolic of validating our interests, that assist us on our learning journey, regardless of whether we are actually going to read them from cover to cover.

But CSS visual dictionary is a very different css book among many. I’m not saying it’s best, or better than most. Only that it’s different and will appeal to a specific group of people — visual learners. But it completely excels in that genre.

Why It’s Worth Getting CSS Visual Dictionary

Unlike many other CSS books, the visual dictionary, as the title suggests, takes an alternative approach to CSS — by explaining CSS Grid, Flex, Animations and many other common features of CSS language by matching source code and brief explanations with an image of results produced by CSS property and value combinations.

Learning by Sight or Visual Communication for Speed-Learners

What I love about visual dictionary is that it isn’t just another css book that was quickly slapped together with some images. Almost every diagram in this book has educational value. But that’s not everything.

These aren’t just diagrams. They were specifically designed to communicate visually.

Each and every diagram teaches by simply looking at them. Just look at this example of a diagram of CSS selectors taken from page 31:

The entire book is full of this type of content. Just by browsing alone you end up learning a lot of stuff.

Why do I think this is the right approach to learning CSS? CSS is a visual language. The effect of its properties modifies the appearance of your HTML layout visually every time you refresh the browser.

Instead of saving and resaving your CSS code in your favorite IDE, and refreshing the page hundreds of times just to see the results, you can browse through this book without having to do that, and to the same effect learn what most CSS properties do.

This is a huge time saver especially if you’re learning CSS for the first time.

Pros

This CSS book contains visual diagram for all CSS propeties. That’s right! 224 diagrams explaining entire scope of CSS language. Covers CSS animation visually.

Cons

As a CSS book that claims to be a visual dictionary, it’s unfortunate that the 2nd edition of the paperback still comes in black and white print. (This means if you want to get the most from this css book your best bet is to get it in PDF or Kindle formats.) However, 3rd edition of the paperback (and hardcover planned for 2022) both of which are currently in post-production will make up for this minor inconvenience.

As an owner of the book myself this CSS book remains at top-quality reference and one of the fastest and most efficient way for learning CSS language.

CSS Visual Dictionary — Table of Contents

Ch # Chapter Title
1 CSS Properties and Values
2 Pseudo Elements
3 Pseudo Selectors
4 CSS Box Model
5 Position
6 Working With Text
7 Margin, Rounded Corners, Box Shadow and Z-Index
8 Nike Logo
9 Display
10 Element Visibility
11 Floating Elements
12 Color Gradients
13 Filters
14 Background Images
15 object-fit
16 Borders
17 2D Transforms
18 3D Transforms
19 Flex
20 CSS Grid
21 CSS Grid – Using Template Areas
22 Fractional Units & Gaps
23 CSS Animation
24 Forward & Inverse Kinematics
25 Sassy CSS / SCSS Manual
26 Tesla CSS Art

(Get this CSS book at discount price with other coding books.)

I completely recommend getting this CSS book! You won’t regret it. Currently it can be obtained (not sure if the promotion still exists) together with Octopack 8 Coding Bundle which also includes JavaScript and Python books.

Источник

CSS Book Review (CSS Visual Dictionary PDF)

This review is for CSS Visual Dictionary CSS textbook (2nd edition) in paperback format (257 pages) in black and white print. Note however, the color versions of this book currently exist in PDF format or when you purchase for your Kindle reader.

(Get this CSS book at discount price with other coding books.)

Please note that this css book isn’t free. If you see any CSS Visual Dictionary free download links on search engines, you are not obtaining it legally. There have been free book giveaways in the past but they are usually exclusive to a 3-5 day window. Do not download free PDF versions of this book!

Note from author: This css book was developed independently (not distributed by any major publishers) so please consider actually buying it from links pointing to official pages from this review.

CSS Book For Visual Learners

CSS Visual Dictionary (paperback) (PDF) is a visual guide to learning Cascading Style Sheets language. Written for beginners or intermediate front-end developers, this CSS book is illustrated with over 224+ visual diagrams describing most CSS properties in common use today.

Let’s Face It Most CSS Books Won’t Be Read

Truth is nobody reads large coding books (as much as they should.) Most css books, or any other thick coding books sit on our desks collecting dust. We put them on shelves together with other books and pride ourselves on being owners of many popular books.

(Get this CSS book at discount price with other coding books.)

Coding books are collected as if they are idols. They are symbolic of validating our interests, that assist us on our learning journey, regardless of whether we are actually going to read them from cover to cover.

But CSS visual dictionary is a very different css book among many. I’m not saying it’s best, or better than most. Only that it’s different and will appeal to a specific group of people — visual learners. But it completely excels in that genre.

Why It’s Worth Getting CSS Visual Dictionary

Unlike many other CSS books, the visual dictionary, as the title suggests, takes an alternative approach to CSS — by explaining CSS Grid, Flex, Animations and many other common features of CSS language by matching source code and brief explanations with an image of results produced by CSS property and value combinations.

Learning by Sight or Visual Communication for Speed-Learners

What I love about visual dictionary is that it isn’t just another css book that was quickly slapped together with some images. Almost every diagram in this book has educational value. But that’s not everything.

These aren’t just diagrams. They were specifically designed to communicate visually.

Each and every diagram teaches by simply looking at them. Just look at this example of a diagram of CSS selectors taken from page 31:

The entire book is full of this type of content. Just by browsing alone you end up learning a lot of stuff.

Why do I think this is the right approach to learning CSS? CSS is a visual language. The effect of its properties modifies the appearance of your HTML layout visually every time you refresh the browser.

Instead of saving and resaving your CSS code in your favorite IDE, and refreshing the page hundreds of times just to see the results, you can browse through this book without having to do that, and to the same effect learn what most CSS properties do.

This is a huge time saver especially if you’re learning CSS for the first time.

Pros

This CSS book contains visual diagram for all CSS propeties. That’s right! 224 diagrams explaining entire scope of CSS language. Covers CSS animation visually.

Cons

As a CSS book that claims to be a visual dictionary, it’s unfortunate that the 2nd edition of the paperback still comes in black and white print. (This means if you want to get the most from this css book your best bet is to get it in PDF or Kindle formats.) However, 3rd edition of the paperback (and hardcover planned for 2022) both of which are currently in post-production will make up for this minor inconvenience.

As an owner of the book myself this CSS book remains at top-quality reference and one of the fastest and most efficient way for learning CSS language.

CSS Visual Dictionary — Table of Contents

Ch # Chapter Title
1 CSS Properties and Values
2 Pseudo Elements
3 Pseudo Selectors
4 CSS Box Model
5 Position
6 Working With Text
7 Margin, Rounded Corners, Box Shadow and Z-Index
8 Nike Logo
9 Display
10 Element Visibility
11 Floating Elements
12 Color Gradients
13 Filters
14 Background Images
15 object-fit
16 Borders
17 2D Transforms
18 3D Transforms
19 Flex
20 CSS Grid
21 CSS Grid – Using Template Areas
22 Fractional Units & Gaps
23 CSS Animation
24 Forward & Inverse Kinematics
25 Sassy CSS / SCSS Manual
26 Tesla CSS Art

(Get this CSS book at discount price with other coding books.)

I completely recommend getting this CSS book! You won’t regret it. Currently it can be obtained (not sure if the promotion still exists) together with Octopack 8 Coding Bundle which also includes JavaScript and Python books.

Источник

Грег Сидельников: Наглядный CSS

CSS Visual Dictionary. Flex Grid Transforms Animation SCSS

Грег Сидельников - Наглядный CSS обложка книги

Курьер 0 ₽ 22 %

Аннотация к книге «Наглядный CSS»

На 1 июня 2018 года CSS содержал 415 уникальных свойств, относящихся к объекту style в любом элементе браузера Chrome. Сколько свойств доступно в вашем браузере на сегодняшний день? Наверняка уже почти шесть сотен. Наиболее важные из них мы и рассмотрим.
Грег Сидельников упорядочил свойства по основной категории (положение, размерность, макеты, CSS-анимация и т. д.) и визуализировал их работу.
Вместо бесконечных томов документации — две с половиной сотни иллюстраций помогут вам разобраться во всех тонкостях работы CSS. Эта книга станет вашим настольным справочником, позволяя мгновенно перевести пожелания заказчика и собственное видение в компьютерный код!

Вы можете стать одним из первых, кто напишет рецензию на эту книгу, и получить бонус — до 15 рублей на баланс в Лабиринте! Или оставьте заявку, чтобы кто-то другой написал ее скорее.

Книга не для самых новичков, но у кого есть способности к самостоятельному изучению, смогут её освоить. Сам принадлежу к последним. При перечитывании знания усваиваются лучше. Подобные книги больше для практики, поэтому с ней надо сидеть за компьютером и кодить. Язык понятный, но это скорее карта основ, чем подробная инструкция, что и как применять. Для лучшего понимания необходимо искать дополнительную информацию в других источниках: сайтах, видеоплатформах. По моему мнению, книга хороша, к.

Книга не для самых новичков, но у кого есть способности к самостоятельному изучению, смогут её освоить. Сам принадлежу к последним. При перечитывании знания усваиваются лучше. Подобные книги больше для практики, поэтому с ней надо сидеть за компьютером и кодить. Язык понятный, но это скорее карта основ, чем подробная инструкция, что и как применять. Для лучшего понимания необходимо искать дополнительную информацию в других источниках: сайтах, видеоплатформах. По моему мнению, книга хороша, к ней можно обращаться не раз. Скрыть

Источник

Оцените статью