理解, 浏览, 浏览器, 屏幕, 幕后
| 网页前端2013年必须知道的几点事。大部分人非常在意个人在技术上的提升。但是保持对新技术的了解是一项不小的挑战，毕竟咱们需要的信息在数量上过于庞大。2012年里，伴随着前端发展的是大量的革命性突破和对前端的重新定义。 咱们在实践的路上飞速前进，具体的进步体现在使用抽象化，优秀的具体代码如下质量，维护性上的提升以及更好的性能。如果您实在忙到没有时间来跟上最新的技术，不用担心。 随着假日的来临，咱们就有了一些空闲的时间可以自己支配，我想，如果我把我收集的前端相关的精品讨论列表分享出来，那一定会对大驾有一些帮助。您不需要把所有的都阅读一遍，但是这些相关的建议会让您了解更多相关的知识，为明年成为一名更好的前工程端开发师做准备。 基础部分 走在技术前沿的具体的方法 HowtoStayUptoDateonWebStuff,ChrisCoyier 即使技术相关的理念会不断变化，咱们依然可以做到让自己处于技术的前沿。 确保您的开发模式已经跟上时代 ANewBaselineforFront-EndDevelopers,RebeccaMurphey 曾经在咱们编辑文件的时候，本地测试完然后传到ftp上是最常规的做法。咱们通过一个前端是否能编写一个兼容ie6的页面来判断他的前端水平。咱们在html，css和javascript中的技术都不够强悍。 这样的情况在近几年有了很大的转变，随着工作方式的改进和各类工具的推出。前端开发越来越受到重视，这个主题讲解了前端在开发中的新起点。 前端开发工程师的新起点 理解浏览器在屏幕后面的工作原理 So,YouWanttoBeaFront-EndEngineer,DavidMosher(Video) 有些人会说，浏览器是他所知道的开发平台中最不稳定的一个。如果您是一个客户端开发工程师，理解浏览器内部工作原理会帮助您作出更好的决定，并且您也会赞叹那些最佳实践背后的种种辩论。在这个今年最好的主题之一里，davidmosher会待您了解浏览器的解析和页面的渲染。 了解web平台现在需要提供什么 ToolingfortheModernWebAppDeveloper,AddyOsmani web在不断的进化，了解这个平台中新出的技术不是一件容易的事情。html5的新特性让咱们可以构建一个完全崭新的web应用，包含很多以前无法实现的特性（至少，在没有插件的情况下）。 在这个主题中，我的队友eric会带您了解html5的痛苦边缘，关注很多解决现实世界问题的方案。您会了解媒体流，设备输入，现代css设计，媒体捕捉，文件i/o等等。 工作方式 webapp开发工程师的工作方式 无论您在使用coffeescript还是javascript，less还是sass，构建一个好的web应用在现在需要大量引用外部资源，框架，工具和结合工具来将他们整合到一起。简单地说，您需要一个打屁股用的实用腰带。 在这个主题中，您会了解到当前前端系统的概况，并学习到一个新工具来整合这些系统，叫做yeoman。 您还可以访问这个主题的扩展版本。 web设计师的工作方式 AModernWebDesigner’sWorkflow,ChrisCoyier(Video) 今天咱们对web构架师的要求很高。如果在以前，这个岗位名称已经表达了它所对应的工作，但是现在不仅仅是视觉设计岗位，甚至涉及到交互的构建。设计师需要考虑不同形状，不同尺寸，不同连接方式的不同设备，并且这些设备下都要能正常工作。 作为一个设计师，您通常需要在团队之间沟通和分享具体代码如下，并且需要了解很多不同的技术。在这个主题中，chriscoyier会说到很多令人赞叹的工具来帮助手头的工作更加顺利地完成，还会讨论应该做些什么来提供一个高水准的现代工作流。 移动web开发的工作方式 MobileWebDevelopersToolbelt,PeteLePage(Video) 移动端开发和PC端开发有很大的不同，这个主题讲述了各种工具来让移动web开发更加方便，让移动web开发更加容易。 如何调试 SecretsoftheChromeDevTools,PatrickDubroy(Video) 深度了解谷歌开发者工具 面向未来的开发 CSS TheCSSofTomorrow,PeterGasston 这个主题介绍了CSS给您现在的开发带来了什么，作为一个CSS网站程序员，如何利用CSS3来实现面向未来的开发。 JAVASCRIPT TheFutureofJavaScript,DaveHerman 了解ES6的新特性，以及使用方式 WEBAPPLICATIONS WebComponentsandtheFutureofWebAppDevelopment,EricBidelman 如何更好地将各种新技术整合到您的web应用中。 CSS CSS领域中的艺术 AlltheNewCSSHawtness,DarcyClarke 这个主题介绍了最新的CSS实现以及相关的标准，并且学习到这些新的CSS技术是如何改变咱们的日常开发。 模块化CSS YourCSSIsaMess,JonathanSnook 大部分人的CSS具体代码如下都是一团糟，在这个主题中，您会知道如何解决CSS的模块化问题，方便管理和维护。 CSS的预处理器 CSSPre-Processors,BermonPainter 如果您还没有用过CSS预处理器，那您就OUT了。这个主题会对比较流行的几个CSS预处理器进行概述。 文档 ABetterFutureWithKSS,KyleNeath 本主题介绍了Kyle的一个工具，KSS，用于生成CSS文件的文档和具体代码如下格式化。 JavaScript 具体代码如下风格的重要性 MaintainableJavaScript,NicholasZakas 编写有趣的JavaScript具体代码如下和编写专业的JavaScript具体代码如下是两码事，在Zakas的这个主题中，您会学习到如何做到编写可持续性维护的JavaScript具体代码如下 构建大规模的APP SoundCloud’sStack,NickFisher 这个主题中，来自SoundCloud的NickFisher会介绍他们公司开发一个大规模JavaScriptAPP的故事，并且分享他们的开发步骤以及如何提高开发效率。 重新思考应用的结构 Re-ImaginingtheBrowserWithAngularJS,IgorMinar 在这个主题中，您会了解如何将未来Web平台的力量使用到当前的Web应用中。 国际化 Entschuldigenyou,parlezvouzJavaScript,SebastianGolasch(Video) 这个主题中，Sebastian介绍了从如何定位现实世界中的国际化问题，到如何用优雅的方式进行解决。 模式和原则 ThePlightofPinocchio,BrandonKeepers 咱们需要将JavaScript作为一门真正的语言，就需要能在JavaScript上使用真正的语言会使用的各种最佳实践。JavaScript不再是一门玩具语言。 什么时候来延迟(惰性)加载脚本 HowLateIsLater?,MassimilianoMarcon 咱们都知道延迟(惰性)加载脚本可以提高Web应用的加载时间，那么什么时候才是正确的时间来加载脚本呢？ 移动Web开发 CreatingResponsiveHTML5TouchInterfaces,StephenWoods(Video|Audio) 如何去解决UI和用户间交互的问题，避免这些陷阱是很多应用开发者在未来需要面对的。 来自滚动条的挑战 EmbracingTouch:Cross-PlatformScrolling,MarkDalgleish(Video) 滚动效果是最流行的移动页面的方式。可惜滑动的效果总是不能与原生滚动条媲美。咱们应该如何在移动浏览器上解决这个问题？ 原生，HTML5和混合的应用 Native,HTML5andHybridMobileDevelopment,EranZinman 这个主题中，Eran分享了他在跨平台开发中的经验。 性能，分布和facebook在HTML5上的实践 OntheFutureofMobileWebApps,SimonCross facebook利用HTML5做了什么？还有什么需要改进？ 移动开发的调试工具 MobileDebugging,RemySharp 响应式设计技术 ResponsiveWebDesign:CleverTipsandTechniques,VitalyFriedman 这个主题提供了响应式设计实现的概述。 WebApps 离线的web应用 OfflineRules,AndrewBetts(Video) 如何在Web应用中做到客户端的存储，并且如何将其用在提高网站站点的体验上。 浏览器 , 工作原理 , 工程 , 技术 , 开发 |
哪些互联网产品适合用HTML5开发
