Relative Units - CSS Fundamentals

Reading Notes / Web Notes

2019.11.07

Relative Units - CSS Fundamentals

In the web environment, the user can have their browser window set to any number of sizes, and the CSS has to apply to it. Also, users can resize the page after it's opened, and the CSS needs to adjust to new constrains. This means that the browser must calculate those when the page is rendered onscreen. Relative units are one of the tools CSS provides to work for the responsive design.

A Beginner's Guide to SCSS

Web Notes / Tutorials

2019.11.07

A Beginner's Guide to SCSS

Basically, SCSS is the most popular CSS pre-processor now people use. It's just a more recent version of the original Sass syntax. All Sass/SCSS code compiles back to standard CSS so that the browsers can understand it. All browsers currently don't have direct support for SCSS or any other CSS pre-processor, nor does the standard CSS specification provide alternatives for similar features, not yet.

npm install, concerns for me

Tutorials / Web Notes

2018.04.14

npm install, concerns for me

While learning Node.js, install packages is a commonly operation. However, as a newbie, I might install the packages not in the right way. So taking this note to refresh my mind on npm installs.

JS 本地数据存储之 cookie

JavaScript Notes / Web Notes

2018.03.09

JS 本地数据存储之 cookie

本来只是想简单看看 cookie、localStorage 和 sessionStorage 的,没想到一搜索扩展了很多知识,但是,中心主题还是集中在 web storage (localStorage, sessionStorage) 的认识上,以及怎么使用它们。不过,在此之前,先来简单认识一下 cookie 吧。

中文网页字体设置

Web Notes

2018.03.01

中文网页字体设置

由于中文字体通常体积较大,在 web 中使用中文字体确实需要一些技巧。我也一直在纠结使用什么样的字体能有更好的阅读体验,鼓捣过 Typekit 加载思源宋体,可难免会拖慢加载速度,有时还不能成功加载,只能换回系统内置字体。今天就好好研究下网页字体的使用,一劳永逸!

Bootstrap cards for showing colors

Web Notes

2017.11.06

Bootstrap cards for showing colors

A few days ago, I built a website for showing traditional Chinese colors with bootstrap cards. Several issues I encountered during this process, just write them down for records.

TRENDING