尊敬客户,网络已经改变。抓紧时间,开始使用CSS3和HTML5。

听取关于HTML5和CSS3,后来阅读的硬汉网页设计,由安迪·克拉克以来,我一直在努力帮我介绍给我的客户这些开发方法演示。如果我对他们说,“这些都是最新的开发方法,但不会有视觉上的差异,跨浏览器在您的网站,”我相信你能想象我会得到响应。

我的大部分客户,这些天告诉我,他们希望以下:

  1. HTML验证严格或过渡,
  2. CSS来验证,
  3. 网站符合无障碍等级2+,
  4. 设计,看起来在所有浏览器一样。

从我们,开发人员和机构,教育的最佳做法,在过去10年的世界,他们所学到的这个信息。现在我们需要重新教育他们,这将是不容易!大多数人转向远离的东西,他们不明白,对未知的恐惧。

再教育你的客户

一般来说,你将开始讨论目前的客户知道,并告诉他们,为什么这些方法都已经过时,需要修改。在此之后,你会谈谈我们现在做的事情,解释为什么这些方法更好。让我们开始。

我们如何用于开发

001

Continue reading “尊敬客户,网络已经改变。抓紧时间,开始使用CSS3和HTML5。”

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画布应用开发工具应了解”

8个有用的设计师工具,以帮助识别未知字体

有时会发生,你打开一个网站,只是爱上爱情上已使用的字体。现在,你打算怎么办得到它 – 并迅速?

知道字体的名称和来源的一种方式是发送电子邮件的站长,并要求它。但这一过程将需要一段时间,谁知道,也许站长甚至不会答辩。因此,这里是一个免费的在线工具,让您识别字体列表-快!

 

1. What The Font

WhatTheFont是一个伟大的工具,是发展的最大的字体提供商之一。所有你需要做识别字体的是其上传图片,并把它上传到自己的服务器,或WhatTheFont接口上添加一个图像链接。现在你会看到多种字体效果。如果您仍然无法找到你正在寻找的字体,然后你可以去他们的字体论坛,张贴图片和等待字体专家的答复。

001
Continue reading “8个有用的设计师工具,以帮助识别未知字体”

25个jQuery瀑布流网页设计的强大例子

jQuery是一个功能强大的工具,动画,图像画廊,工具提示,动态形式,实时更新和各种其他技术,我们精选jQuery教程之前。这纯粹是用在许多案例的网站设计或开发。然而,jQuery网页设计效果可以用在适当的设计,但却实现困难,因为你必须知道如何使用它们来提高可用性和不偏离设计或用户体验。

 

今日美术馆纯粹是基于对瀑布流的概念。此布局插件由David DeSandro.开发的。你可以看到之前和之后的瀑布流如下图的效果差异。

001


把它看成是反面的CSS浮动。而浮动元素水平排列然后垂直排列,瀑布流垂直然后水平根据网格。结果最大限度地减少不同高度的元素之间的垂直间距,就像石匠在拟合石头的墙。

Continue reading “25个jQuery瀑布流网页设计的强大例子”

2011年25套漂亮的免费图标集

随时给自己一杯茶或咖啡,因为现在你可以休息一个小时左右,在今天的文章。我们已经收集了超过25个新的免费高质量的图标集,你可以使用你的项目。虽然大多数上市赠品不得用于商业项目的同时,他们中的一些人可能不这样想。然而,你可以使用它们在您的私人项目。这些免费的图标包含最小的图标,商业图标,天气图标,购物图标,矢量图标,小图标等开发商。

 

3D Glossy Icon Set

每个图标有5种尺寸(PNG格式),使用PS图象处理软件的PSD文件,如果你调整图标

001

Continue reading “2011年25套漂亮的免费图标集”

24个CSS3的动画演示和教程

今天我们展示后,对CSS3的动画具有最好的真棒功能。CSS3的是充满了神奇的功能,其中一些探索。其最惊人的特点之一是CSS3的动画,这是乐趣和嬉闹。是非常有用的,有的甚至可以作为JavaScript的替代品使用。看看这些动画得到启发。

一些CSS3的动画效果可能无法在Firefox可见。但不担心,你必须有一些有用的替代品,Safari和Chrome。享受!

社区化图标显示在一个美丽的方式,使用CSS3

例如工程与所有的WebKit(Safari和Chrome)的浏览器,而且在Firefox 4。author’ve包括一个jQuery版本,以及被视为一个“向后兼容”的形式使用。你还可以看到如何使用CSS和jQuery可以实现同样的效果。

001

更多关于社区化的图标显示在一个美丽的方式,使用CSS3

Continue reading “24个CSS3的动画演示和教程”