Css secrets better solutions to everyday web design

CSS secrets : better solutions to everyday web design problems

Publication date 2015 Topics Cascading style sheets, Web sites — Design Publisher Sebastopol, CA : O’Reilly Media, Inc. Collection inlibrary; printdisabled; internetarchivebooks Digitizing sponsor Kahle/Austin Foundation Contributor Internet Archive Language English

Based on two popular talks from author Lea Verou — including CSS3 Secrets: 10 things you may not know about CSS — this practical guide provides more than 50 undocumented techniques and tips for using CSS3 to create better websites. The talks that spawned this book have been top-rated by W3Conf and .net magazine. Get information you won’t find in any other book Learn through small, easily digestible chapters Helps you understand CSS more deeply so you can improve your own solutions Apply Lea’s techniques to problems other than those she discusses Gain tips from a rockstar author who works for W3C — the organization responsible for CSS

Access-restricted-item true Addeddate 2021-12-15 04:06:24 Bookplateleaf 0008 Boxid IA40307819 Camera Sony Alpha-A6300 (Control) Collection_set printdisabled External-identifier urn:oclc:record:1153018480
urn:lcp:csssecretsbetter0000vero:lcpdf:59f474a2-3197-49ea-aefe-944d7adfc7cf
urn:lcp:csssecretsbetter0000vero:epub:cf4d1c4d-748b-43b2-bdd9-1e89a599a018 Foldoutcount 0 Identifier csssecretsbetter0000vero Identifier-ark ark:/13960/s2zrw58nqh6 Invoice 1652 Isbn 9781449372637
1449372635 Lccn 2015487788 Ocr tesseract 5.0.0-1-g862e Ocr_detected_lang en Ocr_detected_lang_conf 1.0000 Ocr_detected_script Latin Ocr_detected_script_conf 0.9895 Ocr_module_version 0.0.14 Ocr_parameters -l eng Old_pallet IA401404 Openlibrary_edition OL26936126M Openlibrary_work OL19723004W Page_number_confidence 19.05 Pages 396 Partner Innodata Pdf_module_version 0.0.17 Ppi 360 Rcs_key 24143 Republisher_date 20211215083433 Republisher_operator associate-loida-sulit@archive.org Republisher_time 711 Scandate 20211209084611 Scanner station17.cebu.archive.org Scanningcenter cebu Scribe3_search_catalog isbn Scribe3_search_id 9781449372637 Tts_version 4.5-initial-80-gce32ee1e

Источник

CSS Secrets: Better Solutions to Everyday Web Design Problems

In this practical guide, CSS expert Lea Verou provides 47 undocumented techniques and tips to help intermediate-to advanced CSS developers devise elegant solutions to a wide range of everyday web design problems.

Rather than focus on design, CSS Secrets shows you how to solve problems with code. You’ll learn how to apply Lea’s analytical approach to practically every CSS problem you face to attain DRY, maintainable, flexible, lightweight, and standards-compliant results.

Inspired by her popular talks at over 60 international web development conferences, Lea Verou provides a wealth of information for topics including:

Backgrounds and Borders
Shapes
Visual Effects
Typography
User Experience
Structure and Layout
Transitions and Animations

First published August 25, 2014

About the author

Lea Verou

Ratings & Reviews

Friends & Following

Community Reviews

I think this is the best CSS book I have encountered. Book presents 47 everyday design problems with well thought out alternative solutions using latest CSS features.

First chapter gives short introduction on how CSS standards are formed and presents some best practices for writing CSS. That introduction chapter itself changed the way how I have been thinking the DRY principle regarding CSS. Before my interpretation of DRY CSS did limit in clever use of selectors etc to maximize re-usability / minimize file size. However book presents DRY as a design which could be changed with minimal number of property changes.

Rest of the chapters are actual design problems with solutions divided into several categories like typography, user experience, backgrounds, animations etc…

Pros and cons of each alternative solution are discussed and each problem is worked towards solution as DRY as possible without adding extra HTML wrappers when not absolutely needed. Solutions are also designed in a way that won’t sacrifice possibilities to extend designs with animations or other related effects. Also upcoming but yet unimplemented standards are presented if they would offer even better solution someday.

Author doesn’t waste pages on discussing browser support issues because they are in constant flux and CanIUse.com provides more accurate information anyway.

Book is aimed for people with intermediate to advanced CSS knowledge and I personally would recommend it to everyone working with Web front-end or design.

This was the best book on CSS I have ever read. It changed the way I style websites before I had finished the first chapter. I would recommend it to anyone who already has a working knowledge of CSS but is looking for a more thorough understanding.

Without a doubt the best book about CSS I’ve ever read. It presents solutions for problems that every front-end developer is facing constantly. The structure is perfect, the examples are really well crafted and the author is one of the most respected persons in the community, with numerous articles and conference talks on this topic.

Very technical book, a must read for web designers and developers.

Bought this on a whim (Amazon lightning deal) last year because I’m a CSS geek and have been following Verou on her blog for some time.

First off, this is not a book for beginners. What you have here is true to Verou’s brand — the «cutting edge» of CSS technology. Even as someone who’s worked with CSS for a decade, I found much of the subject matter to be complex (some of the concepts are explained mathematically) and certainly stretching my knowledge of CSS.

If however you love CSS as a markup language and want to learn some tips that are not just a compilation of Stack Overflow answers — and don’t get me wrong, I live on Stack Overflow; I just wouldn’t buy it in book format — then CSS Secrets is for you. Rather than read it cover-to-cover, your best bet is to read by category, because it’s divided into sections which are geared to target certain kinds of design challenges: typography, visual effects, and usability, just to name a few. I skimmed some sections and focused more on others, based on personal interest and application.

What really made this book worthwhile was Verou’s breadth of knowledge. Again, this is not just a compilation of internet tips you can look up (or at least, not easily), and while some of the «secrets» are credited to others, Verou is a careful curator. I appreciated her in-depth explanations which helped me understand things like viewport units and why they matter. In the end, I took away several key tips which I was able to present to my team as useful to our projects.

I’m deducting a star because I felt some of the book could have been thinned out a little (too much explanation at times) and occasionally the author’s style sounded too self-promoting to me. (I have got this feeling from the blog as well). Nonetheless, this is purely my personal impression and just a minor detail. I still look forward to continuing to learn from Verou’s expertise.

P. S. The included links to demo code were extremely invaluable. I wish all computer science books included that.

i’m not a professional procrastinator, but with this review i surely made it to the big fella’s league.
i delayed the review, because on the one hand it was obvious that this book is a really good source of info.
the book is full of updated knowledge and years of experience, of the author and others all around the digital landscape. it is balancing great between theory and practice. it is addressing current obstacles standing in the way of almost everyone trying to build a modern website, e.g. : vertical centering, e.g.: sticky footers. every problem has several solutions, and the author is discussing the pros and cons of each one of them, and the last thing is that the book isn’t just a from start to end read, you can pick a subject from the appendix (you’ve got two appendixes, two competing but nevertheless somewhat overlapping, suggestions for reading the book) and start investigating it in a serendipitous manner, taking advantage of the links and code snippets that are scattered within to start a private investigation outside the book’s boundaries.

and still, with all its merits i delayed the review as long as i could have. and now i think i understand why: not because of the book, but because of me, and my natural inclination for development rather than design.
css is a language intended to solve problems in design, so what do you want ?
it’s true. all of it, but for me, as a web developer, i prefer a book that doesn’t necessarily cover various esoteric design problems (e.g: frosted glass effect, fancy ampersands) and in its stead deal with subjects that are close to my heart: like selectors: alternative conventions for naming them, relations between them and more, in short dealing with the logical and abstract conundrums that css as a language present us with.

this book certainly makes good on its promise, but for me the lack of attention for the more theoretical and abstract aspects of css make it worth only four stars for me.

First, this work is intended for a very niche audience. It is for computer programmers who are web designers and who want to learn not just basic CSS (how webpages are currently styled) but advanced CSS. As becomes the O’Reilly book series, Verou is fortunately a master of CSS and of technical communication. Her wit makes learning how to make the most out of CSS entertaining, intriguing, and extensible to new situations.

Verou, a member of the W3C CSS Working Group, provides 47 “secrets” that provide example code and results on topics ranging from color tinting and custom checkboxes to the frosted-glass effect and custom animations. More than just a simple “cookbook,” the book is filled with graphics as she helps the reader think through the solution.

My personal favorite effect is #42 – Elastic Transitions. Apparently, the rate of timing for an animation is not linear by default. In fact, it can be specified by a Bezier curve. So CSS allows you to define the anchor points for a Bezier curve, and the animation will proceed according to the timing specified therein.

While I don’t believe that one can ever say someone can completely “master” any art-form, Verou clearly displays a high degree of mastery of CSS. She provides copious links for further exploration. It’s well worth the time for those who want to make their webpages shine with nuance and grace.

Источник

CSS Secrets: Better Solutions to Everyday Web Design Problems

In this practical guide, CSS expert Lea Verou provides 47 undocumented techniques and tips to help intermediate-to advanced CSS developers devise elegant solutions to a wide range of everyday web design problems.

Rather than focus on design, CSS Secrets shows you how to solve problems with code. You’ll learn how to apply Lea’s analytical approach to practically every CSS problem you face to attain DRY, maintainable, flexible, lightweight, and standards-compliant results.

Inspired by her popular talks at over 60 international web development conferences, Lea Verou provides a wealth of information for topics including:

Chapter 1. Introduction
Web standards: friend or foe?
CSS coding tips

Chapter 2. Backgrounds & Borders
1 Translucent borders
2 Multiple borders
3 Flexible background positioning
4 Inner rounding
5 Striped backgrounds
6 Complex background patterns
7 (Pseudo)random backgrounds
8 Continuous image borders

Chapter 3. Shapes
9 Flexible ellipses
10 Parallelograms
11 Diamond images
12 Cutout corners
13 Trapezoid tabs
14 Simple pie charts

Chapter 4. Visual Effects
15 One-sided shadows
16 Irregular drop shadows
17 Color tinting
18 Frosted glass effect
19 Folded corner effect

Chapter 5. Typography
20 Hyphenation
21 Inserting line breaks
22 Zebra-striped text lines
23 Adjusting tab width
24 Ligatures
25 Fancy ampersands
26 Custom underlines
27 Realistic text effects
28 Circular text

Chapter 6. User Experience
29 Picking the right cursor
30 Extending the clickable area
31 Custom checkboxes
32 De-emphasize by dimming
33 De-emphasize by blurring
34 Scrolling hints
35 Interactive image comparison

Chapter 7. Structure & Layout
36 Intrinsic sizing
37 Taming table column widths
38 Styling by sibling count
39 Fluid background, fixed content
40 Vertical centering
41 Sticky footers

Chapter 8. Transitions & Animations
42 Elastic transitions
43 Frame-by-frame animations
44 Blinking
45 Typing animation
46 Smooth state animations
47 Animation along a circular path

Источник