最新文章
-
Stylus Iteration
Stylus allows you to iterate expressions via the for/in construct, taking the form of: for <val-name> [, <key-name>] in <ex…… -
Stylus Hashes
In 0.39.0 version Stylus got hash objects. Define You can define a hash using the curly braces and colons to divide the keys and va…… -
Stylus Conditionals
Conditionals provide control flow to a language which is otherwise static, providing conditional imports, mixins, functions, and more. The examples…… -
Stylus Comments
Stylus supports three kinds of comments: single-line, and multi-line comments, and multi-line buffered comments. Single-line Single-line comm…… -
Stylus Rest Params
Stylus supports rest parameters in the form of name.... These params consume the remaining arguments passed to a mixin or function. This is us…… -
Stylus Keyword Arguments
Stylus supports keyword arguments, or “kwargs”. These allow you to reference arguments by their associated parameter name. The examples shown be…… -
Stylus Mixins
Both mixins and functions are defined in the same manner, but they are applied in different ways. For example, we have a border-radius(n)&n…… -
Stylus Interpolation
Stylus supports interpolation by using the {} characters to surround an expression, which then becomes part of the identifier. For exampl…… -
Stylus Expressive, dynamic, robust CSS
CSS needs a hero body { font: 12px Helvetica, Arial, sans-serif; } a.button { -webkit-border-radius: 5px; -moz-border-radius: 5px; borde…… -
-
Stylus TextMate Bundle
Stylus ships with a TextMate bundle, located within ./editors. To install, simply execute make install-bundle, or place ./editors/Sty…… -
overflow-wrap(word-wrap)、word-break和white-space的换行效果对比
之所以将word-break、overflow-wrap(word-wrap)和white-space这三个属性放在一起比较,是因为它们都有一个共同的作用,就是控制文本的换行。因为有三个,所以就容易混淆。这个三个属性有时候选任何一个都能实现我们的目标,但有时候只有某个特定的属性能实现我们的要求,这也就是我们今天要比较它们的原因,有相同点,也有不同点。 -
Stylus FireStylus extension for Firebug
FireStylus is a Firebug extension that makes Firebug display the Stylus filename and line numbers of the Stylus-generated CSS styles rather than th…… -
Linux/UNIX里的“You have new mail”是个什么鬼?
需要注意的是, /usr/sbin/sendmail 如今已经是一个标准的共享API,并不是指的最初的Sendmail MTA。事实上,你也不应该使用Sendmail,而是使用更先进的软件,例如OpenSMTPD, Postfix, 或 Exim4。所有的这些都提供了相同的 /usr/sbin/sendmail 工具,并且更容易配置,更安全,功能更强大。 -
-
-
Stylus Implementation Comparisons
Below we go head to head with other implementations. 变量(Variables) SCSS: $main-color: #006; color: $main-color; Less: @main-color…… -
五款精致迷人的CSS3 3D动画按钮
CSS3按钮一般都可以设计的非常漂亮,利用投影、渐变等CSS3属性特效可以把按钮渲染的十分动感。今天分享的这款CSS3按钮外观非常特别,它看上去酷似晶莹剔透的牛奶,而且在点击按钮时出现3D效果的动画,按钮按下时,按钮会轻轻的弹动一下,非常逼真。 -
这个API很“迷人”——Fetch API
JavaScript 通过XMLHttpRequest(XHR)来执行异步请求,这个方式已经存在了很长一段时间。虽说它很有用,但它不是最佳API。在Fetch API中,最常用的就是fetch()函数。它接收一个URL参数,返回一个promise来处理response。response参数带着一个Response对象。 -
-
你真知道HTML网页元素有多宽吗?
Web端对于宽度有各种定义,比如innerWidth,outerWidth,clientWidth,offsetWidth。不同语境下有不同的含义,PC端与移动端的表现也有不同,还可能与缩放水平、滚动条、viewport设置等因素相关。 -
Stylus Sourcemaps
Stylus supports basic sourcemaps according to the Sourcemap v3 spec Create a sourcemap Pass the --sourcemap flag (or -m) …… -
JavaScript ES6箭头函数指南
胖箭头函数(Fat arrow functions),又称箭头函数,是一个来自ECMAScript 2015(又称ES6)的全新特性。有传闻说,箭头函数的语法=>,是受到了CoffeeScript 的影响,并且它与CoffeeScript中的=>语法一样,共享this上下文。 -
JavaScript里的await/async的作用和用法
await/async 是 ES7 最重要特性之一,它是目前为止 JS 最佳的异步解决方案了。虽然没有在 ES2016 中录入,但很快就到来,目前已经在 ES-Next Stage 4 阶段。 -
Stylus 块(@block)
您可以将Stylus中的任何代码块赋值给变量,然后调用它,作为参数传递或以任何其他方式重用。 To define a block, either write it down with an increased……