我要反馈问题

加入众成翻译官方交流群(群号:362419683)

关注《奇舞周刊》微信号
阅读更多精选前端技术文章

友情链接

猿说:互动氛围更好的IT交流学习平台

互动氛围更好的IT交流学习平台

立即访问
声享:制作精彩的有声幻灯片

使用声享在线PPT快速制作分享优质内容

立即体验

京ICP备17024260号

lizheming

CSS Animations vs Web Animations API

179阅读 · lizheming 1天前翻译  
Web CSS

Web Animation API 是JavaScript 原生提供的的动画操作 API,本文我们会缩写为 WAAPI。具体内容可以查看MDN推荐大家看看。 本文中我们会比较 WAAPI 和 CSS3 Animation 的异同。 浏览器兼容性 虽然目前只有极少部分的浏览...

chechengpeng

在 Vue.js 中使用Mixin —— CSS-Tricks

558阅读 · chechengpeng 2天前翻译  
Web CSS JavaScript

有一种很常见的情况:有两个非常相似的组件,它们共享同样的基本函数,并且它们之间也有足够的不同,这时你站在了一个十字路口:我是把它拆分成两个不同的组件?还是只使用一个组件,创建足够的属性来改变不同的情况。 这些解决方案都不够完美:如果你拆分成两个组件,你就不得不冒着如果功能变动你...

xiaomu

快来围观BEM方法论

725阅读 · xiaomu 4天前翻译  
Web CSS

常见问答 为什么BEM? BEM和OOCSS, AMCSS, SMACSS, SUITCSS有什么区别? BEM和Web Components有什么区别? BEM和Bootstrap有什么区别? 块和元素 我应该创建一个块还是一个元素...

smartsrh

flexbox 完全指南

530阅读 · smartsrh 2017-06-20翻译  
Web CSS

背景 Flexbox 布局模块(目前是 W3C 最后工作草案)旨在提供一种在容器中布局,对齐项目和分配空间更有效的方式来,即使项目的大小未知或者动态是动态的(因此取名叫「flex」)。 弹性布局背后的主要思想是让容器能够更改其项目的宽度/高度(和顺序),以最大限度地填充...

chechengpeng

CSS BEM 命名规则的核心概念介绍

745阅读 · chechengpeng 2017-06-09翻译  
Web CSS

核心概念 块 元素 修饰符 BEM 实体 混合 BEM 树 块的实现 块的实现技术 块的重定义 重定义层级 块 逻辑与功能独立的页面组件,等同于Web组件。 块封装了行为(Jav...

linc2046

漫谈前端开发未来-CSS-Tricks

288阅读 · linc2046 2017-06-06翻译  
Web CSS

几天前我受邀就此话题做演讲。其实我并不够格回答这个问题,其他人也一样。如果你真的需要这个问题的答案,或许你应该看看来自众多开发者调查结果的聚合数据。 尽管如此,我还是有一点点资格的。 除了维护本站需要我每天都思索前端开发,并且接触到许多前端开发相关的讨论, 我本身也是一名活...

Doraemonls

不使用Media Queries的自适应CSS

1080阅读 · Doraemonls 2017-06-06翻译  
Web CSS

虽然标题说不用media queries,但我还是要在开头讲清楚,本文并不是要大家丢掉media queries,也不是要抨击media queries。media queries实际上非常有用,我在各种地方都会用到。但media queries并不能解决所有的自适应的设...

sammffl

是时候使用CSS自定义属性了 – Smashing Magazine

415阅读 · sammffl 2017-05-15翻译  
Web CSS

在今天,CSS预处理器已经成为了当今WEB开发的标配。预处理器的一个主要优势就是可以让你使用变量。它可以让你避免复制粘贴你的代码,并且简化了开发和重构。 我们用预处理器来存储颜色、字体偏好,布局的细节——几乎是我们在css里面用到的所有东西。 但是预处理器的变量在使用上有一些...

印前

CSS3 Flexbox属性视觉指南 | Scotch

730阅读 · 印前 2017-04-14翻译  
Web CSS

JavaScript语言正值火热之期。用它来构建一个适用所有平台的应用程序吧,包括Web网站,服务端,移动端以及桌面端。 入门 代码  示例 弹性盒布局官方称作CSS弹性盒布局模块(CSS Flexible Box Layout Module),这是一种新...

Doraemonls

深入理解CSS:font metrics, line-height 以及 vertical-align

2025阅读 · Doraemonls 2017-04-07翻译  
Web CSS

Line-height 和 vertical-align 是比较简单的CSS属性,以至于我们大多数人都觉得完全理解这两个属性是如何工作以及如何使用它们。实际并非如此。这两个属性非常复杂,也许可以说是最难理解的属性了。CSS有一个鲜为人知的特性:内联元素格式化。这两者恰好在这个特性...

玩命加载中……
已经到底啦