Quantcast
Channel: w3cplus
Browsing all 1557 articles
Browse latest View live

Image may be NSFW.
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 Article


Image may be NSFW.
Clik here to view.

通过漫画阐述CSS网格布局

CSS网格布局非常擅长在线制作漫画,特别是你想要灵活的实现你想要的漫画风格。这篇文章中我们通过使用巴里猫(Barry the cat)来演示如何构建一个具有响应式的漫画效果。巴里猫本教程借用GraphicRiver艺术品(沉睡的肥猫)来做演示:让你的浏览器快速支持Grid别忘了,如果你想让你的浏览器快速支持CSS Grid布局特性,可以阅读《CSS...

View Article

Image may be NSFW.
Clik 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 Article

Image may be NSFW.
Clik here to view.

CSS条件变量

我将从这里说起:...

View Article


Image may be NSFW.
Clik here to view.

CSS变量和预处理器变量的差异

变量是CSS预处理器存在的主要原因之一。为某样东西设置变量的能力,比如颜色,在CSS中让变量保持一致,可DRY,并且易于改变是很有用的。出于相同原因,也可以使用原生CSS变量(“CSS自定义属性”)。但有一些重要的差异应该清楚。一个简单的预处理器变量使用示例如下:$brandColor: #F06D06; .main-header { color: $brandColor; }...

View Article

Image may be NSFW.
Clik here to view.

如何成为一位函数式编程爱好者(Part 6)

踏出理解函数式编程概念的第一步是最重要的一步,有时也是最难的一步。不过也不一定,取决于你们的思考方式。现在该做什么?既然你已经学会了所以的新东西,可能就会想了,“现在该做什么?如何将它用在我每天的编程中使用它?”这要视情况而定。如果你能使用像 Elm 或 Haskell 这样的纯函数语言,你就可以尝试全部想法。而且在这些语言中实现起来很方便。如果你只能使用像 JavaScript...

View Article

Image may be NSFW.
Clik 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 Article


Image may be NSFW.
Clik here to view.

你所不知道的animation-fill-mode细节

这两天一直在探究CSS...

View Article

Image may be NSFW.
Clik here to view.

CSS制作首字下沉

在杂志排版中,常常能看到首字下沉的效果。在Web的排版中,也常常能看到上图这样的效果。并且常常看到的是首段首字下沉。那么今天这篇文章咱们来聊聊如何使用CSS实现首字下沉效果。::first-letter实现首字下沉效果早期中,实现首字下沉都是能过伪元素::first-letter来实现。其实现原重非常的简单,就是把首字font-size值设置较大,然后能过float来实现。比如:p::first-l...

View Article

Image may be NSFW.
Clik 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 Article

Image may be NSFW.
Clik here to view.

使用color-mod()函数修改颜色

去年@Erik Jung写了一篇文章来介绍CSS4 Color特性,那时并没有花时间去探讨其具体的使用方式,只是略知他能让你基于某个颜色,添加调节参数,得到新的颜色。由于其还是Color的新特性,所以目前如果不依赖于其他的手段,你在浏览器里是看不到效果的。当然也有非常出色的工程师,比如@Ahmad...

View Article


Image may be NSFW.
Clik here to view.

10个HTML 5.1的新功能

在几个星期前,W3C在2016年11月发布了新的 HTML 5.1 recommendation,HTML规范得到了重大改进,在最近的博客中,W3C将新的主版本称为黄金标准,因为HTML...

View Article

Image may be NSFW.
Clik here to view.

聊聊CSS Shapes规范的下一个版本

在前面的教程中,看到了怎么创建CSS...

View Article


Image may be NSFW.
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 Article


Image may be NSFW.
Clik here to view.

grid-kiss让网格制作变得更容易

去年在CSS Conf科普了一下《CSS Grid Layout》相关的概念。会后PostCSS的作者@Andrey Sitnik给我力荐grid-kiss这个PostCSS插件。说这个插件可以让CSS Grid变得更为简单。一直都想尝试一下,就是没动手,今天体验了一下,还是很有意思的。今天花点时间整理一下,跟大家一起分享。CSS...

View Article

Image may be NSFW.
Clik here to view.

【转载】CSS书写模式

本文转载自:众成翻译译者:哈呼哈哈呼链接:http://www.zcfy.cc/article/2321原文:https://24ways.org/2016/css-writing-modes/由于你可能没有那么多的时间,所以我将从结论开篇。你可以使用一个不常见,但是非常重要的CSS属性来使文字垂直显示,像下面这样。除了让文字垂直显示之外,你也可以让图标和入口按钮以这样的方式呈现。当然,可以让你页面...

View Article

Image may be NSFW.
Clik here to view.

手淘虚拟互动团队、Buy+招人啦!

2016年在各位装逼大神的带领下,我们在装逼的事情上越走越远。比如这位我们装逼界的王者,看这标签就知道绝对是装逼界的实力选手。这位王者是来自虚拟互动实验室的VR业务的PD云治爷,2016年装的最成功的逼是把Buy+给真弄出来了。这个逼装的有点大……Ps.装逼王目前单身,各位男客官可以行动起来了!毕竟男男才是真爱,妹子什么的请看后面!这位就是我们最爱的BOSS逍遥子左边那位戴着红牌牌的 宋五...

View Article
Browsing all 1557 articles
Browse latest View live