UECSS.COM

上周末参加了#拥抱HTML5#两天下来感受并学习到了大部分关于HTML5的分享，这里感受较学习到的要多一些，毕竟不能靠两天的时间就能把分享者整理的知识点全都掌握，感谢远道而来的分享、w3ctech能够提供给这么多前端人员交流的机会，意义很大。

快乐设计师 [布丁]的演讲主题：《SCSS & Compass》中show了很多有关SASS, SCSS, COMPASS的技巧，用来提升我们平常组织CSS文档的效率，具体w3ctech会将当天分享的文档整理（如果等不及可以先查看SASS的官网或slideshare上的搜索结果）

好了回到正题《SASS/LESS如何安装使用》

1.搭建环境（简单的下载安装Ruby）

下载安装Ruby，Windows下的Ruby下载，Mac OS X 就跳过这一步，Linux自己去找吧（这部分用户的强项）

建议安装的时候勾选下，这样可以直接通过cmd命令行操作（不必手动添加Path）

2.安装SASS

完成第一步之后，在开始菜单中找到并运行Ruby命令行，如图

启动可以看到命令行窗口，安装SASS（LESS安装方法相同），在命令行键入如下代码（其实官网顶部所列的三条即为常用的）并回车：

gem install haml

Continue reading →

今天，你裸了吗

4月9日的CSS裸奔节到了，脱掉CSS，露出HTML真实的脊梁骨吧 – PS:宁可CSS分层多一些，也要保证HTML结构的简洁、语义化的书写习惯。

第一次接触这个东东，分享一下：

swfobject.embedSWF(swfUrl, id, width, height, version, expressInstallSwfurl, flashvars, params, attributes)

有5个必须的参数和4个可选的参数：

swfUrl（String，必须的）指定SWF的URL。

id（String，必须的）指定将会被Flash内容替换的HTML元素（包含你的替换内容）的id。

Continue reading →

读书笔记整理：浏览器渲染Web页面的时候，会构造出一个文档对象模型（Document Object Model，简称DOM），所有的DOM对象都共享一些公用属性，但是有些对象会拥有其特有的属性。在支持HTML5特性的浏览器中，特性相关的DOM对象就会有特定的属性。从这些DOM对象中可以快速检测出哪些HTML5特性是被支持的。
以下四种可以用于检测浏览器是否支持某种HTML5特性，从简单到复杂依次是：
Continue reading →

HTML5的实现跑在了规范的前面，各大浏览器包括穿着马甲的都已经支持许多特性，网上冲浪（貌似初中电脑教程甚至是英文教材上都有这个词，曾经~）的途中可以看到一些新奇的效果。刚出来的时候看了HTML5的展示视频，以及还尝试的在一个网站上下手，用到的也只是九牛一毛（语义化的标签和部分CSS3效果），涉及到的移动设备早一班走了，没有赶上：）

现在应该多抽出一些时间来看一下HTML5了，外面的声音是那么的响亮，整理自己的碎片时间。

但是基本功还是要扎实，最近把很大精力放在JS上面，悲惨一点的是设备上跑不了jQuery（很多常用的DOM不能很好的支持），只能用原生及JS来实现一些效果，这是压力和动力吧，至少现在可以直视满屏的JS代码了~
总体来说个人觉得HTML5是一个整体，不单单是CSS2时代的“画画”啦。

跑在实现后面的标准，引如下： Continue reading →

实现这个方法很简单，只要我们利用好css旋转属性就OK了。看一下效果图：

看完效果分析一下：这里有三个嵌套的元素：第一个是最外层不做任何的变化，第二个是第二层元素做顺时针旋转，第三个是最里层元素在同一方向作逆时针旋转。如图：

HTML

<div class="box">
	<div class="inner">
		<div class="content"><img src="img.jpg" alt="my bike" /></div>
	</div>
</div>

The CSS
Continue reading →

最近换到了新公司，压力忒大啊，加速了对新知识的学习与运用！感谢这段时间挺我的朋友们！

先上案例：

Demo:http://uecss.com/demo/cherry/jquery-dom-bind.html

代码:

<div>
<h5 class="head">什么是jQuery?</h5>
<div class="content">
jQuery是继Prototype之后又一个优秀的JavaScript库，它是一个由 John Resig 创建于2006年1月的开源项目。jQuery凭借简洁的语法和跨平台的兼容性，极大地简化了JavaScript开发人员遍历HTML文档、操作DOM、处理事件、执行动画和开发Ajax。它独特而又优雅的代码风格改变了JavaScript程序员的设计思路和编写程序的方式。</div>
 </div>

Continue reading →