文章主要帶出以下幾點：
為解決問題而design，而唔係死守 pattern同rules。
睇最後果5個point就得
This is a nice for beginner who don’t have technical background. It is easier to understand and illustrations are beautiful.
It gives a brief overview on how web site work in the beginning. And then explain the HTML tag one by one. It also explain the subtle different between similar HTML tags and attributes.
Spent almost 2 days on building this page to explain my learning and understanding on Bootstrap 3 implementation. Most of the time spent on thinking how to explain the logic in word.
There are lots of improvement in my writing skills. Although lots of time spent, it does help me to have a deeper understand on the idea.
Different browsers have different default style. To make the user experience consistent among browsers, we have CSS reset script or normalize script. In Bootstrap 3, normalize.less reset the CSS.
Web page today have rich UI element. But for blind people, they use screen reader to read the page. They cannot understand image and icon. Bootstrap 3 provide .sr-only and .sr-only-focusable to show content to screen reader without affecting the visual content. .sr-only-focusable appears after the element focused by pressing the ‘tab’ key. Beside the Bootstrap 3 mixin, there are html attribute like aria-label for accessibility.
In LESS, class and mixin share the same syntax. To hide the a mixin, we can add an empty parenthesis after the mixin, like .mixin(). This may create some code like .mixin { .mixin() }. It looks redundant, but it is good in design, as the interface and implementation are separated.
mixins.less contains utilities, components, skins and layout ‘functions’ of LESS.
mixins/hide-text.lessIt is used to hide the text in the dom. Why don’t we use display: none or visible: hidden? Because screen reader cannot read it. An issue on GitHub show a use case. Screen reader don’t have OCR and cannot read the text in image, we can put the image in background of an DOM, put the text inside the DOM. So screen reader can read it. To hide the text from other users, we can use the .hide-text mixin.
mixins/opacity.lessIt adds IE 8 support on opacity. If we don’t need to suppport IE 8, we can use the opacify directly.
variable.less is the first files to be imported in the entry point of Bootstrap 3 LESS. It declare all variables.
This design of variable.less against the rule of thumb that variable should be declare on use. But after considering the design principle of Bootstrap 3, variables.less is a good design. Let’s discuss why this design is bad at the first glance.
We always heard a small, sharp team of first-class people is better than a big team, but it is difficult to scale. What should we do when a big product need to be built?
The book suggest a surgical team like structure to reduce the communication cost. Only one member cutting away on the problem and other teammates give support to him.
Why it is difficult to estimate the time cost of a software project?
The time cost of debugging and testing cannot be estimated until or after implementation. Programmer usually ignore the time cost of that.
文章將團隊成員分為五種不同層次，最低層次係要等人俾指示，最高就係可以獨立行動，間中做例行報告。要令員工可以獨立行動，需要時間累積信任。
文中仲提及一D指派工作嘅技巧:
仲有三個指派工作嘅大忌