优秀前端工程师是如何炼成的

优秀前端工程师是如何炼成的

很多刚入门的前端攻城师会有一个疑问:如何才能成为一名优秀的前端工程师呢?其实这个问题说大也大,说小也小,展开了说可以写一本书。当然我相信大部分人并不希望去读一本厚厚的书,大道至简,下面总结的几条方法或许能成为走向优秀前端的进阶之路。 1. 多写。很多问题都是积累得来的。写了,遇到了,才能去真正理解解决方案,才会随着自己的不断成长而有进步。别人问我为什么知道那么多 CSS 兼容解决方案,为什么一看就出的时候,我只能告诉他,我写了 20 几个 Wordpress 主题。 2. 看书。看 Blog 或者一些网上的教程,都很难让你系统全面理解一个东西的。坚持看书,至少前端相关的语言都看一本。入门强烈推荐Head First系列,CSS 的推荐 《精通CSS》,JS 推荐 《Javascript 高级程序设计》。 3. 读 Blog。最后你会发现,很多东西大家都会。但只有某些人才解决得了某些细节性的东西,这些人就是我们所谓的高手。很多大牛在 Blog 不会写一些简单的 List, 而是针对某个问题深入研究。这时看 Blog 对于进阶非常有帮助。 推荐几个不错前端博客(不定期更新,欢迎推荐或自荐): http://zmingcx.com/ 知更鸟前端(WordPress)博客 http://www.w3cplus.com/ 前端爱好者的家园 http://www.w3cfuns.com/ 前端网 http://www.smashingmagazine.com/ 多是精品 http://www.webresourcesdepot.com/  很多前端资源 http://meyerweb.com/ Web标准推广人 http://www.nczonline.net High Performance JavaScript 作者 http://dailyjs.com/ 业界新闻博客 4. 学一门后端语言。怎么说呢,实际用到会很少。但会很有利于一些问题的理解。比如 Ajax。还有 HTML5 中像 Web sockets、post message 之类的 API。 5. 去用很多产品,至少去爱一个产品。你不止是一个前端,你还应该是一个设计者,去用很多产品,你才会发现技术为什么有用,去爱一个产品,你才会把技术用得更好。 推荐几个不错产品/设计站点(不定期更新,欢迎推荐或自荐): http://www.woshipm.com/ 人人都是产品经理 http://www.uisdc.com/ 优秀网页设计联盟(SDC)
Typecho简洁主题MiStyle发布下载

Typecho简洁主题MiStyle发布下载

混迹于博客圈多年,自己完成一款看得过去的主题是我多年的夙愿!无论是wordpress、zblog、emlog还是typecho,都曾体验过别人制作的主题带来的快感,一直未能自己实现过(包括独立设计制作抑或深度移植);也许是百无聊赖,抑或是心潮澎湃,前些天突然想完成一款主题,选择的是轻量级博客程序Typecho,选择它的理由大概是因为它的简洁吧,恰好之前在SAE搭建好的小站一直没有合适的主题,而且听博客圈的站长朋友们说制作Typecho主题难度也不大。 这款Typecho简洁主题名为MiStyle,移植于大神Prower的Wordpress简洁主题Prower V6,也是我的第一款主题,所以非常用心,经过一周的移植、适配,总算相差无几,用户体验还算不错,唯一的缺憾就是评论列表嵌套样式不够完美,介意的朋友可以采用第三方评论框(譬如:多说)解决此问题。在此过程中,为了方便使用,除了优化了原版主题的一些细节,顺手也在后台设置了一些功能选项,减少了直接修改源码的繁琐。 主题特色及使用说明:   1、原汁原味,极简主义,专注阅读 虽然Wordpress和Typecho诸多不同,但在移植过程中,尽可能做到了完整适配,以达到Prower V6的视觉体验效果。当然,和Prower V6一样,也建议大家使用非IE浏览器(包括IE内核的)或是IE9以上版本的浏览器进行访问,获得更好的浏览体验。 MiStyle主题也保留了WordPress的日志形式支持(主要是每篇日志前的小ICON图标),以及进行了简单的屏幕适配:对屏幕的适配原则是,除了以PC、移动设备进行区分外,屏幕分辨率小于1280的都被划分为小屏,而大于1280的则被划为大屏,即仅在大于1280分辨率的情况下,才会显示侧栏内容,其它屏幕上不显示侧栏内容。具体展示效果可以访问Wordpress原版主题Prower V6发布页。 2、实现日志列表摘要功能显示 为了更多展示日志,对日志列表进行了一个相应处理,当然也依赖于Typecho的“<!--more-->”标记,否则本功能无效。 3、增加文章及底部广告位显示/隐藏功能 为了体现专注阅读的宗旨,本功能选项广告位默认是隐藏的,按需可在后台“设置外观”中定制,文章底部广告可自定义广告图及跳转链接,而底部广告由于较多,所以只有同时显示/隐藏功能,如需自定义,需要编辑footer.php文件,文件内有注释。 4、增加社交资料显示/隐藏功能 为了体现专注阅读的宗旨,本功能原本是放在底部的,后被调整到侧栏;本功能后台“设置外观”中可配置,无需手动编辑代码。 5、增加平滑返回顶部 由于Prower V6的菜单栏非固定顶部,所以增加了这个返回顶部功能,增强用户体验。 6、主题演示及下载 演示站点:爱微迷-虚位以待 百度网盘(首发) 链接: http://pan.baidu.com/s/1i33U0xZ 密码: hikk  Coding(推荐) 链接:https://coding.net/u/micai/p/MiStyle/git 之所以推荐从Coding获取是因为该平台方便实时更新,后期修复bug、优化细节以及增加新功能都将在Coding进行,为了保障您获取最新版本,Coding是不二首选! 7、感谢名单 Prower:MiStyle的优良血统,Wordpress简洁主题Prower V6的设计制作者 8、版权声明 您有自由传播、使用和演义的权利,但请保留主题底部链接,以示对他人劳动成果的尊重,谢谢!