分类目录归档：前端开发

在 WebStorm/PhpStorm 中开启对 Vue.js 的完美支持

发表于 2017年2月10日 上午12:36 由 Sivan | 32,100 人看过

JetBrains 家的 PhpStorm（WebStorm） 是我近几年来一直使用的 IDE，它改变了我从 Dreamweaver 4.03 时期起就对 IDE 的各种偏见。虽然相比现代编辑器，它们在新技术的跟进不如编辑器完全依靠插件的方式（但也往往导 … 继续阅读 →

发表在 前端开发 | 标签为 , , | 2 条评论

HTML5 重构的真相与糟糕的「语义化」新标签

发表于 2012年9月26日 下午11:02 由 Sivan | 22,885 人看过

推荐看看这篇讲 HTML5 重构的文章，说到了目前 HTML5 新标签遇到的诸多问题。 http://www.netmagazine.com/features/truth-about-structuring-html5-page … 继续阅读 →

发表在 前端开发 | 标签为 | 6 条评论

一种通过伪元素实现的更好的图片替换技术

发表于 2012年9月17日 下午9:02 由 Sivan | 33,966 人看过

昨天收到一条垃圾评论，内容是「多更新，要不然还以为您老人家去保卫钓鱼岛了呢」。所以今天说什么也得写一篇证明我还没那么热血。 在过去很长一段时间里，我们都习惯用负值 text-indent 的方法来进行图片替换。在最 … 继续阅读 →

发表在 前端开发 | 标签为 | 6 条评论

通过 CSS3 根据子元素数量为其定义不同样式

发表于 2012年7月3日 下午5:10 由 Sivan | 38,982 人看过

在 LEA VEROU 的博客翻到这么一篇文章——《Styling children based on their number, with CSS3》。原文谈到使用“:nth-child 伪类元素选择器”的方法在 2009 年被提出，LEA VEROU 又通过普通相邻选择器（General sibli … 继续阅读 →

发表在 前端开发 | 标签为 , | 10 条评论

解除网页禁止右键和禁止选字的 Bookmarklet

发表于 2011年12月14日 下午8:33 由 Sivan | 24,757 人看过

很多网站为了防止别人复制内部的文字，都使用了 oncontextmenu 来防止右键。但是想快速看看他写的代码也有点麻烦，所以我写了段 js 来解除，只要把下面的链接拖到书签栏就可以快速使用了，不包成功。 全部解除 使用 … 继续阅读 →

发表在 前端开发 | 标签为 , | 9 条评论

HTML5标准废弃 time 标签，转而使用 data 标签

发表于 2011年10月31日 下午6:24 由 Sivan | 23,463 人看过

现在我要告诉各位一件非常悲剧的事：HTML5 <time>标签被废弃了，它将由一个更土鳖但是更通用的标签<data>替代。pubdate 属性也一道被废弃了，今后不再有这样一个简单易用的方式去标注内容的发布时间了。 … 继续阅读 →

发表在 前端开发 | 标签为 | 12 条评论

CSS3版变形金刚

发表于 2011年9月2日 下午11:09 由 Sivan | 27,549 人看过

以前做过一个CSS3版忍者神龟，刚才无聊又做了一个变形金刚。 Safari 4+、Chrome、Firefox 5+、Opera 11+以及iOS 4+、Blackberry OS6+、Android都可以看到效果。 演示页面： … 继续阅读 →

发表在 前端开发 | 标签为 , | 17 条评论

CSS3 Transform实践：在手机浏览器中缩放iframe

发表于 2011年8月13日 下午5:43 由 Sivan | 25,458 人看过

在App每日推送的网站中，我们使用了百度广告管家来控制网站广告的投放。其提供的代码通过js写了一段<iframe>来显示广告，这在电脑以及iPad上是没有问题的，但在手机上的显示却产生了一些问题。 <iframe> … 继续阅读 →

发表在 前端开发 | 标签为 , , | 3 条评论

慎用section标签

发表于 2011年7月1日 下午4:47 由 Sivan | 49,743 人看过

泛滥的<section> 在xhtml构建网页阶段，有一个名词叫“Divtis”（“Div症”），意为重构人员过多地使用了<div>包裹元素：嵌套繁琐或是错误使用（如该用<span>时也用<div>）。随着HTML5的流行， … 继续阅读 →

发表在 前端开发 | 标签为 | 17 条评论

纯CSS打造的3D效果

发表于 2011年4月21日 下午6:08 由 Sivan | 30,153 人看过

http://css-3d.org/space-cube-1.htm CSS 3D网站提供了几个令人振奋的纯CSS实现的3D效果。需使用Safari、iPad或iPhone查看效果，Chrome和Android目前还不行。经测试，Chrome金丝雀版也支持，12.X稳定版还不行。 … 继续阅读 →

发表在 前端开发 | 标签为 , | 16 条评论