九代长老

1. 利用颜色和粗体来创建层次结构，而非使用字体大小 对于文本样式的设计，最常犯的一个错误就是依赖字体大小来控制层次结构。 记住，不要过于依赖字体大小，而是尝试使用颜色和字体粗细来完成相同的工作。 用于网页展示的一般不小于 400，他们更适合大标题，较小尺寸下阅读会很不舒服。 …

阅前必看：本文总结了各种常见的布局实现,每个方法的优缺点分析往后在github上陆续补充。还有就是这篇文章没提到的其他布局，待本人后续想到或遇到定会在github上及时更新。 由于文章篇幅较长,排版有些混乱,希望别介意哈。掘金PC端是会自动生成目录的,为了方便移动端阅读，还特意…

在CSS3中纳入的Flex Box布局给前端开发者带来了极大的便利，它的强大是有目共睹的。很多以前需要以前复查代码实现的布局，现在通过 Flex Box 很容易就实现。而在下一版本的CSS规范中正在讨论纳入一个更加强大的布局系统，它就是今天要说的： CSS Grid Layou…

如果你之前没有听说过CSS变量，那么现在我将告诉你：它是CSS的新特性，让你能够在样式表中使用变量的能力，并且无需任何配置。 这样的词法有点奇怪，但它确实能够让你通过仅改变--base-font-size的值来改变app中所有原生的字体大小。 如果你想要学习CSS变量的知识，可…

前端布局非常重要的一环就是页面框架的搭建，也是最基础的一环。在页面框架的搭建之中，又有居中布局、多列布局以及全局布局，今天我们就来总结总结前端干货中的CSS布局。 1）使用inline-block+text-align （1）原理、用法 原理：先将子框由块级元素改变为行内块元素…

这是一次尝试，使用 RxJS 来实现简单的无限滚动加载。 简单来说，它使用异步数据流进行编程。这有一篇 Andre Staltz 所写的超棒文章及 egghead 提供的配套视频: RxJS 或 Reactive Extensions 是最先由 Microsoft Open T…

对 DOM 节点的引用会使得节点一直在内存中存储而不会进行释放. 问题... 我们来用 Chrome 开发者工具中抓一下 Heap 观察一下，看看是不是能找到 Detached DOM. 我们在搜索框中输入 detached，看起来并没有 Detached 节点. 最早的代码问…

最全设计尺寸规范+屏幕尺寸，公号【写给设计】回复“设计规范”，可打包下载~

好了，大家都坐好，我准备发车啦。不符合要求的同学请下车，没满 18 岁的，咳咳，开玩笑。不是所有人现在都能搭上 Grid 的小车车，毕竟项目兼容性问题很现实，不过不耽误我们学习。 好了，大家看了看浏览器的兼容性就知道，如今主流浏览器都已经支持了 Grid 布局，还等啥呢？上车吧…