Color
We live in a colorful world, but color isn’t that simple. This article will introduce some knowledges of color, including:
- How does human recognize colors
- Different color space
CSGO
My favorite game - Counter Strike: Global Offensive.
Adobe
In this article, you will see:
- Shortcuts of Photoshop and Illustrator
- Some tricks
- Highly recommended materials for learning
CSS
Quick notes
Safe fonts
A complete collection of web safe CSS font stacks.
Add two common fonts for Chinese characters: PingFang SC
, Microsoft YaHei
.
$font-family-serif: Palatino, Georgia, "Times New Roman", "PingFang SC", "Microsoft YaHei", serif !default;
$font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "PingFang SC", "Microsoft YaHei", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !default;
Difference between Serif and Sans Serif
See this great inforgraphic: The Difference Between Serif And Sans-Serif Explained In One Infographic
JavaScript
This is a note about JavaScript.
Quick notes
Ignore SSL issue
Error: (node:99469) UnhandledPromiseRejectionWarning: Unhandled promise rejection (rejection id: 4): Error: Hostname/IP doesn’t match certificate’s altnames: “IP: <ip> is not in the cert’s list: “
https://github.com/axios/axios/issues/535
https = require('https')
axios = require('axios')
// At instance level
const instance = axios.create({
httpsAgent: new https.Agent({
rejectUnauthorized: false
})
});
instance.get('https://something.com/foo');
// At request level
const agent = new https.Agent({
rejectUnauthorized: false
});
axios.get('https://something.com/foo', { httpsAgent: agent });
酒
黄酒
黄酒是用稻谷酿造的,稻谷本不含糖,必须要将淀粉转化为糖,然后再把糖发酵成酒精,而帮助稻谷糖化并发酵的就是曲。
酿造工艺
- 浸米
- 蒸米
- 落缸,根据不同的风格,用不同方式投入米、麦曲、酒药、水等各种原料,等待酒发酵。
- 开粑,发酵过程中温度会提升,酵母就不再作用了,必须由酿酒师把酒醪表面的漂浮物铲下去,从而起到降温的作用。开耙师傅是匠人,不同的时间点开耙都会酿出风格截然不同的酒。
- 装坛
- 压榨,从小坛中倒出黄酒,过滤、压榨、澄清、杀菌,每一个步骤都有利于增加黄酒的保质期,但是都会损失一部分风味。
- 装瓶
Bootstrap
Quick notes
.d-none
, hide elements.d-{sm,md,lg,xl}-none
- Tips: use
d-none
first, and specify screen display mode to cover it.
container-fluid
, full width container
Responsive breakpoints
Github issue: Bootstrap default breakpoints
Viewport dimensions.
xs
, extra small- \( xs \le 575.98px \)
sm
, small- \( 576px \le sm \le 767.98px \)
md
, medium- \( 768px \le md \le 991.98px \)
lg
, large- \( 992px \le lg \le 1199.98px \)
xl
, extra large- \( xl \ge 1200px \)
Take control over the viewport:
<meta name="viewport" content="width=device-width, initial-scale=1.0">
Docker
Links
Quick notes
Commands
docker images
docker run -it ubuntu <shell>
-v <host_dir>/<container_dir>
-p
--rm
, automatically aremove the container when it exists
docker exec -it <container_name> bash
docker history <image>
- 自下而上构建镜像层的缓存,
<...>: Already existes
docker ps
-a
for all
行走
行走记录
- 2018-03-24 45321步 33.5km
路线
- 2018-01-07 大钟寺博物馆-中华民族园博物馆-中国动物博物馆
- 2018-01-14 清华大学艺术博物馆-香巴拉户外用品专卖店-中国人民大学
- 2018-01-21 惠新西街南口-天坛
- 2018-01-28 石刻艺术博物馆-古代钱币展览馆(德胜门箭楼)
- 2018-02-05 西直门-阜成门-宣武门-中国铁道博物馆正阳门展馆-正阳门城楼
- 2018-03-04 中国海关博物馆(雄关漫道:丝绸之路上的谷关)-北京古观象台
- 2018-03-10 国家典籍博物馆-中国古动物馆-李大钊故居
- 2018-03-17 首都博物馆
- 天路文华,西藏历史文化展
- 读城,发现北京四合院之美
- 2018-03-24 玉渊潭-中国革命军事博物馆