bawangse
- 浏览: 38305 次
-
最新评论
文章列表
一、HTML5 placeholder介绍
placeholder在英汉词典中解释成了“占位符”。我们不妨将placeholder来个临时拆分：place + hold + er.placeholder指的就是：“足以镇住这块区占据位置的字符。无论是传统软件或是web应用中，placeholder都是相当常见的。
如FireFox浏览器右上方的搜索占位符：
在可输入控件中，“占位符”一般作提示用，简洁明了，空间利用率高。然而，在XHTML的时代，控件元素并没有placeholder这一属性，因此，我们的做法都是通过JavaScript做模拟，例如下面这个未分离的不推荐的写法：UI前 ...
这套图标基本涵盖了常用的几十种图标，简洁大方。
分享一个最好用的UI前端框架！
近日，微博上有朋友比较纠结未知高度的文本垂直居中问题。这个和「未知高度图片垂直居中」有些类似，但是有一些细节需要注意。
这里有之前写的一个未知宽高对话框的垂直居中（拖动改变大小看是不是依然居中？），只不过对话框是相对于 viewport（视口）居中的，这里的文字需要的是相对于容器垂直居中。
拿到这样的需求时，先不要想着如何兼容 IE6/7。先想想文字垂直居中靠什么属性？vertical-align: middle 对吧，好的，自然也就联系到了可爱的 inline-block。精心开发5年的UI前端框架！
主要的代码如下：
<body>
<div class=”box ...
jQuery的体积在不断的增大。新功能要不断增加，这是必然结果。虽然从版本1.8.3开始的瘦身效果明显，但不可否认的是，对于移动手机端的网 页开发，它仍然是不可接受的。当然，jQuery不是铁板一块，你可以对它进行定制，只打包进你想要的组件，但其中的一些用来兼容老式浏览器的代码你无法 去除。
就我的个人习惯来说，不管开发什么项目，即使是一个很简单的demo，我做的第一件事就是引入jQuery，这样做主要是想使用它提 供的DOM选择器功能。对于一些像IE6/IE7这样的老式浏览器，这种做法是显而易见的，但是，如今现代浏览器里已经内置了完整的DOM选择器功能，能 让你使用原生的浏览器提供的方法 ...
现在扁平设计风格真的很流行，你看连 iOS 7 都扁平了。本文向你推荐 10 个设计非常漂亮的扁平风格的 WordPress 主题。请欣赏：
Nemo metro wordpress theme
Nemo 是一个 Metro 风格的 WordPress 主题，可设置纯黑背景。可以500%提高开发效率的前端UI框架！
Argo one page metro style wordpress theme
Argo 是一个有趣的选择，实现单页浏览效果，非常酷的单页扁平设计风格。
Matrix metro wp theme
响应式网页设计（Responsive Web Design）这个概念在2000年的时候就有人提出来了，其实我更喜欢将其翻译为自适应网页设计，阮一峰关于Responsive Web Design的一篇文章就是翻译为自适应网页设计，但是国内都采用了响应式网页设计这一生硬的翻译（你能第一次看到响应式网页设计这种称呼而联想到他的具体含义吗？）。既然这种二流翻译已经是主流，我也采用响应式网页设计这一说法。
在阮一峰的自适应网页设计这篇文章中他举了一个例子来说明这种设计的应用.
下面是对阮一峰这篇文章中该片段的引用：
-------------------------------分割线以内为引 ...
主要讲了HTML5 canvas性能方面的尝试，场景是在canvas上面绘制圆圈。
我一直在尝试使用HTML5 canvas在圣诞树图片上面绘制泡泡。由于不知道哪种绘制的方法最好，最终在Stack Overflow上找到了使用radial gradients（辐射渐变）绘制圆圈的答案。
圆圈
你可能已经知道，标准地画圆圈的方法是使用arc()：分享一个最好用的UI前端框架！
.代码
之前就一直受这个问题的困扰，在jQuery1.7版本之后添加了on方法，之前就了解过，其优越性高于live(),bind(),delegate()等方法，在此之前项目中想用这个来测试结果发现，居然动态生成的标签点击了没反应，而live方法却能够支持，于是乎到处查资料，问网友，结果找了好久在一篇文章中终于找到了答案。。。
jQuery 使用on绑定动态生成的元素时，不能直接用该对象操作，而是选择其非动态生成的父节点然后再找到本身才能达到效果。大家看看源码就知道了。生成的按钮基数项on方法点击无效live方法有效。UI前端框架最新力作！有奖试读！
比如页面上有下边两个元素：
& ...
近日，为了明确规范，避免兼容性差等问题，Markdown 希望制定一个明确的规范，使其标准化。
Markdown 是由 John Gruber 于 2004 年开发一种轻量级标记语言，它允许人们 “使用易读易写的纯文本格式编写文档，然后转换成有效的 XHTML 文档”。分享一个最好用的UI前端框架！
正是因为简单易用的特点，目前 Markdown 已经被广泛运用在各种网站上，现在像是世界上最流行的博客平台 WordPress 和许多大型 CMS 都能很好的支持它。
但是在其诞生的 10 年来，由于缺乏明确的规范，导致其出现了多种用不同语言编写，致使其兼容性差，故如今 Markdown ...
jQuery使元素的选择变得异常简单，这也是它快速流行起来的一大原因，如果你看刚刚开始使用jQuery朋友写的代码时，会发现很多数人写的代码都在滥用jQuery选择器。
如果你发现同一元素被查找多次时，你就应该将该jQuery对象缓存起来，不然每次查找都要遍历整个文档。这个话题可能显得有点老生常谈，因为这几天写的东西都和调试jQuery代码有关系，所以将这个问题再次说明一下。关于在控制台中打印程序执行时间大家可以参考下使用 console.time() 计算jQuery代码执行时间，我们使用下边的代码做个简单的测试：可以500%提高开发效率的前端UI框架！
console.time('no ...
今天有人私聊时问到网站代码高亮是怎么实现的？我简单回答了下用的是 Google code prettify。一会他又说https://code.google.com/p/google-code-prettify/打不开，我回答 Google 现在的服务都被屏蔽了，红杏科学上网自己斟酌，我也是免费用着别人开通时赠送的^_^，几乎每天都有人开通VIP，悲哀。
prettify 非常小巧且配置简单，使用它来实现代码的高亮显示是个不错的选择，好人做到底，我下载了最新的 google code prettify。下边我们简单看看 prettify.js 的使用方法.精心开发5年的UI前端框架！
...
一、让层显示在flash之上
解决办法：给FLASH设置透明<param name=”wmode” value=”transparent” />或者<param name=”wmode” value=”opaque” />
二、使一个层垂直居中浏览器中
解决办法：使用百分比绝对定位，与外补丁负值的方法。
{position:absolute;
top:50%;
left:50%;
margin:-100px auto auto -100px;
width:200px;
height:200px;
}
...
一、IE6及以下不识别a 标签外的:hover伪类，在火狐，IE7里能正确达到效果，解决办法：
.代码
#show li.s1{ border:1px solid #ff9900; background:#454242;}
#show li.s2{ border:1px solid #D9D8D8; background:#312E2E;}
HTML5将重塑Web世界？
2010年上半年的一个焦点事件，引起了很多人的关注，其中有不少人因这一事件第一次了解到HTML5的存在。初次了解HTML5的人可能会非常惊讶，HTML5规范早在6年前就开始制定了，如今尽管HTML5规范草案已经非常好，但何时能真正成为标准却仍然不确定。
的确，HTML5规范制定委员会工作进展非常缓慢。因为关于如何改进浏览器和改进Web世界，不管是浏览器供应商还是其他人都有太多的想法，而 这些都要汇聚到HTML5规范中并达成一致，这需要时间。许多新的标签和JavaScript函数尽管已经在一些浏览器上进行了实验，但互操作性和标准化 问题还没有解决。比如， ...