Custom CSS for Firefox

Tools

2020.08.01

Custom CSS for Firefox

Firefox allows users to create and include user stylesheets to modify every single web page as necessary or even modify the UI of Firefox itself. Let's see how to do it!

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.

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.

中文网页字体设置

Web Notes

2018.03.01

中文网页字体设置

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

Sass 基础

Web Notes

2017.08.17

Sass 基础

该来的总会来,用到的时候总是要去学习的。Bootstrap 4 进入 Beta,就想着是不是要折腾一下博客模板,这次就试试用 Scss 来更新吧。

Web 中使用思源宋体

Web Notes

2017.04.09

Web 中使用思源宋体

近期,Adobe 和 Google 联合发布了思源宋体,给了我一个惊喜,终于有个可以放心使用的开源宋体了,而且字体设计得挺和我心意。

CSS 选择器笔记

Web Notes

2016.12.01

CSS 选择器笔记

CSS 选择器用于选择需要添加样式的元素,其重要性不言而喻。最近更新博客模板就不断调整 CSS 样式,好多时候就因为选择器不熟悉而不能应用样式,所以干脆好好学习总结一下常用的 CSS 选择器,也为下一步学习 jQuery 做好准备。

TRENDING