切图崽的自我修养－SeaJs重要概念剖析

前言高能预警，前方山路十八弯在上一篇文章里简单的讨论了一下模块化Js, 先来回顾一下目前模块化的两大规范:CommonJs 同步加载模块规范AMD/CMD 异步加载模块规范其中CMD规范的产出是国内目前十分火爆的SeaJs, 这篇文章主要是解释几个使用SeaJs会碰到的重要概念具名模块匿名模块路径即ID原则匿名模块SeaJs定义匿名模块一般采用如下的方式:define(f

业界 2016年07月07日

和BEM的战斗：10个常见问题及如何避免

无论你是刚刚发现BEM或者已经是个中熟手（作为web术语来说），你可能已经意识到它是一种有用的方法。如果你还不知道BEM是什么，我建议你在继续阅读这篇文章之前去BEM website了解一下它，因为我会假设你对这种CSS的方法有一个基础的理解。本文旨在对那些已经是BEM的爱好者或是想要去更有效率的使用它或是非常好奇并且想去学习它的人有所帮助。现在，我对BEM是一个优雅的命名

业界 2016年08月01日

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

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

业界 2016年08月03日

前端开发者应该知道的 CSS 小技巧

一些小技巧让你的CSS技术更专业1,使用:not()去除导航上不需要的边框2,为body添加行高3,垂直居中任何元素4,逗号分离的列表5,使用负nth-child选择元素6,使用SVG图标7,文本显示优化8,在纯CSS幻灯片上使用max-height9,继承box-sizing10,表格单元格等宽11,使用Flexbox摆脱边界Hack12,使用属性选择器选择空链接使用:n

业界 2016年07月29日

CSS Float nine rules

注：本文是对众多博客的学习和总结，可能存在理解错误。请带着怀疑的眼光，同时如果有错误希望能指出。如果你喜欢我的文章，可以关注我的私人博客:http://blog-qeesung.rhcloud.com/入门前端也算是有三个月之久了，发现Float这个属性一直都很迷惑，只是知道一些简单的浮动规则，并没有深入去学习，一旦遇到一点复杂的浮动场景，自己也就懵了。于是在网上找了数篇关

业界 2016年07月10日

CSS 布局：position

点击链接预览：CODEPEN 参考：cssnext 演示你对Position的了解程度有多少?HTML和CSS高级指南之二——定位详解html 部分： Tabs PostCSS 部分（使用pluins：postcss-cssnext）： :root {--r: 50px;--height: calc(2*var(--r));--w: 10px; }.tabs {width:

业界 2016年07月11日

基于float的几种布局

在这里介绍基于float的几种布局.1.浮动与两侧自适应的布局如图所示，左边没有限定宽度，右边宽度自适应。使用table-cell实现的布局，可以适用于两栏的布局。HTML代码与浮动与两侧自适应的布局改变DOM树先后顺序的方法HTML代码浮动与右侧尺寸固定的流体布局与右侧尺寸固定的浮动布局与右侧尺寸固定的浮动布局与右侧尺寸固定的浮动布局与右侧尺寸固定的浮动布局与右侧尺寸固定

业界 2016年07月30日

[译] Houdini：也许是你未曾听过的最振奋人心的 CSS 进化

原文链接：Houdini: Maybe The Most Exciting Development In CSS You’ve Never Heard Of更多译文将陆续推出，欢迎点赞+收藏+关注我的专栏，未完待续……你是否曾经想要使用一些特别的CSS特性，却因为未曾得到所有浏览器的支持而选择放弃？又或者是，这些特性得到了所有浏览器的支持，但总会伴随着奇怪的bug，表现不一

业界 2016年07月05日

终于等到你！2017 年 2 月设计圈实用干货大合集

随着情人节的结束，2月份的设计圈干货大合集悄然更新。新的工具新的资源，依然是以往的分量，依然是相同的味道。和过去的合集相似，免费的素材、工具、服务占据了列表中9成的比例，剩下的部分即使是收费也是相当值得入手的优质素材。下面我们一起看看列表中都有哪些值得收藏的干货吧~APPLE IOS 10 DESIGN RESOURCES苹果公司官方提供的设计资源自然是不能错过！为了帮你快

产品 2017年02月16日

小白上学のcanvas零基础

元素看起来和 元素很相像，唯一的不同就是它并没有 src 和 alt 属性。实际上， 标签只有两个属性—— width和height。当没有设置宽度和高度的时候，canvas会初始化宽度为300像素和高度为150像素。该元素可以使用CSS来定义大小，但在绘制时图像会伸缩以适应它的框架尺寸：如果CSS的尺寸与初始画布的比例不一致，它会出现扭曲。元素有一个做 getConte

业界 2016年08月03日