UECSS.COM

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

亲试12306订购火车票简单快速购买

by 猪的明天 in 活在当下 | 2 comments

今天下午尝试了《begooo的Firefox秒杀火车票助手-12306helper》，12306铁道部官网购票成功。
绕开大段的文字，这里直接提取出简单重要的几步，方便大家阅读购买火车票，如下：

1.下载最新的Firefox火狐浏览器

http://download.firefox.com.cn/releases/webins3.0/official/zh-CN/Firefox-latest.exe

个人比较喜欢Firefox火狐浏览器国际版

http://www.mozilla.org/en-US/firefox/all.html

2.打开火狐浏览器，在地址栏粘贴访问如下地址，完成插件的安装

http://l2306helper.github.com/12306helper/12306helper-0.1.xpi

3.登录www.12306.cn点击购票，勾选自动登录

Continue reading →

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

by 猪的明天 in 前端开发 | 23 comments

上周末参加了#拥抱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自动提示

by 猪的明天 in 前端开发 | 6 comments

最近才开始接触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

by 猪的明天 in 前端开发 | 9 comments

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 →