如何成为一名优秀的web前端工程师(前端攻城师)?

22

January

2013

程序设计之道无远弗届,御晨风而返。———— 杰佛瑞 · 詹姆士

我所遇到的前端程序员分两种:
第一种一直在问:如何学习前端?
第二种总说:前端很简单,就那么一点东西。

我从没有听到有人问:如何做一名优秀、甚至卓越的WEB前端工程师。

何为:前端工程师?
前端工程师,也叫Web前端开发工程师。他是随着web发展,细分出来的行业。
Web前端开发技术主要包括三个要素:HTML、CSS和JavaScript!
它要求前端开发工程师不仅要掌握基本的Web前端开发技术,网站性能优化、SEO和服务器端的基础知识,而且要学会运用各种工具进行辅助开发以及理论层面的知识,包括代码的可维护性、组件的易用性、分层语义模板和浏览器分级支持等。
随着近两三年来RIA(Rich Internet Applications的缩写,中文含义为:丰富的因特网应用程序)的流行和普及带来的诸如:Flash/Flex,Silverlight、XML和服务器端语言(PHP、ASP.NET,JSP、Python)等语言,前端开发工程师也需要掌握。 [ 查看全文... ]

WordPress主题更新(Less is more 1.3)

21

January

2013

如果这两天有人访问过我博客,可能会时不时的发现一些“怪异”现象,其实是我在修改wp的主题。由于我本地没有搭建PHP环境,所以就直接在服务器上做了测试。由于最近改动比较放平凡,为了方便管理和更加专业化,所以以后每次修改都用版本号控制和并附加说明以作备忘(¯﹃¯)。

Less is more 1.3 更新说明:
1.CSS优化:追加部分CSS3特效,对于无法支持CSS3的浏览器,则显示使用基础样式。
2.最新评论显示方式修改:变更为“作者”+“评论内容”。
3.标签云样式修改。
4.修改小屏幕模板(1024分辨率)下的已知BUG。
5.评论模块重新制作:页面结构调整,新增CSS3动画效果。
6.添加无觅插件:一方面便于大家查看文章,另一方面也是为了增加网站流量。
7.添加百度推广。 [ 查看全文... ]

Css Sprites 图片动画(Animation)

17

January

2013

以前总是看到些利用css sprites来制作各种各样的人物动画效果,突然上午一时兴起,于是乎也就自己动手做了个玩玩。

要说最早看到这个效果,应该是在Google(当时为了纪念现代舞先驱玛莎·葛兰姆(Martha Graham),Google涂鸦出现了一个舞蹈的动画,引得一时轰动。)不过那时还是利用js,制作人员把图片的位置都计算好,然后封装到js,用js把动画效果模拟出来。

随着现在css3的逐渐强大,我们直接利用css3的animate和keyframes属性就能完成(有Flash基础的会很容易理解)。 [ 查看全文... ]

jQuery左侧浮动折叠菜单 仿天猫(固定浮动、智能定位、CSS3折叠)

14

January

2013

以前做设计的那段时间,常常为了一个专题页面的制作,上各种网站寻找灵感,淘宝就是其中之一。由于现在“从良”了,对设计这方面关心的就比以前要少了,更多的精力便是放在页面结构和用户体验上。

前两天上淘宝时,发现其首页的菜单还不错(貌似很早就有了,不过我是才看到,刚从火星回来...),于是就自己也动手制作了一个。

CSS方面属于参考天猫,jquery则完全是自己摸爬滚打。折叠的效果运用了CSS3,对于不识别的CSS3的浏览器,就单纯的隐藏了,没有做过渡效果。

其中,不得不说,自己做的过程中又学习到了蛮多的东西,特别是CSS方面,有些属性虽然不起眼,感觉没有必要,但起到了关键的作用。

主要功能:1.固定浮动、2.智能定位、3.CSS3折叠 [ 查看全文... ]

jQuery鼠标右键版权提示+灯箱效果

04

January

2013

国外的很多摄影或图片网站,为了防止别人随意保存图片,想出了很多办法。其中,最简单的要数把图片的url放到元素的背景中去,这样一来普通用户就无法右键另存为,实现和操作起来也简便。

有时候,鼠标右键所出现的内容,往往不是我们所想要的内容,更多的是浏览器为我们所设想的东西。所以,有些网站就是屏蔽了右键菜单。这样一来用户就找不到另存按钮,同时也无法简单的右键查看源码,但大大损失了鼠标右键的功能。所以,QQ邮箱和WEB QQ很早就做到了一点,那就是通过JS和CSS模拟出一个右键菜单,来帮助用户操作和引导用户去操作。

今天所说的内容,也可以说是在此基础上的一个衍化。

代码分为了3个部分,分别写成了插件形式方便调用:
1.屏蔽右键
2.右键出现版权提示信息(也可以是菜单)
3.灯箱效果(乍看有点陌生,但经常上视频网站的人肯定很熟悉,就是通常所说的开灯和关灯效果) [ 查看全文... ]

2013 Happy New Year

01

January

2013

在新一年的第一天,先祝大家新年快乐!

2012被人们称之为末日年,那2013便是新纪元中的第一年。一切是如此的突然,又是如此的平和,往事放佛仍在昨日,历历在目。

昨天和朋友一起去了外滩“个闹忙”看4D灯光秀跨年,满满的人头,满满的外滩。我还是第一次看到那么多的人,簇拥在一起。随着墙体上的倒计时,人们也仿佛忘记了严寒,纷纷呐喊倒数,当整点来临时,欢舞的人群、夺目的烟花和拥抱相吻的情侣,种种场景的融合之下,外滩就如一副美丽的画卷。 [ 查看全文... ]