Skip to content

Commit f3a0fea

Browse files
committed
Edited (after Kobo test read)
Signed-off-by: Jens Oliver Meiert <[email protected]>
1 parent 4c5f1c1 commit f3a0fea

8 files changed

+92
-92
lines changed

manuscript/acknowledgments.md

+1-1
Original file line numberDiff line numberDiff line change
@@ -3,4 +3,4 @@
33

44
With special thanks to [Tony Ruscoe](http://ruscoe.net/) and Kirsty MacRae for reviewing this book, and to Markus Käding for initial feedback on the cover design.
55

6-
Thanks, too, to Jurriaan Topper and [Jad Joubran](https://jadjoubran.io/) for suggestions for improvements.
6+
Thanks, too, to Jurriaan Topper and [Jad Joubran](https://jadjoubran.io/) for feedback.

manuscript/book.md

+1-1
Original file line numberDiff line numberDiff line change
@@ -14,4 +14,4 @@ Contact +1-754-400-0999 or [email protected] for more information.
1414

1515
Follow [Frontend Dogma on Mastodon](https://mas.to/@frontenddogma).
1616

17-
[1.4.34]
17+
[1.5.0]

manuscript/intro.md

+4-4
Original file line numberDiff line numberDiff line change
@@ -1,13 +1,13 @@
11
{sample: true}
22
# Introduction
33

4-
We live in exciting times; indeed politically, and in the context of this book, technologically. The times are exciting because there has never been a greater wealth of web technologies, tools, and resources to build ever more appealing and performant web sites and web apps.
4+
We live in exciting times; indeed politically, and in the context of this book, technologically. The times are exciting because there has never been a greater wealth of web technologies, tools, and resources to build ever more appealing and performant websites and apps.
55

66
The times are also exciting because they are challenging. They are challenging because the wealth of technologies, tools, and resources has led to complexity and confusion.
77

88
We can think of the confusion in terms of focus. Precisely, lack of focus, for with all the options we have it has become less apparent what we best pay attention to. This includes what we should do in the first place, and how we should work with what we have at our disposal. It relates to the sites and apps we build, to the frameworks and libraries we use, and—here we get back to why you’re holding this book in your hands—to the code and CSS we write.
99

10-
In this book we’ll look at ways to improve our CSS. We’ll go over why that generally matters, and why each method matters. We’ll also talk about what doesn’t matter so much. For example, processors. Much of that will have to do with quality as well as craft. Both I deem important, no less of an idea of web development would I wish to promote. How to best _automate_ such optimization is a great question, but first we need to understand what to optimize for exactly—and though it’s encouraged to automate as much as possible, whether optimization is to be done manually or automatically is not a concern of this book.
10+
In this book we’ll look at ways to improve our CSS. We’ll go over why that generally matters, and why each method matters. We’ll also talk about what doesn’t matter so much. For example, preprocessors. Much of that will have to do with quality as well as craft. Both I find important, no less of an idea of web development would I wish to promote. How to best _automate_ such optimization is a great question, but first we need to understand what to optimize for exactly—and though it’s encouraged to automate as much as possible, whether optimization is to be done manually or automatically is not a concern of this book.
1111

1212
## Why Optimization Is Important
1313

@@ -25,12 +25,12 @@ Optimization has a touch of perfectionism, but it’s truly a means and not an e
2525

2626
On the pages that follow, I won’t cover _all_ things relating to CSS development these days. The reason for this is simple: Not all of this relates to _optimization_. And so one thing I won’t cover are CSS preprocessors. Personally, I’ve sided with [Roger Johansson](https://www.456bereastreet.com/archive/201603/why_i_dont_use_css_preprocessors/) and outlined [reasons for not using preprocessors](https://meiert.com/en/blog/no-css-preprocessors/). The little there is to optimize through them is already going to be covered in other ways: for example, through repeat emphasis on coding and formatting standards.
2727

28-
On top of that, I regard it useful to stay close to core technologies and not get distracted by abstractions. In the short run, we may benefit from knowing how to work with abstractions; in the long run, we get greater rewards from knowing the underlying technologies. Therefore, we’ll focus on standard CSS rather than preprocessors, like Sass, Less, or Stylus. And when we look at other CSS tools, we won’t discuss optimization of the use of these tools, their workflows, or how to improve the tools themselves, either.
28+
On top of that, I deem it useful to stay close to core technologies and not get distracted by abstractions. In the short run, we may benefit from knowing how to work with abstractions; in the long run, we get greater rewards from knowing the underlying technologies. Therefore, we’ll focus on standard CSS rather than preprocessors, like Sass, Less, or Stylus. And when we look at other CSS tools, we won’t discuss optimization of the use of these tools, their workflows, or how to improve the tools themselves, either.
2929

3030
C> ⁂
3131

3232
The code in this book follows [Google’s HTML/CSS style guide](https://google.github.io/styleguide/htmlcssguide.html). (For an introduction to coding guidelines and commentary on the Google style guide, see [_The Little Book of HTML/CSS Coding Guidelines_](https://www.oreilly.com/library/view/the-little-book/9781492048459/).)
3333

34-
Before we begin, this is a self-published book made with little extra help. If you find mistakes in it, you have all reason to blame me, the author—but also an opportunity to help make the book a little better as a contributor (who are all acknowledged unless chosen otherwise). Please [file an issue](https://github.com/frontenddogma/css-optimization-basics/issues/new) for problems you find, or [submit a pull request](https://github.com/frontenddogma/css-optimization-basics/pulls) for specific fixes and suggestions. If you bought the book [through Leanpub](https://leanpub.com/css-optimization-basics) or [Google Play Books](https://play.google.com/store/books/details/Jens_Oliver_Meiert_CSS_Optimization_Basics?id=xgTfDwAAQBAJ) you should get updates containing your and other people’s fixes automatically. (Otherwise, there’s always [the original source](https://github.com/frontenddogma/css-optimization-basics).)
34+
Before we begin, this is a self-published book made with little extra help. You can blame me, the author, for mistakes—but you also have an opportunity to help make the book a little better. Please [file an issue](https://github.com/frontenddogma/css-optimization-basics/issues/new) for problems you find, or [submit a pull request](https://github.com/frontenddogma/css-optimization-basics/pulls) for specific fixes and suggestions. If you bought the book from [Leanpub](https://leanpub.com/css-optimization-basics) or [Google Play Books](https://play.google.com/store/books/details/Jens_Oliver_Meiert_CSS_Optimization_Basics?id=xgTfDwAAQBAJ), you should get updates containing your and other people’s fixes automatically. (Otherwise, there’s always [the original source](https://github.com/frontenddogma/css-optimization-basics).)
3535

3636
Thank you for your support.

manuscript/mindsets.md

+2-2
Original file line numberDiff line numberDiff line change
@@ -16,7 +16,7 @@ Knowing our goals and needs is important because it’s difficult to meet a goal
1616

1717
## Stay in the Present
1818

19-
Without becoming self-helpish or philosophical, another useful mindset is to [stay in the present](https://meiert.com/en/blog/develop-for-what-is/), to stay in the now. This means both a keen eye to get rid of everything (documentation, design patterns, code snippets, libraries, &c.) that we don’t need and use anymore (“Know Your Needs”), as well as not to bother coding something that we don’t know is needed _with certainty_.
19+
Without becoming philosophical, another useful mindset is to [stay in the present](https://meiert.com/en/blog/develop-for-what-is/), to stay in the now. This means both a keen eye to get rid of everything (documentation, design patterns, code snippets, libraries, &c.) that we don’t need and use anymore (“Know Your Needs”), as well as not to bother coding something that we don’t know is needed _with certainty_.
2020

2121
This mindset matters because it keeps our code base and our documentation clean, and hence contributes to our focus (“Do One Thing Really, Really Well,” “Keep It Simple”).
2222

@@ -26,7 +26,7 @@ The idea to keep it simple has a lazy touch, yet requires a high level of skill.
2626

2727
As such, keeping things simple requires that we thoroughly understand our field—the core technologies, first and foremost, but everything in between and to the sides as well. And it means economy of motion, because we don’t want to engage in something we don’t need to do.
2828

29-
As a mindset, keeping it simple is truly grandiose, and you may not want to pick up a book on minimalism but rather one about focus—one of my recommendations is Gary Keller’s [_The One Thing_](https://www.the1thing.com/).
29+
As a mindset, keeping it simple is truly grandiose. To dive deeper, you may not need to start with a book on simplicity or minimalism, but rather one about focus—my recommendation is Gary Keller’s [_The One Thing_](https://www.the1thing.com/).
3030

3131
## Automate
3232

0 commit comments

Comments
 (0)