大多数人都非常关心个人的技术提升。但考虑到我们需要的信息量巨大，与新技术保持同步是一个不小的挑战。2012年，伴随着前端的发展，前端出现了很多革命性的突破和重新定义。我们在修行的道路上进步很快。具体的进步体现在抽象的使用、优秀的代码质量、可维护性的提高和更好的性能上。如果您太忙而无法跟上最新技术，请不要担心。随着假期的到来，我们有了一些空闲时间可以自己度过。我想如果把我收集的前端相关精品讨论榜分享出来，一定会对大家有所帮助。你不需要全部阅读，但这些相关建议会给你更多相关知识，并为你明年成为更好的前端开发人员做好准备。如何在基础部分保持技术前沿HowtoStayUptoDateonDateonWebStuff，ChrisCoyier即使与技术相关的概念会不断变化，我们仍然可以让自己保持在技术前沿。确保您的开发模式与时俱进。ANewBaselineforFront-EndDevelopers，RebeccaMurphey曾经是我们编辑文件，本地测试然后上传到ftp时最常见的做法。我们通过能不能写出兼容ie6的页面来判断一个前端的前端水平。我们在html、css和javascript方面不够强大。近年来，随着工作方法的改进和各种工具的引入，这种情况发生了很大变化。前端开发越来越受到重视，本专题讲解前端开发的新起点。前端工程师的新起点了解浏览器如何在屏幕后面工作所以，您想成为一名前端工程师，DavidMosher（视频）。有人会说，浏览器是他所知道的最不稳定的开发平台。如果您是客户端开发工程师，了解浏览器的内部工作原理将帮助您做出更好的决策，并且您还会欣赏这些最佳实践背后的争论。在年度最佳主题之一中，davidmosher带您了解浏览器解析和页面呈现。了解网络平台现在需要提供什么。AddyOsmaniweb是现代Web应用程序开发人员的工具，它在不断发展，要理解这个平台中的新技术并不容易。html5的新特性允许我们构建一个全新的web应用程序，包括许多以前不可能实现的特性（至少，没有插件）。在此主题中，我的队友Eric将带您了解HTML5的痛苦边缘，重点介绍许多解决现实世界问题的方法。您将了解媒体流、设备输入、现代CSS设计、媒体捕获、文件输入/输出等。#p#WorkingstyleWeb应用开发工程师的工作方式无论你使用的是coffeescript还是javascript，less还是sass，现在构建一个好的web应用需要大量参考外部资源、框架、工具和集成工具，将它们集成在一起。简而言之，您需要一条用于打屁股的实用腰带。在本主题中，您将获得当前前端系统的概述，并学习一种名为yeoman的新工具来集成这些系统。您还可以访问此主题的扩展版本。现代Web设计师的工作流程，ChrisCoyier（视频）我们今天对Web架构师有很高的要求。如果在过去，这个职位的标题已经表达了它对应的工作，但现在它不仅仅是一个视觉设计职位，甚至还涉及到交互的构建。设计人员需要考虑不同形状、不同尺寸、不同连接方式的不同设备，这些设备必须能够正常工作。作为一名设计师，你经常需要在团队之间交流和共享代码，你需要了解许多不同的技术。在此主题中，chrisCoyier谈到了许多令人惊叹的工具，以帮助更顺利地完成手头的工作，并讨论了应该做些什么来提供高水平的现代工作流程。移动Web开发的工作原理MobileWebDevelopersToolbelt，PeteLePage（视频）移动开发与PC开发有很大不同，本主题介绍了各种工具，可使移动Web开发变得更轻松、更轻松。如何调试ChromeDevTools的秘密，PatrickDubroy（视频）深入理解GoogleDeveloperTools#p#Future-orienteddevelopmentCSSTheCSSofTomorrow，PeterGasston本主题介绍CSS为您当前的开发带来的影响，作为CSS程序员,如何使用CSS3实现面向未来的开发。JavaScriptTheFutureofJavaScript,DaveHerman了解ES6的新特性以及如何使用它们WEBAPPLICATIONSWebComponentsandtheFutureofWebAppDevelopment,EricBidelman如何更好地将各种新技术集成到您的Web应用程序中。#p#CSSS领域的艺术所有新的CSSHawtness，DarcyClarke本主题介绍最新的CSS实现和相关标准，并了解这些新的CSS技术如何改变我们的日常开发。模块化CSSYourCSSIsaMess,JonathanSnook大多数人的CSS代码都是一团糟，在本主题中，您将了解如何解决CSS模块化问题，便于管理和维护。CSS预处理器CSS预处理器，BermonPainter如果你还没有使用过CSS预处理器，那你就OUT了。本主题概述了几个更流行的CSS预处理器。KSS文档创造更美好的未来，KyleNeath本主题介绍Kyle的工具之一，KSS，用于为CSS文件生成文档和代码格式。#p#JavaScript代码风格的重要性可维护的JavaScript，NicholasZakas编写有趣的JavaScript代码和编写专业的JavaScript代码是两件不同的事情。在Zakas的这个话题中，你将学习如何编写可持续的JavaScript代码在构建大型APPSoundCloud的Stack话题中，NickFisher，来自SoundCloud的NickFisher将介绍他们公司开发大型JavaScriptAPP的故事，以及分享他们的开发步骤以及如何提高开发效率。重新构想应用程序的结构用AngularJS重新构想浏览器，IgorMinar在本主题中，您将学习如何将未来Web平台的强大功能应用到当前的Web应用程序中。InternationalizationEntschuldigenyou,parlezvouzJavaScript,SebastianGolasch（视频）在本主题中，Sebastian介绍了如何定位现实世界中的国际化问题，以及如何以优雅的方式解决这些问题。模式和原则木偶奇遇记的困境，BrandonKeepers我们需要将JavaScript作为一种真正的语言，我们需要能够使用真实语言会在JavaScript上使用的各种最佳实践。JavaScript不再是一种玩具语言。Whentodelay(lazy)loadscriptsHowLateIsLater?,MassimilianoMarcon我们都知道延迟（惰性）加载脚本可以提高web应用程序的加载时间，那么什么时候加载脚本才是合适的呢？#p#MobileWebDevelopmentCreatingResponsiveHTML5TouchInterfaces,StephenWoods(Video|Audio)如何解决UI和用户之间的交互问题，避免这些陷阱是许多应用程序开发人员未来需要面对的问题。拥抱触摸：跨平台滚动，MarkDalgleish（视频）滚动效果是移动页面的完美方式。可惜滑动的效果始终比不上原生的滚动条。我们应该如何在移动浏览器上解决这个问题？本机、HTML5和混合应用>本机、HTML5和混合移动开发，EranZinman在这个主题中，Eran分享了他在跨平台开发方面的经验。性能、分布和facebook在HTML5上的实践OntheFutureofMobileWebApps,SimonCrossfacebookWhatdoesHTML5do?需要改进什么？#p#Mobile开发调试工具移动调试，RemySharp响应式设计技术响应式Web设计：聪明的技巧和技术，VitalyFriedman本主题提供响应式设计实现的概述。WebAppsOfflinewebapplicationOfflineRules,AndrewBetts（视频）如何在web应用程序中实现客户端存储，以及如何使用它来改善网站的体验。最新技术构建未来的Web应用程序：明天、今天和昨天，PaulKinlan（音频）Paul解释了如何构建未来的Web应用程序。#p#ClientStorage浏览器中的存储，AndrewBettsApplicationCache应用程序缓存：Douchebag，JakeArchibald（视频）如何使用应用程序缓存来构建您的网站性能CSS高性能CSS，PaulIrish找出影响页面性能的CSS，比如导致浏览器多画至少70毫秒的box-shadow，以及解决方法。GitHub的CSSPerformance，JonRohanAvoidJANKJank-Free：InPursuitofSmoothWebApps，TomWiltziusJANK指的是动画断断续续、特效执行缓慢或页面滚动缓慢的状态。本主题描述如何避免这些状态。WebBuildingFasterWebsites，IlyaGrigorik如何从网站的角度考虑整体性能改进。JavaScriptBreakingtheJavaScriptSpeedLimitWithV8，DanielClifford如何突破V8执行脚本的速度限制。#p#通过测试了解错误代码的原因WhyOurCodeSmells，BrandonKeepers（视频）在这个主题中，Brandon将介绍他的日常代码，寻找那些导致问题的错误代码，了解为什么会出现这些代码，以及它的作用是什么这段代码的意思，最后是如何重构它。最新技术JavaScript测试：圣杯，AdamHawkins（视频）如何使用测试工具来确保应用程序的体验。提高代码的可测试性编写可测试的JavaScript，RebeccaMurphey（音频）总结说，花时间思考提高技能是非常值得的。磨练得越多，成为优秀工程师的机会就越大。这份榜单不一定涵盖今年所有的优秀PPT，但希望能给大家提供一些指点。去读一些你感兴趣的东西。这样的阅读会提高你的能力，希望能真正帮助你的日常发展。***，祝大家节日快乐，在新的一年里取得更多的进步和突破。
