UECSS.COM

专注前端开发,关注用户体验,记录成长历程

SASS/LESS如何安装使用 – 拥抱HTML5

上周末参加了#拥抱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 →

IntelliJ IDEA下添加jQuery自动提示

最近才开始接触IDEA,精神抖擞,就是纠结半天没有找到jQuery的语法提示,与之相关的中文文档又很少,看了下官方关于IDEA下jQuery提示的设置方法,简单如下:
1.依次打开 File – Project Structure – Global Libraries,如下图:
Project Structure
2. 点击 [+] 按钮,选择下拉菜单中的 “JavaScript”选项,点击添加下载到本地的jquery文件,如jquery-1.4.4.js(注意使用未压缩版本的jQuery库文件),如下图: Continue reading →

Zen CSS Properties

ZenCSSPropertiesEn

CSS-properties and its aliases for Zen CSS plugins

Based on CSS 3 draft specification

Property                                    Alias

@import url();                              @i
@media print {                              @m

    }

Continue reading →

Runcode插件

Runcode一款在WP上运行代码的插件,最近才启用,这篇文章试用这个插件,已安装启用可跳过。

在编辑器中插入如下代码:

<runcode width="400" height="100" size="12">
<div class="mod">第一个框中的文字</div>
        <div class="mod2">缩进后的第一个框中的文字</div>
<dl>
    <dt></dt>
    <dd></dd>
    <dd></dd>
</dl>
</runcode>

Continue reading →

WPtouch iPhone Theme

WPtouch iPhone Theme这款wp插件是专门为iPhone或iPod Touch用户而开发的,新的界面主题,兼容性良好,用你的iphone iPod Touch 这些玩意儿访问本站 (手机浏览器输入UECSS.COM)即可,下图是俺的水货iphone截屏快照(home+锁屏键): Continue reading →