今天在网上看到一有趣的开关按钮的制作，用到了SVG、css3和js，下面的演示中还引用了TweenMax.min.js，这是一个js动画工具库。

上面的这个加载中效果，以前是用gif动图实现的，但随着CSS的进步，CSS动画功能越来越强大，我们只用一小片段HTML和CSS就能实现，方便了很多，体积也减小了很多。

终于找到了一个好方法，使用:not(:last-of-type)简单方便，再也不要麻烦的单独使用:last-of-type了，不错！

自从有了智能手机，很多以前不可能的事情都可以了，比如滴滴打车，共享单车，不带钱购物等，今天说的把手机当成服务器执行备份任务也是。对于程序员来说，在智能手机上能干的事情还有很多，需要慢慢发掘。

在手机上安装的Linux系统是个很精简的系统，很多东西需要手动安装，而且，手机的芯片是ARM架构的，debian和redhat的软件仓库了并没有支持这种芯片的nodejs安装程序。当然，你可以从nodejs官方网站上下载ARM架构的安装包手动安装。

同样是Hash Sum mismatch的错误，在国内，也变成了具有中国特色的Hash Sum mismatch错误和具有中国特殊的解决方案。

在我们日常使用的安卓手机里安装一套完整的Linux系统，将使手机变得无比强大。我们可以将整个 Linux/Apache/MySQL/PHP安装到里面，让它运行一个PHP网站；我们还可以将nodejs安装到里面，帮我们干一些临时的JavaScript任务

需要注意的是， /usr/sbin/sendmail 如今已经是一个标准的共享API，并不是指的最初的Sendmail MTA。事实上，你也不应该使用Sendmail，而是使用更先进的软件，例如OpenSMTPD, Postfix, 或 Exim4。所有的这些都提供了相同的 /usr/sbin/sendmail 工具，并且更容易配置，更安全，功能更强大。

问题是这样的：如果几个inline-block元素放在一起，它们的代码是按常见的HTML标准格式化，那么，在它们之间就会存留一些空格。

Web开发人员在调试网页时经常会遇到clear:both不起作用的情况，clear:both的作用是让改元素不浮动，让它在左右两边都没有其它网页元素排列。大多数情况下我们需要用用到clear:both，是因为让一个网页元素float:left或float:right时，它却浮动在其它元素旁，

学习这些小命令无疑会提高我们的工作效率，对Linux的学习是无止境的，比如下面这几个linux快捷键，我相信有些程序员会跟我一样最近才发现它的使用方法。

进入这些目录里使用ls命令是愚蠢的做法，而直接执行rm *，没有任何反应，文件数量也没有减少，也就是说，在海量文件目录里直接使用rm命令进行删除是无效的。

一般网站或应用的后台都有备份数据库的功能按钮，但需要去手工执行。我们需要一种安全的，每天自动备份的方法。下面的这个shell脚本就是能让你通过过设定Crontab来每天备份MySQL数据库的方法。

重新从nodejs.org最新版本是一种方法，但我想应该有更简单的方法，那就是使用 n 这个工具包，我们可以使用NPM先安装 n 工具包，然后用它升级nodejs，十分的方便。

，虽然是可以实现，但有一个弊端，它使用的是flash技术，而如今，很多浏览器开始不支持flash技术，所以，我们需要不依赖flash技术的JavaScript方法来实现浏览器端的剪贴板操作。今天给大家介绍的就是用纯JavaScript实现的解决方案：clipboard.js。

Async/Await基本规则

async 表示这是一个async函数，await只能用在这个函数里面。
await 表示在这里等待promise返回结果了，再继续执行。
await 后面跟着的应该是一个promise对象（当然，其他返回值也没关系，只是会立即执行，不过那样就没有意义了…）

据谷歌开发者博客透露，Chrome 56 for Android 现已发布 Beta 测试版，开发者可以注册开源试用版，后者支持 WebVR API 和 GamePad API 扩展程序。WebVR API 允许访问虚拟实境设备（例如 Daydream View）的输入和输出功能。

图片特效在CSS3应用中十分广泛，我们也收集了不少CSS3图片特效，今天要分享的这款CSS3 3D旋转图片相册又非常绚丽，和之前分享的这款HTML5/CSS3 3D环形图片墙类似，也是一面立体的图片墙，图片不停的切换，鼠标滑过图片时即可激活图片查看。

本演示关键使用了几个新型的CSS属性(background-blend-mode, mix-blend-mode, 和 filter)，利用这些属性，我们可以让同一张图片呈现出各种不可思议的神奇效果。

本文并不是试图讲解flexbox布局里的各种属性如何工作，而是用图解的方式介绍flexbox里的各种属性和属性值如何让布局起变化，以及如何变化。

今儿，我就准备向大伙儿介绍一些你们之前可能很少见过CSS家伙们。他们每个都是度量的单位，类似pixel 和 em 这样的，但是很有可能你之前从来就没听过这些家伙们！就让我们一起来交个朋友吧~

如果网页中嵌入了一个视频iframe，我通常会给这个iframe设定固定的高度和宽度，这个高度和宽度的比例通常要适应视频的高宽必，比如16:9。但是，如果我们一旦写死了这个高度和宽度，当有人使用不同屏幕大小的设备访问网页时就会出现问题，比如小屏手机上

打开百度或其他https网页时显示“您的链接不是私密连接”。
点击高级后，没有出现“继续浏览（不安全）”。仅显示一段文字。重新加载后仍然停留在此页面。
使用Firefox浏览https网页均能正常加载，且Firefox遇到真正的证 书过期、无效证 书的问题时能够出现警示页面。

今天我们要来分享一些设计非常独特的人物和动物动画效果，它们都是通过HTML5和CSS3制作而成，有一些动画是利用纯CSS3实现的，一起来看看

三维立体效果我觉得是CSS3中最有意思的地方，不得不佩服那些开发者大神们，让我们能够通过几行CSS代码就能得到酷炫的视觉体验。

CSS3按钮一般都可以设计的非常漂亮，利用投影、渐变等CSS3属性特效可以把按钮渲染的十分动感。今天分享的这款CSS3按钮外观非常特别，它看上去酷似晶莹剔透的牛奶，而且在点击按钮时出现3D效果的动画，按钮按下时，按钮会轻轻的弹动一下，非常逼真。

觉得黑得可以的点个赞呗。

JavaScript 通过XMLHttpRequest(XHR)来执行异步请求，这个方式已经存在了很长一段时间。虽说它很有用，但它不是最佳API。在Fetch API中，最常用的就是fetch()函数。它接收一个URL参数，返回一个promise来处理response。response参数带着一个Response对象。

这篇文章里我们将学习CSS里flexbox布局的几个最重要的概念，通过学习flexbox布局，你会发现以往遇到的所有的关于布局的问题，现在都可以轻松解决了。

Web端对于宽度有各种定义，比如innerWidth，outerWidth，clientWidth，offsetWidth。不同语境下有不同的含义，PC端与移动端的表现也有不同，还可能与缩放水平、滚动条、viewport设置等因素相关。

胖箭头函数（Fat arrow functions），又称箭头函数，是一个来自ECMAScript 2015（又称ES6）的全新特性。有传闻说，箭头函数的语法=>，是受到了CoffeeScript 的影响，并且它与CoffeeScript中的=>语法一样，共享this上下文。

await/async 是 ES7 最重要特性之一，它是目前为止 JS 最佳的异步解决方案了。虽然没有在 ES2016 中录入，但很快就到来，目前已经在 ES-Next Stage 4 阶段。

昨天我了解到Chrome调试工具一个小巧的调试方法，在WDCC期间， Marcus Ross（@zahlenhelfer） 介绍了，chrome调试工具各种调试方法，这个只是其中一种，现在我来给大家秀下。

除了正常运行模式，ECMAscript 5添加了第二种运行模式：”严格模式”（strict mode）。顾名思义，这种模式使得Javascript在更严格的条件下运行。

用CSS3绘制的各种小图标