用CSS3标注引用的出处和来源的巧妙方法
让SVG文件格式受WordPress媒体文件上传工具支持的方法
昨天在编辑《SVG的用法》这篇文章的时候,我遇到了一个难题,这篇文章里需要演示一个SVG图片,需要将SVG文件上传到Wordpress的媒体库中,但Wordpress的媒体文件上传工具并不支持后缀为.svg文件,你上传这样的文件,它会显示“不受支持的格式”。我到Wordpress官方网站找到了它支持的所有媒体格式,里面确实没有SVG。
SVG的用法
使用uncss去除无用的CSS
你知道有什么工具能找到页面中样式文件里无用的CSS吗?之前我介绍过一个用JavaScript找到无用CSS的方法,但事实上,我们并不想知道哪些CSS规则是无用的,我们想要的是一个没有多余CSS的干净的样式文件。所以,这个叫做uncss的NodeJS工具就是我们要找的了。下面我们来看看uncss是如何使用的!
abbr:HTML5中缩略词标记的重要作用
是一个非常有用的标记,但很明显没有被web文档撰写者重视,特别是没有被科技文章编写者重视。为什么这样说呢?不知道你有没有这样的经历,哦,我记起了一篇有趣的文章,《Java程序员的堕落》,强烈推荐你去读一下,但我要说的是,里面列举的那几百个奇怪的缩略词,你认识几个
理解vertical-align或“如何竖向居中”
在各种技术论坛里经常会有这样的问题提出,“我如何能将这个东西竖向居中?”这个问题通常会跟随着这样一句话,“我使用了 vertical-align:middle,但是不管用! ”这个问题其实有三个层面的原因
8款替代Dreamweaver的开源网页开发工具
Adobe Dreamweaver虽然非常好用,但它并不是唯一一个能够设计、开发、发布精彩网站的Web开发集成环境。我们的开源世界里有很多非常棒的可以完全替代Dreamweaver的各种功能的优秀Web开发工具,更重要的,是免费的。如果你正在寻找Dreamweaver的替代品,下面这8款软件你应该优先尝试一下
三分钟HTML5画布(Canvas)动画教程
用HTML5打造本地桌面应用
HTML5让Web开发人员用纯HTML技术开发富客户端互联网应用或者甚至本地桌面应用成为了可能。HTML5可以将任何普通网站转变成Web应用。HTML5 web 应用不仅具有在桌面浏览器应用中的优势,同时在智能手机和平板中也是开发利器。
用HTML5实现的各种排序算法的动画比较
这是旧金山大学的David Galles教授用HTML5+js制作的数据结构动画课件中算法动画比较部分。教授利用JS+HTML5 Canvas技术分别演示了6中数学排序算法的基本原理,即介绍了数学知识,又让这种教学变得饶有兴趣。你可以看出HTML5技术将会在各个方法起到越来越重要的作用。
Data URL和图片
无刷新修改页面的浏览器地址栏显示地址的方法
在传统的翻页过程中,你可以看到浏览器的地址栏是相应会变化的,会显示当前页面地址,用户可以拷贝这个地址或加入书签或分享给好友。而Ajax实现的翻页地址栏是没有变化的。还有,在传统的翻页过程中,当用户点击“后退”按钮时,浏览器会从缓存里读取前一页,迅速的显示给用户。而Ajax实现的翻页中,用户点击“后退”按钮时,不知道会后退到哪里
用CSS美化半个字符巧妙方法
HTML5 Web存储(Web Storage)技术及用法
HTML5提供的新功能特征使得Web程序员如虎添翼,并免去了以往钻研各种方法来让网站更好、更快、更灵活的气力。这些新功能中有一个非常让我感兴趣,它就是Web存储(Web Storage)。Web存储(Web Storage)提供了一个在浏览器端保存用户会话信息的方法。下面让我们来看一看Web存储(Web Storage)的基本用法!