Clik here to view.
【转载】CSS技巧-rgba函数的妙用
本文转载自：众成翻译译者：谢于中链接：http://www.zcfy.cc/article/2001原文：https://css-tricks.com/the-power-of-rgba/?utm_source=Frontend-Weekly&utm_campaign=8f1d75d1db-EMAIL_CAMPAIGN_2016_12_07&utm_medium=email&...
View ArticleClik here to view.
通过漫画阐述CSS网格布局
CSS网格布局非常擅长在线制作漫画，特别是你想要灵活的实现你想要的漫画风格。这篇文章中我们通过使用巴里猫（Barry the cat）来演示如何构建一个具有响应式的漫画效果。巴里猫本教程借用GraphicRiver艺术品（沉睡的肥猫）来做演示：让你的浏览器快速支持Grid别忘了，如果你想让你的浏览器快速支持CSS Grid布局特性，可以阅读《CSS...
View ArticleClik here to view.
你真的了解background-position
background属性是CSS中最常见的属性之一，它是一个简写属性，其包含background-color、background-image、background-repeat、background-attachment、background-position、background-clip、background-origin和background-size。你可能会说，这些属性再简单不过了，没有...
View Article手淘招人啦
我们是手机淘宝 虚拟互动实验团队，我们团队专门负责手机淘宝互动活动项目，致力于打造顶级互动氛围；我们面对的亿级用户群体，你的一个创意，一个效果直接向上亿级用户展示。我们是一个有实力的团队，是一个具有高颜值团队，我们更欢迎您的加入。如果您够自信，欢迎简历发至：weihua.lwh@alibaba-inc.com （坐标：杭州西厂）手淘前端开发专家 - Canvas/WebGL...
View ArticleClik here to view.
Clik here to view.
CSS变量和预处理器变量的差异
变量是CSS预处理器存在的主要原因之一。为某样东西设置变量的能力，比如颜色，在CSS中让变量保持一致，可DRY，并且易于改变是很有用的。出于相同原因，也可以使用原生CSS变量（“CSS自定义属性”）。但有一些重要的差异应该清楚。一个简单的预处理器变量使用示例如下：$brandColor: #F06D06; .main-header { color: $brandColor; }...
View ArticleClik here to view.
如何成为一位函数式编程爱好者(Part 6)
踏出理解函数式编程概念的第一步是最重要的一步，有时也是最难的一步。不过也不一定，取决于你们的思考方式。现在该做什么？既然你已经学会了所以的新东西，可能就会想了，“现在该做什么？如何将它用在我每天的编程中使用它？”这要视情况而定。如果你能使用像 Elm 或 Haskell 这样的纯函数语言，你就可以尝试全部想法。而且在这些语言中实现起来很方便。如果你只能使用像 JavaScript...
View ArticleClik here to view.
理解animation-fill-mode属性
我相信很多前端开发人员都有基于CSS @keyframes创建动画的经历。甚至其中有很多人创建了一些很复杂的动效和去实验这个特性。如果你想要全面了解这篇文章将要介绍的内容，建议你花点时间阅读我2011年在Smashing...
View Article【转载】CSS Grid!
本文转载自：众成翻译译者：jacty链接：http://www.zcfy.cc/article/2104原文：http://meyerweb.com/eric/thoughts/2016/12/05/css-grid/Grid布局来了，Grid布局来了。千真万确，各大浏览器将发布对Grid布局的支持。唔哈哈哈哈~什么？什么？什么？你说什么？2017年3月，Chrome和Firefox将开始默认支持G...
View ArticleClik here to view.
Clik here to view.
CSS制作首字下沉
在杂志排版中，常常能看到首字下沉的效果。在Web的排版中，也常常能看到上图这样的效果。并且常常看到的是首段首字下沉。那么今天这篇文章咱们来聊聊如何使用CSS实现首字下沉效果。::first-letter实现首字下沉效果早期中，实现首字下沉都是能过伪元素::first-letter来实现。其实现原重非常的简单，就是把首字font-size值设置较大，然后能过float来实现。比如：p::first-l...
View ArticleClik here to view.
【转载】理解 CSS 属性值语法
本文转载自：众成翻译译者：少年阿布DX链接：http://www.zcfy.cc/article/390原文：https://www.smashingmagazine.com/2016/05/understanding-the-css-property-value-syntax/万维网联盟（W3C）使用了一套特别的语法来定义 CSS 的属性值，能让所有的 CSS 属性都用。如果你曾看过 CSS...
View ArticleClik here to view.
使用color-mod()函数修改颜色
去年@Erik Jung写了一篇文章来介绍CSS4 Color特性，那时并没有花时间去探讨其具体的使用方式，只是略知他能让你基于某个颜色，添加调节参数，得到新的颜色。由于其还是Color的新特性，所以目前如果不依赖于其他的手段，你在浏览器里是看不到效果的。当然也有非常出色的工程师，比如@Ahmad...
View ArticleClik here to view.
10个HTML 5.1的新功能
在几个星期前,W3C在2016年11月发布了新的 HTML 5.1 recommendation,HTML规范得到了重大改进，在最近的博客中,W3C将新的主版本称为黄金标准，因为HTML...
View ArticleClik here to view.
Clik here to view.
从Sass过渡到PostCSS
Sass多年来一直是我的首选。最近我有一段时间，想尝试使用PostCSS的cssnext插件来处理CSS样式。我一直想使用工具尝试写一些CSS的新特性。同时自己的个人网站也是一个最佳测试这些新特性的实验地。第一步先了解我使用Sass写的东西，需要知道我用了些什么功能，以确保找到一个替代的工具（PostCSS插件）。下面这个列表是我项目中用到的一些功能：引入部分（partial...
View Article【转载】让CSS更完美:PostCSS-modules
本文转载自：众成翻译译者：Geoff链接：http://www.zcfy.cc/article/2303原文：https://evilmartians.com/chronicles/postcss-modules-make-css-great-again译者注（@GeoffZhu）:...
View ArticleClik here to view.
grid-kiss让网格制作变得更容易
去年在CSS Conf科普了一下《CSS Grid Layout》相关的概念。会后PostCSS的作者@Andrey Sitnik给我力荐grid-kiss这个PostCSS插件。说这个插件可以让CSS Grid变得更为简单。一直都想尝试一下，就是没动手，今天体验了一下，还是很有意思的。今天花点时间整理一下，跟大家一起分享。CSS...
View ArticleClik here to view.
【转载】CSS书写模式
本文转载自：众成翻译译者：哈呼哈哈呼链接：http://www.zcfy.cc/article/2321原文：https://24ways.org/2016/css-writing-modes/由于你可能没有那么多的时间，所以我将从结论开篇。你可以使用一个不常见，但是非常重要的CSS属性来使文字垂直显示，像下面这样。除了让文字垂直显示之外，你也可以让图标和入口按钮以这样的方式呈现。当然，可以让你页面...
View ArticleClik here to view.
手淘虚拟互动团队、Buy+招人啦！
2016年在各位装逼大神的带领下，我们在装逼的事情上越走越远。比如这位我们装逼界的王者，看这标签就知道绝对是装逼界的实力选手。这位王者是来自虚拟互动实验室的VR业务的PD云治爷，2016年装的最成功的逼是把Buy+给真弄出来了。这个逼装的有点大……Ps.装逼王目前单身，各位男客官可以行动起来了！毕竟男男才是真爱，妹子什么的请看后面！这位就是我们最爱的BOSS逍遥子左边那位戴着红牌牌的 宋五...
View Article