写了一个web os脚手架

预览地址在这里：http://thx.github.io/magix-os/ 项目地址在这里：https://github.com/thx/magix-os 介绍下目录结构 核心目录cores主要是构成web os的桌面、对话框、图标、任务栏等 插件目录plubins主要是各种插件的实现 接口目录services是接口请求的实现 皮肤目录themes是修改整个风格的 面向用

业界 2016年08月05日

《JavaScript高级程序设计》笔记系列3-- 数据类型

数据类型ECMAScript 中有 5 种简单数据类型（也称为基本数据类型）：Undefined、Null、Boolean、Number和 String。还有 1 种复杂数据类型——Object，Object 本质上是由一组无序的名值对组成的。typeof操作符typeof 检测给定变量的数据类型var message = "some string";alert(typeo

业界 2016年08月08日

三栏布局的n种实现

本文主要讨论左右边栏固定宽度，中间栏填满其余空间的布局。至于其他类型，基本上也就是半斤和八两。每一种布局都会有个Demo，个人依然认为文章里帖代码并没有Demo来的直接。所以正文负责解释，源码参见Demo。其中讨论了这么多种（6种）布局，有以下理由：1是每种布局也都有他的毛病，没有十全十美的，每种布局也都有人在用。2是虽然有相对优秀的方案，但是不优秀的方案也有有用的东西在里

业界 2016年07月06日

Bootstrap网格系统

什么是BootstrapBootstrap是一个用于快速开发Web应用程序和网站的前端框架，它包括HTML,CSS,JS等。它是由Twitter开发，现在成为Github上最为流行的前端开发框架。它提供了一套响应式，移动设备优先的流式栅格系统，随着屏幕或视窗尺寸增加，系统会自动分为最多12列。栅格系统用于通过一系列的行（row）与列（column）的组合来创建页面布局，你的

业界 2016年06月22日

巧用CSS遮罩

1. 用法-webkit-mask样式是利用该属性指定的图片作为遮罩，利用这张图像的透明度来显示位于该遮罩图下方的图像。如果遮罩图某个像素点透明度为1则显示下方的图像，透明度为0则不显示，介于0-1之间则呈现相应的透明度。详情参考 mask - CSS | MDN可以看到，mask的语法基本上拷贝自background，可以设置遮罩的url, position, repea

业界 2016年07月28日

一个纯CSS3实现的酷炫翻书效果

项目地址：https://github.com/BUPT-HJM/c...demo地址：https://bupt-hjm.github.io/cs...欢迎大家的star啦~效果细节其实项目中的关键在于几个属性，perspective和rotate,便是透视和旋转perspective属性指定了观察者与z=0平面的距离，使具有三维位置变换的元素产生透视效果。z>0的三维元素

业界 2016年07月25日

18位设计师为你预测2018用户体验设计趋势

来看看18位设计师预测的2018用户体验设计趋势。设计师总再盼望未来 - 在整个工作流中我们重复相同的事情。最后，困扰设计师往往是围绕着一个简单的问题：我们如何才能提高用户的体验？为了解决这跟题，Figma采访了18位设计师，让他们来来预测2018用户体验设计趋势。12月，随着节日聚餐的频繁出现、适宜的天气，这真是个思考和发现新大陆的绝佳机会。1.可用性第一，个性化第二“我

用户研究 2018年01月04日

[开源] 分享自己用的 GitHub 分组管理工具.

CODELF 的 GitHub Star 管理工具, 简洁快速，从开发者角度考虑，用完就走，不给开发者更多的管理负担。 https://github.com/unbug/codelf我们平时搜索发现 GitHub 上的不错的 Repo 就点 Star 的方式收藏了起来，想哪天会用到，但真的要用时也想不起来叫什么了，而且越收藏就越多，找出来也很费劲的，网友呼吁 GitHub

业界 2016年05月10日

使用resume-master快速制作简历

About this reporesume-master 是一个简历生成器项目，该项目从json中读取数据，可部署到github pages 在线浏览，也可生成pdf格式简历。该项目使用Handlebars + LESS + Gulp进行构建，只需在resume.json中填入你的个人信息，然后在终端执行几个命令行即可快速构建属于您的个人简历。DEMO：http://haw

业界 2016年07月06日

谈谈关于CSS中transform属性之scale

谈谈关于scale属性scale是什么？根据W3C定义 ,scale主要是进行缩放和转化:scale能做什么？1.1px细线CSS代码.wrap{ position: relative;}.UI_scale1{ position: relative; width: 200px; height: 50px; border-bottom:1

业界 2016年07月27日