2017-08-03阅读(113238)评论(3)赞(10)

注：本文在英文原文的基础上加了一些便于理解的注释和示例。 本文以实例的方式讲解 Flexbox 布局，让你以最快的速度学会 Flexbox 布局。但是没有涉及全部属性，Flexbox 布局完整指南请查看 CSS3 Flexbox 布...

2017-06-15阅读(26662)评论(3)赞(0)

根据 2016年 Stack Overflow 开发者调查 显示，全栈开发工程师是当今最受欢迎的开发者职业。 毫无疑问，有许多在线和现场教学课程可以帮助你成为全栈开发工程师，甚至帮助这些新开发人员找到高薪编程开发工作。 国内外有很流行的在线...

2017-06-05阅读(28275)评论(1)赞(2)

前端网页设计在过去的十年里经历了一场革命。在2007年，我们大多数人仍在设计静态杂志布局，在2017年，我们重新设计了数字机器，有成千上万的调整、协调、移动的部件。 简单的说，很好的UI设计师还需要成为很好的动画师 – 需要对网...

2017-05-09天涯孤雁阅读(40857)评论(2)赞(2)

前几天，PostCSS 6.0 分布了。 PostCSS 处理了很多你不必处理的乏味工作。它很巧妙的不同于预处理器，提供了可选的且更简洁的编程语言，来编译成 CSS，如 Sass、Less 与 Stylus。得出这个结论的部分原因是： 它的...

2017-04-06阅读(14991)评论(1)赞(0)

Sass(Syntactically Awesome StyleSheets)?是对 CSS 的扩展，可以编译成传统CSS，供浏览器使用。使用 Sass 是为了解决在大型项目中传统CSS会遇到的重复、可维护性差等问题。Sass 新增了nes...

2017-03-21阅读(51344)评论(2)赞(0)

上一篇文章我们入门了几个基本的 Flexbox 属性：flex-direction，justify-content，align-items和align-self。 这些属性对于创建基本布局非常有用。 但是一旦你开始使用Flexbox构建网页...

2017-03-20阅读(21018)评论(8)赞(0)

Flexbox 布局将我们从CSS的邪恶（如垂直对齐）中拯救了出来。 很好，Flexbox 确实实现了这个目标。 但掌握新的弹性模型可能还是具有一点挑战性的。 所以，让我们以动图的形式来看看 Flexbox 的工作原理，这样我们可以使用它来...

2017-03-14阅读(89098)评论(14)赞(0)

你有两年以上的前端开发经验吗？你会用 Sass 和 Autoprefixer 等高级的CSS辅助技能吗？你的 JavaScript 知识是否融汇贯通，你是否喜欢使用 Gulp ， npm 和 jQuery ？如果是这样，根据 Ashley ...

2017-01-04天涯孤雁阅读(11997)评论(2)赞(0)

这是一份清单，里面列出了在我多年的专业 Web 开发期间，在复杂的大型 Web 项目中学习到的有关管理 CSS 的事项。我多次被人问起这些东西，所以写一份文档记录下来听起来是个不错的主意。 我已经尽力尝试用简短的语言去解释它们了，然而这篇文...

2016-12-22天涯孤雁阅读(6399)评论(2)赞(0)

添加或移除一个DOM元素、修改元素属性和样式类、应用动画效果等操作，都会引起DOM结构的改变，从而导致浏览器需要重新计算每个元素的样式、对页面或其一部分重新布局（多数情况下）。这就是所谓的样式计算。 TL;DR 降低样式选择器的复杂度；使用...