分类目录归档：WEB开发

2014
12-03

推荐18个基于HTML5 Canvas 开发的图表库

如今，HTML5可谓如众星捧月一般，受到许多业内巨头的青睐。很多Web开发者也尝试着用HTML5来制作各种各样的富Web应用。HTML5规范引进了很多新特性，其中最令人期待的之一就是Canvas元素。HTML5Canvas提供了通过JavaScript绘制图形的方法，非常强大。今天，本文收集了一些非常好的基于HTML5Canvas的图表方案推荐给大家。1. VisualizeVisualize通过Javascript从结构化的HTML表格获取数据并借... 继续阅读 >
2014
12-03

18 款超酷的 HTML5 和 JavaScript 游戏引擎库

现在的游戏开发变得越来越复杂，需要制作各种炫丽的效果，还要制作各种基于2D或者3D的场景。为了节省游戏开发者的时间，让开发者集中精力在游戏的创新上，出现了许许多多的游戏引擎。而现在为了实现跨平台，HTML5和JavaScript成功为了游戏开发者必备的利器，特别是移动端的开发者，必须要能很好的掌握HTML5和JavaScript。现在这么多的游戏引擎，各有各的优点和缺点，为了帮助开发者们找到属于自己的那款游戏开... 继续阅读 >
2014
12-03

真是好东西！一组动感的页面加载动画效果

如果您曾经访问过NicolasZezuka 和ActiveTheory 的出色的设计网站，你可能已经注意到在显示新内容之前动感的页面加载动画了。这种风格的动画效果最近非常流行，因此这篇文章想给你带来一些启示。这个效果的核心是让一个形状在页面窗口中动画显示并有展示活动的指示。当新内容被加载时，形状将以动画显示返回显示的页面。我们将使用 Snap.svg 动画库来实现，因为这个库让我们能够创建复杂的形状... 继续阅读 >
2014
12-03

Snap.svg – 现代Web开发必备的JavaScript SVG 库

SVG是一种很好的Web技术方案，可以用来创建互动，在任何大小的屏幕上都会很好看、与分辨率无关的矢量图形。而这里推荐的Snap.svg这个 JavaScript可以让你像 jQuery操作DOM一样操作SVG资源。Snap.svg是专为现代浏览器打造，支持剪裁，遮罩，纹理，渐变，分组等功能。凭借丰富的动画库和易于的事件处理，Snap.svg可以帮助你轻松实现SVG功能。立即下载    效果演示... 继续阅读 >
2014
12-03

为什么HTML5将主宰在线视频？

磁带、光盘、Flash等媒介都需要播放器，这些媒介正在或者已经死亡。就像CD取代磁带成为一种更高效的音乐播放方式一样，数字文件也将取代CD。依此类推，HTML5也会让Flash成为昨日黄花。HTML5与Flash的对抗在网页开发者中已经成为多年热议的话题，但是无论站在哪一边，不可否认的一点是，HTML5对视频和网站的影响是实实在在的。对于在线视频来说，HTML5有两点是Flash不能做到的：移动能力和语义标记。移动参与性的增... 继续阅读 >
2014
12-03

必须Mark！最佳HTML5应用开发工具推荐

HTML5自诞生以来，作为新一代的Web标准，越来越受开发人员及设计师的欢迎。其强大的兼容性，一次开发，到处使用，大大减少了跨平台开发人员的数量及成本。特别是在如今日新月异的移动时代，除了iOS、Android两大平台，还有WindowsPhone、Blackberry、Bada等多个竞争，恰恰给了HTML5展现才能的机会。本文就搜集了十款HTML5工具，希望能对大家的开发工作有所帮助。1.AnimatronAnimatron是一款简单而又强大的在线工... 继续阅读 >
2014
12-03

CSS 类名的单词连字符：下划线还是连接符？

本文的部分内容整理自我对此问题的解答：命名CSS的类或ID时单词间如何连接？-知乎问题CSS类或ID命名时单词间连接通常有这几种写法：驼峰式：solutionTitle、solutionDetail用横杠连接：solution-title、solution-detail下划线连接：solution_title、solution_detail应该采用哪种写法呢？选择的时候是出于个人习惯还是有别的考虑？看了下豆瓣，美团，淘宝的源码，都是采用solution_t... 继续阅读 >
2014
12-03

太赞了！超炫的页面切换动画效果【附源码下载】

今天我们想与大家分享一组创意的页面切换熊效果集合。我们已经在示例中罗列了一组动画，可以被应用到页面切换过程中，创造出很有趣的导航效果。虽然有些效果都非常简单，只是简单的滑动动作，但另外的一些则是利用了视角（Perspective）和3D转换（3DTransforms）来创造一些立体动感的效果。立即下载    在线演示温馨提示：为保证最佳的效果，请在IE10+、Chrome、Firefox和Safari等现代浏... 继续阅读 >
2014
12-03

7件你不知道但可以用CSS做的事

不管你信不信，CSS和JavaScript开始重叠，就像CSS增加了更多功能一新。在我写“你可能不知道的CSS和JavaScript互相影响的5种方式”一文时，人们对于JavaScript和CSS是如何重叠的感到惊讶。今天，我将重点强调你能用CSS完成的7种工作——不需要通过JavaScript或图片。CSS@supports在使用一些浏览器可能没有的特性时，每一个优秀的前端开发者都需要进行特性测试。特性测试一直以来都是由JavaScri... 继续阅读 >
2014
12-03

Web 开发人员必备的经典 HTML5 教程

对于我来说，Web前端开发是最酷的职业之一，因为你可以用新的技术发挥，创造出一些惊人的东西。唯一的问题是，你需要跟上这个领域的发展脚本，因此，你必须不断的学习，不断的前进。本文将分享能够帮助您快速掌握HTML5的实例教程，值得好好学习。MeasuringPageLoadSpeedwithNavigationTimingNavigationTiming 是用于精确测量网站性能的JavaScriptAPI。该API提供一种简单的方式来获得准确，详细... 继续阅读 >
2014
12-03

十款超棒的CSS框架加速Web开发

CSS又称层叠样式表，是用来为结构化文档（如HTML文档或XML应用）添加样式的计算机语言。目前最新的CSS3已被大部分浏览器支持，下一代CSS4还在开发当中。这里小编为大家整理了一些非常好用的CSS开发框架，如果加以合理利用，定能加速你的Web开发进程。Pure这是Yahoo最新推出的一款CSS框架，它只有HTML和CSS，没有使用任何JavaScript语言。总大小只有4.4kb，但功能却非常丰富，支持响应式样式和各种导航、表格、表单、... 继续阅读 >
2014
12-03

Web 开发中 20 个很有用的 CSS 库

在过去的几年中，CSS已经成为一大部分开发者和设计者的最爱，因为它提供了一系列功能和特性。每个月都有无数个围绕CSS的工具被开发者发布以简化WEB开发。像CSS库，框架，应用这样的工具能够为开发者做很多事，而且可以使开发者创造出创新立异的WEB应用。在这篇文件章中我们找到了一系列对开发者有用的CSS库，它们能帮助开发者在一定的期限内取得有创造性和创新性的成果。我们希望这个列表能有助于您的开发并为您提供方... 继续阅读 >
2014
12-03

2014年20款最好的CSS工具

说到WEB设计，不得不介绍介绍CSS工具，CSS工具在这里面扮演很重要的角色，可以简化无数开发者和设计师的工作，写出更好的CSS代码。而网上有非常多的CSS工具，帮助设计师和开发者高效的工作和进行更多创新的创作，设计师和web开发者也把越来越多的CSS工具收入为自身的开发和设计利器。在这篇文章中，我们罗列了2014年最好的20款CSS工具，希望能帮助大家简化自己的开发工作，创作出更多更好的创新... 继续阅读 >
2014
12-03

10款最佳HTML5绘图工具

HTML5无疑是当前最受宠的一项技术，每个web设计者都在热烈的讨论这种神奇的标记语言的兴起。HTML5是一种学起来毫不费力的标记语言，但它却能提供迷人的、富有艺术性的特征，帮助web设计人员完成他们的构思想象。HTML5对于一个设计人员来说能毫不费力的理解，轻松的掌握。草绘和制图是设计工作者工作中一个重要的特征。HTML5将会这方面显露出不可限量的前途。今天，我给web设计人员收集了几款最好的HTML5绘图或涂鸦... 继续阅读 >
2014
12-03

9款最新炫酷HTML5/CSS3应用推荐

HTML5的强大之处我们已经体验过很多了，包括HTML5游戏、HTML5视频，另外结合CSS3，也能创造更多炫酷的动画特效和实用应用。今天我们要分享9款最新的炫酷HTML5/CSS3应用。如果你喜欢，赶紧分享给你的朋友吧。1、HTML5webkit3D立方体图片旋转滑块应用今天再来分享一款HTML5 3D立方体动画，这个只是一个3D效果模型，你可以用图片替换演示中的立方体4个面，这样就可以将这款HTML5立方体旋转动画改造成HTML53D焦... 继续阅读 >
2014
12-03

前端必备：六款CSS工具让代码充满魅力

随着一系列围绕JavaScript使用所衍生的相关工具，开发人员与设计师们正亲眼见证着框架、样板以及类似技术方案在扩展、标准化以及加快CSS使用方面所作出的巨大贡献。目前大部分此类方案已经逐步成熟，能够切实帮助开发人员与设计师们在各类设备平台上创建出一致性、响应式网站与Web应用程序。我们就六大人气CSS技术方案与开发人员们进行了交流，旨在了解空前繁荣的风格化工具选项如何支持他们创建出自己的工具并解决项目... 继续阅读 >
2014
12-03

CSS字体大小: em与px、pt、百分比之间的对比

CSS样式最混乱的一个方面是应用程序中文本扩展的font-size属性。在CSS中,你可以用四个不同的单位度量来显示在web浏览器中的文本大小。这四个单位哪一种最适合Web?这个问题引起了广泛的争论。找到一个确定的答案是困难的,因为这个问题,本身就是如此难以回答。接触这些单位1.  “Ems”(em):“em”是一个可伸缩的单位,用于web文档媒体展示。一个em等于当前的字体大小,例如,如果文档... 继续阅读 >
2014
12-03

HTML5网站开发专用基础模板（包含完整注释）

分享一个HTML5页面开发的基础性模板，包含了两个版本：开发版本注释版本开发版本<!DOCTYPEhtml><html><head><metahttp-equiv="X-UA-Compatible"content="IE=edge"><metacharset="utf-8"><title></title><metaname="description"content=""><metaname="author"content=""><metaname="viewport"content="width=device-width,initial-scale=1"><linkrel="stylesheet"href=""><!--[ifltIE9]><scriptsrc=... 继续阅读 >
2014
12-03

5 款 Linux 下免费的 CSS 编辑器

一台计算机系统不能没有操作系统，大公司的开发者也开发过不复杂易于使用的操作系统。而Linux被认为是复杂的系统,它仍然是最常使用的系统，当然不仅仅是开发者和极客会使用，也可能是日常生活中的你或我，也喜欢它。因为它的神奇般的稳定因素和应用的拓展水平，都比WindowsOS好得多。互联网上，有很多工具为网页设计者和开发者而准备的。今天我要分享一款适用于linux用户的CSS编辑器。请访问这里并分享你的想法。1... 继续阅读 >
2014
12-03

html标签的嵌套规则

XHTML的标签有许多：div、ul、li、dl、dt、dd、h1~h6、p、a、addressa、span、strong……我们在运用这些标签搭建页面结构的时候，是可以将它们无限嵌套的，但是，嵌套也需要有一定规则，不能任由自己的个人习惯胡乱嵌套，那么，html标签的嵌套规则有哪些呢？一、HTML标签包括块级元素(block)、内嵌元素（inline）1、块级元素一般用来搭建网站架构、布局、承载内容……它包括以下... 继续阅读 >
2014
12-03

CSS编写指导规范和建议

在参与规模庞大、历时漫长且参与人数众多的项目时，所有开发者遵守如下规则极为重要：保持CSS易于维护保持代码清晰易懂保持CSS的可拓展性为了实现这一目标，我们要采用诸多方法。本文档第一部分将探讨语法、格式以及分析CSS结构；第二部分将围绕方法论、思维框架以及编写与规划CSS的看法。CSS文档分析无论编写什么文档，我们都应当维持统一的风格，包括统一的注释、统一的语法与统一的... 继续阅读 >
2014
12-03

10个程序员最喜欢的 HTML和CSS 等在线代码编辑器

一般软件开发中必备的一样工具就是代码编辑器。传统的代码编辑器一般都是以软件安装包的形式安装到电脑里面，代码编辑保存后一般也是通过ftp或者svn等工具提交到服务器的（当然，像.NET开发中MicrosoftVisualStudio这样强大的集成工具另说了。）。在实际的项目开发中这样的方式也是挺便捷的。但是，随着各种云服务的兴起，云存储时代几乎已经是大势所趋了。个人或者小公司搭建一个类似的服务自然代价不菲。这时候利用... 继续阅读 >