倔倔死磕Javascript之放大镜

May 09

Ting倔倔在前端 , 9 Comments

上次我已经预告了下一个要用javascript实现的是放大镜效果~
最开始是在淘宝UED官方博客上看到的.觉得很不错,以为是flash. F12一下才知道是js实现的.当时没具体看,现在开始学javascript了,突然想到这个效果,决定挑战一下哈~开始吧~

Mockup

阅读全文 »

倔倔跟风学Vim(2)-vimtutor

May 06

Ting倔倔在前端 , 6 Comments

安装过后就要开始熟悉Vim那些强大的命令了,一直看中文手册也不是办法,没有实践根本记不住.好在vim自带一个简单的入门教程,可以通过边看边练习的方式在半小时内掌握vim基本的命令.
在windows下要运行安装根目录下的vimtutor.bat.打开的文件默认就是一个副本,所以你可以尽情地在上面练习修改.
倔倔现在就要开始练习啦~哈
…
过了一遍vimtutor确实感觉不错~,好多命令都非常吸引人,我已经感觉到了熟练使用了这些命令后,编写代码时会有多么惊人的效率了~~
教程中每讲小结如下:
====================================================
1. 光标在屏幕文本中的移动既可以用箭头键，也可以使用 hjkl 字母键。

h (左移) j (下行) k (上行) l (右移)

2. 欲进入vim编辑器(从命令行提示符)，请输入∶vim 文件名 <回车>
3. 欲退出vim编辑器，请输入以下命令放弃所有修改∶
<ESC> :q! <回车>
或者输入以下命令保存

阅读全文 »

倔倔跟风学Vim(1)

Apr 28

Ting倔倔在前端 , 7 Comments

最近总时不时的听大家提到Vim.可它到底是个什么东西我一丁儿丁儿概念都没有…后来觉得做技术的不懂介个有点儿丢人吧,今天就找时间要会会 Vim.会了几个小时之后,我决定继续会下去~哈哈

熟悉Linux的同学应该对Vim很了解,也清楚它的神通广大~可我一做前端爱设计的人对这东西根本没接触.所以接下来的介绍依然是为那些同类的朋友们准备的.很简单,我也尽量将步骤说得详细些~

先记住它是一个编辑器其它的先不用管,马上开始!

阅读全文 »

倔倔死磕Javascript之开篇

Apr 27

Ting倔倔在前端 2 Comments

倔倔这个名字不是白起的,完全源于本人性格中最大的特点:那就是倔!

最近各种刺激扑面而来,叫我怎能不好好学习?在坨坨同学的指导下 我开始了”又”一次的Javascript之旅~(之所以说”又”是因为07年自己买下了《Javascript高级程序设计》,现在想来真不知道当时自己怎么了….好在是本好书~银子没白花)

先做几个很简单的实例,把自己学习的兴趣提起来.这点很重要.

声明:本人可以说是0基础,所以初学JS的朋友也可以一起学习.高手们可以飘过,多多指导哈 :)

阅读全文 »

所有关于浮动(Float)的事情[倔倔译]

Apr 13

Ting倔倔在前端 , , , , 4 Comments

英文原文:http://css-tricks.com/all-about-floats/

什么是Float?

Float是一个CSS定位属性.想要搞懂它的目标跟初衷,我们可以来看看平面印刷设计.在一个平面布局中,图片是可以根据需要被文字环绕的放在页面中.这通常被称为”文字环绕”.如下图所示:

阅读全文 »

imDonkey裸奔啦~~Pia Pia的~~

Apr 09

Ting倔倔在前端 , No Comments

今天我“裸奔”啦！

知道为什么网页没有想象中很炫的效果吗？因为今天是一年一度的“CSS裸奔节”。

想参与或了解更多，请点击http://naked.webrebuild.org/

阅读全文 »

美团门?美团们?Groupon!

Mar 25

Ting倔倔在前端 , , , , , 14 Comments

美团门

最近特别关注一个网站叫”美团“,专注在线团购

是各类web2.0网站的先锋用户？
有自己的blog，写意生活，分享技术？
不能容忍哪怕是一个像素的偏差？
对代码的整洁性有强迫症式的偏执？
对排版、字体、色彩等有超乎寻常的敏感？
准确的知道自己负责的网站加载一个页面有多少次HTTP请求，完成一次请求要花多少时间？
“Every millisecond counts”对你来说意味点什么？
Doug Bowman, Douglas Crockford, Steve Souders等对你来说是如神一般的名字？
以做最NB的前端工程师为长期的职业目标？
曾做过一个一年以上的长期规划并付诸实践？

以上是美团网对于前端开发工程师这一职位提出的10个问题,在投递简历之前需要在邮件中需要先就以上问题给出简单回答.

先不说美团网是模仿也好,抄袭也罢.单从他的招聘信息来看还是给我留下了不错的印象的.看多了那些”基本款”的招聘要求,麻木了.一下子看到这10个问题让我深刻意识到了自己的差距,借以重新思考下自己接下来的努力方向.

其实这些问题只是换了个角度来考查一个前端工程师的基本技能的全面考查:

阅读全文 »

Docutype/button标签/Axure RP/Gzip

Jan 20

Ting倔倔在前端 , , , 4 Comments

Docutype
淘宝首页使用的文档类型声明是HTML5的写法,而且这种写法在IE6,IE7上的兼容性了不错.只是偶尔会出现些小问题.根据这张对照表可以了解到各个浏览器对于各个文档声明的详细渲染情况.
<button>标签与<input type=”button”/>的区别
在研究淘宝注册页面的时候发现它的注册表单提交按钮是用的<button></button>这个标签,平时工作中我从来没用过这个标签,甚至一时怀疑这是不是W3C标准推荐使用的合理标签.Google一下大致了一些了解:
简单总结区别有以下几点

  1. 如果用在表单里<button></button>不会自动提交表单数据,只会默认提交标签里的图像或文本信息,而<input type=”button”/>则会直接提交表单数据,使用起来很方便.所以在HTML的表单当中推荐使用input.
  2. 写法上button是成对的闭合标签,里面可以直接包含图片或文本(其它标签不合理,热点地图是不合法的),而input只

阅读全文 »

Zen-Coding/Axure RP Pro 5.6

Jan 11

Ting倔倔在前端 , , 2 Comments

Zen-Coding

最近经常看到关于zen-coding的文章,没太在意.今天有空瞄了一眼,看了相关视频,发现真是一个不错的前端开发工具.就试着装到了eclipse里.配好了快捷键还没进一步研究文档.以后一定多多利用,提高效率.不得不佩服老外,只用javascript就搞定了.

Axure RP Pro 5.6

一款经常用于产品开发初期制作原型,制定各类组件的软件.功能强大,便于产品设计经理与其它部门人员沟通.(序列号可以在网上搜到)

最后是一篇文章Nicholas C. Zakas谈怎样才能成为优秀的前端工程师

HTML/XHTML/HTML5…

Dec 23

Ting倔倔在前端 , 4 Comments

昨天了解了到底Web Standards是什么,有什么好处,今天就真正从”头”开始了. 在学习”doctype”的过程中,又顺便了解了一些关于HTML,XHTML的知识,觉得这些知识对于我这样平时看待问题不求甚解的人来说还是很有必要的.
HTML跟XHTML什么关系?它们之间有什么区别,都说HTML要向XML过渡,可现在又推出了HTML5?为什么要向XML过渡,它有什么好?XHTML2.0又为什么中途夭折了呢?以前上学时老师说过:带着问题学习是一个很好的自学方法~哈哈
HTML
先说说我们熟悉的HTML吧,它是一种可以告诉浏览器如何显示内容的语言.发展的历史可以参看http://zh.wikipedia.org/wiki/HTML
HTML是一个松散结构的标记语言,其中包含的标签大致分以下四种:

  1. 文档标记(document markup): <h1></h1> <p></p>
  2. 表示性元素(presentational element):<b></b> <s&g

阅读全文 »

Older Entries