runningdemo

• About HTML semantics and front-end architecture
  介绍如何使用命名方法(超实用)清晰的区分页面的不同元素以及元素之间的关系.

• What you can borrow from Yandex frontend dev
  介绍1)页面的组成成分,并且用同一的命名,以及命名方式来区分;2)文件组织方式,以及提供用于生产环境的编译工具.

• How to create CSS objects? Get the granularity right!
  介绍如何正确的页面粒子化,并且告诉新手如何开始这项工作

runningdemo

国内:

• http://www.liyao.name/
• 前端观察
• tina的前端技术博客

国外:

• Nicole Sullivan
• []

博文推荐:

runningdemo

通宵上网也要找个空气好点的网吧

凌晨4点多的时候脚痛的睡不着,加上又渴又饿然后就爬起来去弄点水喝,这个时间段唯一想到还开业的就是网吧.走进去发现空气质量是那么的差,几乎是不想再里面多呆一秒的感觉. 而这样的环境自己以前却在里面呆了无数个日夜.

runningdemo

由于新版(Version 2.7 (263181))skitch取消了ftp分享功能.现在使用skitch自带的文件export功能将文件保存到本地.经过修改后的流程加上新版skitch添加的编辑功能,使整个流程更加顺畅.

适用于mac系统的一劳永逸(且免费)的截图,编辑,分享方案,由三个步骤组成.

目标: 理想中的流程

截图-->自动弹出编辑器-->手动做简单的编辑,保存-->自动重命名保证文件名唯一性-->自动转移文件至dropbox public文件夹-->自动生成分享链接并存入剪贴板

准备: 环境与依赖

• mac 电脑
• applescript 自动生成链接(下面提供代码)

runningdemo

注意: 这篇文章假设你有GitHub账号以及了解基本的Git知识

页面访问地址: http://username.github.io/repository/

创建GitHub仓库

  // 拉取远程仓库至本地  
  git clone https://github.com/user/repository.git
  // 打开本地仓库
  cd repository

runningdemo

1.使用内阴影更容易增加精致感

2.快速制作折纸效果
使用burn tool制作折纸效果

3.快速制作blueprint效果图 视频教程

runningdemo

这篇文章是在看过Joel的文章[Controlling Your Environment Makes You Happy](Controlling Your Environment Makes You Happy)后对自己的目前控制的事情和急切想控制的的事情的一个总结.这是一个增量备份,不断迭代的列表.

备份篇

在写这篇文章的时候就已经开始有点慌了.是的,看了Joel的文章后我也想写篇文章来记录这个我开始意识到我也要Controll我的环境的时刻.并且打算在这篇文章中记录这个过程.但是,不能控制的事情马上就在我脑中出现了.

1. 这篇文章我要放在哪里. 在写这篇文章之前我也写了很多文字,他们分布在硬盘中各种分类的文件夹中,其他的有放在网络上.但是这篇文章目前我想放在一个很确定的位置,而且能够很容易的进行二次编辑.并且多点备份,这样不至于发生意外这篇文章就在这找不到了.
2. 下次我想编辑的时候方便 我受不了一个简单的编辑文档工作要去完成以下工作: 1)准备一台开机联网状态的电脑. 2)打开浏览器.3)通过输入框或者书签进入个人博客网站.4)通过授权进入博客后台.5)在博客后台完成后台开发人员为我精心开发的博客文章管理流程以打开文章编辑页面.6)编辑文章

runningdemo

CSS方面

使用css3的multiple background制作更好看的背景图

效果图:

.nav-list {
    background-position: left -40px;
 background-repeat: repeat-x;

runningdemo

https://gist.github.com/liaa/9865687

runningdemo

"Becoming a better programmer is a project for years."

My Plan

• [algorithms] Introduction to Algorithms detail link

Books