15个HTML5 Canvas画布应用开发工具应了解

介绍HTML5的推出各种新功能,其中不存在旧的HTML。最引人注目的特点之一是它允许动态,编写脚本渲染2D形状和位图图像的HTML画布。

  你可能想这太: HTML5的绘图工具,  HTML5/CSS3工具,  HTML5应用程序HTML 5的cheatsheet infographic

今天,我们聚集清单15优秀的画布上的应用,了解每个开发人员展示

 

1. SketchPad

Sketchpad是一个优秀的HTML5的应用程序,它可以帮助用户创建有用的绘画应用程序使用Javascript和canvas元素。画板的绘图工具允许通常的画笔,铅笔,填充和文本项目,而且还提供了工具spirographs,不寻常的形状和邮票。

001

Continue reading “15个HTML5 Canvas画布应用开发工具应了解”

10大HTML5网络应用程序设计

HTML5是开发商和设计师之间的流行。它是由苹果公司的一个新的网络技术领先。它的武器设计师在创造新的创新的基于网络的应用程序。那里有许多工具,设计师和开发人员,但获得自由和良好的不是那么容易。我试图让10最好的网络,为所有开发基于HTML5工具。希望你会喜欢它。

DeviantART muro

这是一个基于HTML5的应用程序,在所有的现代浏览器,你可以潜水,并开始绘制一个空白的画布上都没有Flash或其他任何插件,。有提供给大家几个刷子,但访问更先进的功能,你需要创建一个格式帐户,并登录。

deviantART穆罗

Continue reading “10大HTML5网络应用程序设计”

使用CSS3:旧的浏览器和常见的注意事项

随着IE9的到来,微软已经暗示其意图与基于标准的技术工作。与IE浏览器的一个最流行的浏览器和浏览器的门外汉,在许多方面,这是希望拥抱的自由,因为我们做的CSS 2.1中使用CSS3的想法对我们网站的工匠长期期待的开始。然而,随着IE9的不支持以前版本的Windows Vista和很多企业仍然在运行XP,不愿(或无力)升级,它可能需要一段时间,直到我们的用户绝大多数将会看到付诸实践的新技术。

虽然很多人在那里使用CSS3,许多人并不那么热衷或不知道从哪里开始。本文将首先看后面的CSS3的想法,然后再考虑为旧版浏览器的一些良好的工作的做法和一些新的共同问题。

一个有用的比喻

最好的比喻解释CSS3的,我听说过有关电影的世界。制片人不能保证什么平台上,他们的观众将看到他们的电影。有些人会在电影院观看,有些人会在家里看他们,和一些便携设备上观看。即使在这几年的查看选项,仍然是一个潜力巨大差异:NSTM,DVD,蓝光,环绕声 – 有人甚至可能选择录影带!

所以,这是否意味着你不应该采取一切伟大的东西,蓝光允许声音和视频的优势,只是因为某人在某处不看电影,蓝光播放器?当然不是。使的好经验,你可以把它,然后将得到一个经验,是适合他们观看电影。

可以比较很多关于CSS3的3-D技术。他们都是领先的技术,增添了不少的经验。但一部电影,而无需使用3-D技术仍是完全可以接受的,有时甚至是必要的。同样的,你不需要CSS3的梯度到处飞溅,并使用各种字体,你可以找到。但是,如果一些确实提高了网站,那么为什么不呢?

然而,简单地等同对CSS3的3-D,切中要害。在许多情况下,对CSS3只允许我们做的事情,我们已经做了多年,但没有所有的麻烦。

Continue reading “使用CSS3:旧的浏览器和常见的注意事项”

新的强大的CSS技术和工具

前端设计师的辛勤工作从未停止惊奇我们。在过去几个月中,我们看到的网页设计师创建,并提出了过多的真正了不起的CSS技术和工具。我们收集,分析,策划,并配备最新的有用的资源,为了您的方便,让你可以使用他们的权利或保存以供日​​后参考。

请不要犹豫,在这篇文章发表评论,并让我们知道究竟是如何使用它们在您的工作流程。不过,请避免链路滴,但分享您的见解和经验,而不是。此外,一些技巧,不仅是基于CSS的,但使用的HTML5,JavaScript或JavaScript的库以及通知。由于所有功能的设计人员和开发激励,努力工作。

CSS技术

Rotational Sliders
Eric Meyer的股份他是能够左右滑动与非中心变换起源的特别程度的动画变换6。

001

Generating Organic Randomness with Prime Numbers and CSS
起初,你可能想知道到底是为什么沃克说亚历克斯蝉和网页设计。一旦仔细一看,一种连接两个演变和“蝉原则”之间出生。

Continue reading “新的强大的CSS技术和工具”

如何使用CSS3伪类

编写CSS3是一件美妙的事情,但它很容易被bamboozled变换和动画(其中许多是特定供应商)和忘记的选择,也增加了规范的螺母和螺栓。一个强大的新伪选择的号码(16中列出的最新的W3C规范)让我们选择了一系列新的标准的基础上的元素。

001

之前,我们看一下这些新的CSS3伪类,让我们简要地钻研到尘封过去的Web图表的这些选择往往被误解的旅程。

 

一个伪类的简史

CSS1的规格早在1996年完成,一些伪选择,其中包括许多您可能使用几乎每天都有。例如:

  • :link
  • :visited
  • :hover
  • :active

这些国家的每个人都可以被应用到元素,通常<A>,后伪类的名称。令人惊异的是,认为这些伪类赶到现场前HTML4的是由W3C发布一年后,于1997年12月。

Continue reading “如何使用CSS3伪类”

15个很赞的HTML5 demo

在之前的一篇文章30+对设计师有用的HTML5教程中,我们已经向你展示了如何创建HTML5。可能你最近已经看了一些有关HTML5的教程或者文章,但是到目前为止仍然没有进行尝试因为大部分用户可能无论如何也看不到它。现在让我们来激起你的积极性,我们收集了一些HTML demo,它们可能会激起你学习这个新模型的兴趣。你会看到它的效果一点也不必flash差!

Ball Pool


001

Continue reading “15个很赞的HTML5 demo”

25个有用的HTML5/CSS3的工具和资源,提示表

HTML5是一个标准的结构和呈现的网页内容和合并功能,如视频播放和拖和下降,此前一直依赖第三方浏览器插件,如Adobe Flash和微软Silverlight。如果你正在跟踪最近的新闻,许多新的网站选择HTML5标准,并带来了许多新的功能。今天,我们已经聚集了一些HTML5工具,提示表和资源,帮助设计师了解HTML5和CSS3的名单。

 

推荐文章:

 

CSS3 Selectors Test

CSS3选择器测试自动测试您的浏览器与大量CSS3选择器的兼容性。如果它是不兼容的,它会告诉你,你甚至可以检查每个CSS选择的结果,给你一个例子,一起进行测试的解释。

001

Continue reading “25个有用的HTML5/CSS3的工具和资源,提示表”

CSS3设计大赛排名

让你真正关心的CSS3兴奋,上个月,我们宣布CSS3设计大赛,并鼓励设计师的实验,并获得创意用CSS3。正如预期的那样,我们已经收到了许多的创意和原始资料。选择比赛的优胜者,我们认为技术或方法,其独特的创意。的想法更重要的比执行。

这个过程中已采取了很多时间,因为它是不容易的,因为我们收到了不少创意的意见书:然而,决定必须采取的,所以我们彻底从一个比赛进入到另一个。并在作出决定。所以,今天,它的时间公布获奖者,并提交意见书的较量。

请注意,比赛结果是实验,不一定看,或工作在不同的浏览器都。下面介绍的技术,应被视为创新,创造性的方法展示什么可实现纯CSS3和创造性思维位。请随时向这些思想建设,以创造更多的技术和设计解决方案,使他们为设计界提供。

Continue reading “CSS3设计大赛排名”

50个创造性设计的单页网站

有时一个单页网站提供更多的信息比一个多页的网站。唯一要求这些网站为了传播消息的一页,也说明了空间的有效利用。

这样的单页网站类型完美的例子是投资组合,让用户很容易看到内容。此外,这些单页网站给设计师更多的空间来展示他们的创造力,相比传统的多页面的网站。我们收集了一些例子,单页网站希望你会发现它们非常有用

Team Viget

001

Continue reading “50个创造性设计的单页网站”