CSS font关键字属性值的简单研究

2016年01月27日 by 张 鑫旭 阅读 38073 次, 今日 7 次

ont属性值除了支持常用的缩写,还支持系统关键字,这种用法在某些场景下非常的有用。本文就带你前去一探究竟。有demo有源代码有截图,希望本文的内容能够对您的学习有所帮助!

阅读全文…

基于原生HTML的UI组件开发

2016年01月22日 by 张 鑫旭 阅读 84369 次, 今日 12 次

本文属于波澜不惊,平铺直叙版本。如果想看有有激情有思想的版本,可以去ISUX官博:“顺势而为,HTML发展与UI组件设计进化”

阅读全文…

前端早读课专访

2016年01月13日 by 张 鑫旭 阅读 84016 次, 今日 2 次

前端早读课访谈,分享自己的一些心理历程,以及对前端的一些看法等等。

阅读全文…

理解CSS3 isolation: isolate的表现和作用

2016年01月9日 by 张 鑫旭 阅读 67403 次, 今日 7 次

如题,理解CSS3 isolation: isolate的表现和作用,isolation: isolate是一个与CSS3混合模式关系密切的一个CSS声明。

阅读全文…

深入理解CSS中的层叠上下文和层叠顺序

2016年01月9日 by 张 鑫旭 阅读 248056 次, 今日 15 次

本文是最近1-2个月最用心的文章,理解本文内容,就会明白网页中元素层叠的时候为什么会这样表现了,相信本文的内容一定会对您的学习有所帮助的。

阅读全文…

小tip: 如何让contenteditable元素只能输入纯文本

2016年01月7日 by 张 鑫旭 阅读 253278 次, 今日 29 次

利用全浏览器都支持的contenteditable模拟文本域可以实现体验相当不错的高度跟随内容自动撑开的效果,但是呢,有个很大的问题就是HTML内容可以直接被粘贴进去,如果我们希望只能输入纯文本,该怎么做呢?本文提供了CSS侧,HTML侧以及JS侧三种不同的解决方法,希望可以对您的学习或者工作有所帮助!

阅读全文…

小tip: 子元素scroll父元素容器不跟随滚动JS实现

2015年12月18日 by 张 鑫旭 阅读 107787 次, 今日 4 次

在网页中,滚动条的滚动行为也是类似的调调,如果页面出现多个内嵌滚动条,则行为表现是:子元素滚,子元素滚,子元素滚完父元素滚;父元素滚,父元素滚,父元素滚完容器滚……

这是浏览器的默认行为,如果我们遇到了一个需求:子元素滚,子元素滚完,就完了,父元素不需要滚了。那该如何实现呢?

阅读全文…

CSS或JS实现gif动态图片的停止与播放

2015年12月5日 by 张 鑫旭 阅读 164312 次, 今日 6 次

如题,本文介绍如何使用CSS或者JS等前端方法实现代码控制gif图片的暂停或者播放。一如既往,有demo有截图还有必要的源代码展示,更关键的是,本文gif比较多……

阅读全文…

HTML input type=file文件选择表单元素二三事

2015年11月24日 by 张 鑫旭 阅读 264323 次, 今日 5 次

本文一些简单tips整理,没有深入具体的技术细节。考虑到一些童鞋的HTML基础不是很扎实,因此,本文的一些内容说不定可以博闻强识下。有截图有源代码展示,没demo,嘻嘻……

阅读全文…

word-break:break-all和word-wrap:break-word的区别

2015年11月19日 by 张 鑫旭 阅读 122251 次, 今日 6 次

虽说标题是word-break:break-all和word-wrap:break-word的区别,实际上,两者的比对只是小半内容,还有很多内容是对word-break和word-wrap属性的一些了解。本文内容虽然不多,但是,demo啊截图啊什么的都还挺全,希望本文的内容能够对您的学习有所帮助。

阅读全文…