摘要：
与手工编码比起来，HTML5框架在准确性和正确率方面给予了保证。大多数HTML5框架都会有一个组合或者包含一些额外的组件，比如jQuery Scripts。CSS3样式表则以改善多媒体特征的功能性和响应式的Web布局为主。 如果你有一个根据固定流程进行的特定项目，为了保证项目刚开始就能有较高的正确率，那么你可以利用HTML5框架来提升整个开发过程，并且让网站拥有一致性结构。 伴随着智能手机正在席卷整个移动市场，在移动设备上开发出兼容性高的网站已变的非常重要，相信所有的网站所有者都希望自己的网站能够兼容所有的智能手机平台，HTML5框架可以轻松解决这种跨平台问题。 如果你是一名Web设计师... 阅读全文
摘要：
HTML5是目前最为流行的语言之一，大受开发者和设计师们的青睐。HTML5有许多属性，包括支持现代主流浏览器（Firefox 6、Google Chrome、IE9等）、特定结构标签、视觉元素比如内置的圆角元素，拖拽、新的视频、音频以及Canvas元素等等。 在这篇文章中我们收集了16款HTML5在线工具，以简化并加快您的编码速度。 1.Mockups Moqups是一款完美的HTML5 App，用于创建线框、模型或UI、原型。有了它让工作变得更简单且直观，因此，你可以充分发挥自己的创造力，无任何障碍。 2. Stitches Stitches一款HTML5版网页生成器。你只需简单拖... 阅读全文
摘要：
1. HTML5 新的 DocType 和 Charset 是什么？ HTML5 现在已经不是 SGML 的子集，DocType 简化为： HTML 5 指定 UTF-8 编码的方式如下： 2. 如何在 HTML5 页面中嵌入音频？ HTML 5 包含嵌入音频文件的标准方式，支持的格式包括 MP3、Wav 和 Ogg： Your browser does'nt support audio embedding feature. 3. 如何在 HTML5 页面中嵌入视频？ 和音频一样，HTML5 定义了嵌入视频的标准方法，支持的格式包括：MP4、WebM... 阅读全文
摘要：
Diagramo 是一个用纯 HTML5 的 Canvas 实现的流程图软件，无需 Flash、Java 和插件支持，可导出图表到 SVG、GIF 和 JPEG 格式。 在线演示：http://diagramo.com/editor/editor.php 阅读全文
摘要：
1、HTML5实时动态数据图表 HTML5实时动态数据图表，这是一款基于HTML5技术的网页图表插件，该图表插件功能十分强大，支持区域范围选择、鼠标拖动自定义区域、显示坐标点数据等功能。 在线演示 / 图表下载 2、jQuery/CSS3水平图片悬停效果 这是一款基于jQuery和CSS3的图片悬浮特效，鼠标滑过图片后，图片将悬浮突出显示，并且，整个图片相册是自定义滚动条，非常漂亮，支持滚轮。 素材演示 / 素材下载 3、jQuery书本翻页动画效果 这是一款基于jQuery的书本翻页特效，这款翻页插件非常适合你应用在在线阅读上，这个翻页插件可以让用户有真实的阅读感觉。 素材演示... 阅读全文
摘要：
HTML5可不是什么虚幻的概念，与其高谈阔论的讨论HTML5未来的趋势和价值，不如一起研究一下现在的HTML5可以做出哪些成果，可以让我们做出出色的产品。 Form Follows Function就是一個展示HTML5实现的网站，目前网站展示了14个作品，其中包括了交互操作以及视觉效果。这些效果本身并不是一个完整的产品，但是加入到产品中就能让产品生色不少。 1、散景（Bokeh） 一种图像的焦外效果，通过HTML5实现的这种效果可以加载在背景、字体浮现。 2、3D效果 3D西红柿罐头汤，可通过鼠标进行旋转操作，同时底部有一个倒影效果，一个很优秀的交互效果示范。 3、宇宙全景图 设定... 阅读全文
摘要：
利用HTML5工具不仅可以帮助设计师和开发者创建更具吸引力的网站，还能增加网站的可用性和可访问性。本文收集了10款HTML5开发工具让你在网页中搭建特效、动画、视频、音频等诸多功能，为你节省更多开发时间。 Patternizer 这个工具可以让你开发真正炫酷的设计，比如各种线条。你可以随意修改线条的宽度、色彩、角度等等。有了它，帮你打造超赞的背景图片。 Font Dragr 这款工具可根据你的实际项目选择适宜的字体，你还可以通过拖放功能随意查看网站字体。 Adobe Typekit 这款工具允许你可根据视线范围来选择适宜的字体并查看实时页面。 Rendera 如果你渴望这样一个... 阅读全文
摘要：
由于移动应用的盛行和HTML5的广泛运用，JavaScript正越来越流行。JavaScript受欢迎的部分原因是因为它的灵活便捷，你可以快速上手，它不需要重量级的开发环境，也不需要第三方应用支持，只要你打开一个文本编辑器，然后保存，最后通过网页浏览器运行即可。 但是，对于新手而言，使用JavaScript处处存在陷阱。在一段复杂的脚本中，JavaScript语言的延展性常常引起怪异的bug。例如，未声明的局部变量可能会不知不觉修改全局变量。 现在，打开JSLint网站，正如其网站所言，它是“JavaScript代码质量工具”。JSLint的作者是Douglas Crockford，因其对.. 阅读全文
摘要：
Google日前推出了Web Designer的公测版，这是一款一个为创意型专业人员打造的HTML5网站和广告的设计工具。目前，Web Designer适用于Mac和Windows设备。 图：Google Web Designer不但适用于Windows平台，也兼容了Mac平台 有了Web Designer，用户可以创建互动式的单页面网站和动画。目前Web Designer的一些功能只适用于制作广告，不过Google表示这些工具在未来还能派上其它用场。 虽然 Web Designer 的核心功能在于它是一个可视化的工具。不过用户也可以利用JavaScript和CSS 来对创建的网站进行微... 阅读全文
摘要：
作为一名开发人员（WEB前端JavaScript开发），不规范的开发不仅使日后代码维护变的困难，同时也不利于团队的合作，通常还会带来代码安全以及执行效率上的问题。本人在开发工作中就曾与不按规范来开发的同事合作过，与他合作就不能用“愉快”来形容了。现在本人撰写此文的目的除了与大家分享一点点经验外，更多的是希望对未来的合作伙伴能够起到一定的借鉴作用。当然，如果我说的有不科学的地方还希望各路前辈多多指教。下面分条目列出各种规范要求，这些要求都是针对同事编码毛病提出来的，好些行业约定的其它规范可能不会再提及。 1、保证代码压缩后不出错 对于大型的JavaScript项目，一般会在产品发布时对项目包.. 阅读全文
摘要：
导航是网页设计的最重要因素之一。优秀的导航必须兼具美观和实用性。 jQuery和CSS3的信息，你可以很容易地为您的网站导航创造完美功能和定制水平。然而，如果你不熟悉这些，它会变得很困难。幸运的是，人们已经为你写好了代码。 本综述中，我们已经准备了35个新鲜（其中大多数是从2012年开始）美丽并且马上可用的jQuery和CSS3的导航菜单。您需要做的只是为您的特定需求来利用它们！ 35优秀的jQuery和CSS3的导航菜单： 1. jMenu JMenu的是一个jQuery插件，使我们能够创造无限的子菜单横向导航。除了jQuery的，它也需要jQuery的用户界面，并支持这个库的所有... 阅读全文
摘要：
Javascript是一门非常灵活的语言，我们可以随心所欲的书写各种风格的代码，不同风格的代码也必然也会导致执行效率的差异，开发过程中零零散散地接触到许多提高代码性能的方法，整理一下平时比较常见并且容易规避的问题 Javascript自身执行效率 Javascript中的作用域链、闭包、原型继承、eval等特性，在提供各种神奇功能的同时也带来了各种效率问题，用之不慎就会导致执行效率低下。 1、全局导入 我们在编码过程中多多少少会使用到一些全局变量（window,document,自定义全局变量等等），了解javascript作用域链的人都知道，在局部作用域中访问全局变量需要一层一层遍历... 阅读全文
摘要：
最近的译文距今已有4年之久，原文有一定的更新。今天踩着前辈们的肩膀，再次把这篇文章翻译整理下。一来让自己对web缓存的理解更深刻些，二来让大家注意力稍稍转移下，不要整天HTML5, 面试题啊叨啊叨的~~ 什么是Web缓存，为什么要使用它？ Web缓存游走于服务器和客户端之间。这个服务器可能是源服务器（资源所驻留的服务器Add），数量可能是1个或多个；这个客户端也可能是1个或多个。Web缓存就在服务器-客户端之间搞监控，监控请求，并且把请求输出的内容（例如html页面、 图片和文件）（统称为副本）另存一份；然后，如果下一个请求是相同的URL，则直接请求保存的副本，而不是再次麻烦源服务器。 ... 阅读全文
摘要：
前段时间，@developerworks在微博上向大家推荐了一篇引人深思的文章《程序员困境》，这篇文章的作者描述了在招聘内核程序员时所遇到的一个现象，一些来自大公司的“高级”程序员，却连最简单最基本的问题都无法回答，这不禁引发了作者的思考，下面是笔者的简译： 最近，我为招聘内核程序员而面试了数万个应聘者，有一些是来自有名的大公司，比如非常有名的芯片/嵌入式系统开发公司。许多人的简历制作的非常完美——涉及的各种项目、获得的各种奖项等，并有一些人声称，他们在内核研发上有10多年的工作经验，然而，令人惊奇地是，他们却无法回答一些基本的问题：当调用标准的malloc函数时，内核发生了什么？ 别... 阅读全文
摘要：
UI设计 不像平面设计那样随性， 期间可以用点技巧来减少痛苦。 1. 设置网格线 保持像素完美 不在1:1分辨率下也能保持像素完美，可以通过创建网格线来避免虚边的出现。 编辑＞首选项＞参考线、网格和切片 保持尺寸为偶数。 例如：设置网格线间隔为64px，子网格为64 使用网格在画图形时会自动吸附，不是1:1状态下也可以画出完美像素。 2 .智能对象和路径的变形 （1）将图层转换为智能对象（右击图层＞选择转换为智能对象），这样你就可以在之后编辑效果。 （2）Ctrl + T 选择变形。 （3）点击和拖动手柄来改变形状。 例题1 例题2 3. ps cs6 隐藏路径 Pho... 阅读全文
摘要：
《parctical common lisp》的作者曾说，如果你需要一种模式，那一定是哪里出了问题。他所说的问题是指因为语言的天生缺陷，不得不去寻求和总结一种通用的解决方案。 不管是弱类型或强类型，静态或动态语言，命令式或说明式语言、每种语言都有天生的优缺点。一个牙买加运动员， 在短跑甚至拳击方面有一些优势，在练瑜伽上就欠缺一些。 术士和暗影牧师很容易成为一个出色的辅助，而一个背着梅肯满地图飞的敌法就会略显尴尬。 换到程序中, 静态语言里可能需要花很多功夫来实现装饰者，而js由于能随时往对象上面扔方法，以至于装饰者模式在js里成了鸡肋。 讲javascript设计模式的书还比较少. Pr... 阅读全文
摘要：
DNS解析原理及过程。 当用户访问我们网站一个网页时，他需要经过以下步骤： 1）找到这个网页的存放服务器； 2）服务器将用户的请求信息接入； 3）服务器通过文件路径（URL）查找用户请求网页； 4）用户将该网页内容下载到自己电脑上。 我们所讲的DNS解析主要是第一个步骤，即让用户通过URL找到文件存放的服务器。 1、为什么要有DNS解析？ 让用户电脑和服务器（网页存放电脑）连接起来并不是靠域名进行，网络上计算机之间实现连接是通过每台计算机在网络中拥有的惟一的IP地址来完成的。但IP地址并不便于记忆，这样就需要在用户容易记忆的地址和计算机能够识别的地址之间有一个解析，用户容易记忆的... 阅读全文
摘要：
移动开发技术的发展催生越来越多开发平台和框架。开发者通过使用开发平台和框架能够极大地缩短开发周期和提高应用质量。但是，对于一种应用开发技术而言，应用框架的质量、丰富程度等情况在一定程度上决定了应用的总体质量。所以选择一款质量上乘的开发框架对开发者显得尤为重要。 HTML5，由于其突出的页面表现能力和本地数据库等功能，被大多主流浏览器所青睐。此外，通过HTML5所开发的移动应用可以在网页上直接地修改和调试，解决了开发人员重复编码等问题。本文就为大家分享当下最火热的8个HTML5开发框架。 1.Iio Engine IioEngine是一款基于Java和Canvas的开源HTML5应用创建... 阅读全文
摘要：
JavaScript库是 一个提前写好的JavaScript文件库，它可以很容易的开发基于JavaScript的应用，特别是AJAX和一些其它的以web为中心的技术。运用JavaScript最基本的方式是嵌入以写好的JavaScript函数，或是在HTML页面中包含进来。它是同过文档对象模型(DOM)和页面进行交互的。 在这篇文章中我精心挑选了 15个新颖的JavaScript库和工具，它们可以清理你应用中的相关问题以及让你的网站具有竞争力。我希望你在开发任务中能轻松的发现和应用下面的JavaScript库。好好享受吧！ 1. Recline.js Recline.js 对于构建纯htm... 阅读全文
摘要：
本文出现的 HTTP 状态码： 200 OK 201 创建 202 接受（去看电影） 203 曾经有人说（Non-Authoritative Information） 204 （考卷）没有内容 205 内容重置 206 （作业）部分内容 300 多选题 301 永久搬走 302 找到（你了） 303 看别人的（考卷） 304 （爱）没有改变 305 使用（姐姐）代理（传信） 306 没用到 307 暂时导向 400 不情之请 401 （老师）不准 402 需要付钱 403 （妈妈）禁止 404 没找到（男友） 405 （抢劫工行）方法不允许 406 ... 阅读全文