开发者福利！2016 年 10 月设计圈实用干货大合集

每月的设计圈干货合集来了！在今天的合集当中，有APP开发平台，各类模板，源代码工具，学习工具，开发框架，JS代码资源。同以往一样，免费的素材占了绝大多数，同时还有一些具有极高价值的付费的应用与工具，对于许多开发者和设计师而言，这些工具是不可多得的助力。不过总的来说，这次的设计圈干货主要是针对前端与后端程序员的，设计用的图标、字体、模板、UIkit 等素材会在下一波更新中提供

产品经理 2016年10月08日

CSS按钮体验提升技巧之:before/:after与自定义data-*的妙用

其实网上已经有很多各类效果的了，例如: http://tympanus.net/Developme... 神人太多了，我也找到了一种比较好的按钮制作方法，体验不错，演示动画截图如下： 一种不错的增进体验的效果噢~ 具体代码实现搓这里，http://output.jsbin.com/kepiqac 关键字：css, 按钮, #data-# 妙用

业界 2016年08月03日

关于浮动与清除浮动，你应该知道的

我在做页面布局的时候，多多少少总会受到来自浮动的困扰，因此专门通过实践来总结一下浮动与清除浮动。首先总结几个基础的概念：浮动：设置浮动的元素会脱离文档流，不会影响块元素的布局，但是会影响内联元素的排列[通常是文本]；文档流：在文档流中，块元素会单个元素独占一行接下来我们通过实际演示来看看关于浮动的那些事儿。下面是5个div块元素在文档流中一次排列我们知道浮动元素有几个规律如

业界 2016年07月03日

html5之canvas

canvas是html5出现的新标签，主要用来画图，看见网上能用来实现各种图形，所以感觉很好玩，就学习了一下。 canvas绘制图形有两种方法：context.fill() //填充context.stroke() //绘制边框在绘制图形前要设置好图形样式，也有两种方法：context.fillStyle()

业界 2016年07月05日

SASS @etend官方文档剖析

@extend用法剖析我们经常会遇到这样的情况，当我们在开发页面时候一个class需要包含前一个class的所有样式，但是又必须有他自己特殊新增的样式。但是这两个class其实都是相差无几的，只是有细微的差别。比如错误提示的样式(.error和.specialerror),既然后着只是比前者多一两句样式，为何还要写两个class呢，因为我们不想把前者.error的样式重新在

业界 2016年07月16日

css学习(持续更新中)

ch单位：该单位是以数字0位参考，width:3ch这个就表明宽度是3个数字0的宽度。 关键字：css, 宽度, width, 数字

业界 2016年07月13日

document.write知多少

原生JavaScript的API里document.write绝对是重量级的。如果大家对他的使用场景、注意事项、原理等不明晰，欢迎阅读本文。使用场景第三方合作iframeul[列表内容]如果这段代码放在前端处理，不使用后端模板，用document.write可以轻松实现，当然实现的方式很多种，这里只是说明document.write可以胜任。 if(A){

业界 2016年08月07日

元素上下层叠关系总结

从浏览器渲染说起一个页面的渲染，大致有下几个步骤这里直接看最后一步Composite: 渲染层合并，这步是渲染最后一个步骤，作用就是把之前绘制的图层（如果有PS的经验的话图层很好理解）按照规定的顺序合并成一个图层，元素的层叠谁在上面谁在下面的关系，就在这步里被规定被最终在浏览器里体现出来了。那么这个对层叠理解有什么用呢？。。。。。。。。。。并没什么卵用，只是最近看到了而已，

业界 2016年07月04日

用CSS3做各种样式的饼图

通过css3的旋转属性来实现饼图的效果。封装了一个饼图类，通过实例化来生成各种样式的饼图。以前一直用highcharts做饼图的效果，但有时候，一些比较简单的饼图用highcharts的话有点杀鸡用牛刀的感觉。所以自己研究了一下如何用css3来达到这个效果。并封装了一下，支持多种样式，写了一个 pie.js 。原理是这样的，父容器是一个div，背景颜色是左边一半灰色，右边一

业界 2016年07月05日

SVG

SVG Shapes 1.矩形 关键字：css, html, html5, svg

业界 2016年07月13日