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

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

业界 2016年08月03日

css实现文字越界加点点点显示，并且后面紧跟一个图标

文字越界添加...显示 在HTML页面上，会遇到当文字长度超出一定长度的时候，将超出的部分显示为...的情况，这个功能很好实现，很多人都可以直接写出来。 示例代码： .demo {display: block;text-overflow: ellipsis; //显示省略符号来代表被修剪的文本，也可以自定义overflow: hidden; //溢出内容隐藏white-sp

业界 2016年08月03日

magi中的2种事件绑定方式

可操作html与jsmagix采用html与js文件分离的写法，当我们在阅读时，希望能直观的看出节点绑定了哪些事件或这个函数是为哪种事件服务的。如下htmlsave我们在阅读上述html片断时，可直观的看到内容为save的button绑定了click事件，且调用的是save方法再如下jsrender: function() {//render codes},'save':

业界 2016年08月04日

Web标准制定过程

W3C的标准规范是怎么制定出来的？浏览器厂商是收到来自w3c的规范标准才结合自己的浏览器进行开发更新以支持新特性吗？一直很好奇，搜集了一些资料，主要参考了W3C CSS工作组特邀专家Lea Verou写的《CSS揭秘》和W3C的官方介绍。一. W3CW3C，一直被大众认为是Web标准的制定者，我们遇到的很多问题，大部分都能通过研究W3C官网上发布的文档解决（官方文档也是最好

业界 2016年08月04日

写了一个web os脚手架

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

业界 2016年08月05日

使一个div垂直+水平居中的几种方法

前几天去一家互联网公司面试，面试官问到了这个应该算是比较简单的问题，在我自认为回答正确时，才知道这道题的答案有很多种，下面就让我们一起来探讨一下这个问题：思路1：绝对定位居中（原始版）这个是我回答出来的，也是被各位所熟知的一种方法，设外层div相对定位，内层div绝对定位，top、left分别设为50%，然后通过设置margin-top、margin-left值为宽度的负数

业界 2016年08月05日

正在暑假中的《课多周刊》(第1期)

正在暑假中的《课多周刊》(第1期)我们的微信公众号：fed-talk，更多精彩内容皆在微信公众号，欢迎关注。若有帮助，请把 课多周刊 推荐给你的朋友，你的支持是我们最大的动力。远上寒山石径斜，白云深处有人家。停车坐爱枫林晚，霜叶红于二月花。 杜牧 -《山行》HTML/CSS【译】22个必备的CSS小技巧（@jrainlau） 实用的CSS小技巧。CSS3 聊天气泡框以及 i

业界 2016年08月07日

document.write知多少

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

业界 2016年08月07日

【二次元的CSS】—— 用 DIV + LESS 做一个小黄人构造器

用 DIV + CSS3 画小黄人仅仅使用div作为身体的布局，用css3的各种transform和圆角属性来绘制各个细节的形状，当然也不会使用任何图片哦。那就没意思了。[br]有的同学说，用canvas不是能画得更逼真而且更简单吗？这点我也非常赞同，但我的理由还是，那就没意思了。这次用到了一些LESS的特性，通过设置一些指定的参数来生成不同种类、不同身材的小黄人。GitH

业界 2016年05月10日

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

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

用户研究 2018年01月04日