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

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

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

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

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

再教育你的客户

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

我们如何用于开发

001

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

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的动画演示和教程”

使用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伪类”

CSS:技术创新和实用的解决方案

虽然CSS是没有困难的,有用的CSS技术是不容易找到。有时发现一个跨浏览器的解决方案可能需要一些时间,但你不必每一次推倒重来。其他设计师可能有同样的问题,因此在过去的这一轮的主要目的是与大家分享新技术,希望你会觉得非常有益和有价值的金矿。我们也希望这些教程和文章将帮助您解决常见的设计问题,并找到新的方式接近棘手的CSS问题。

文章的主要目标是提出新的强大的CSS技术,鼓励在设计界的实验和向前推进的CSS。请注意,在这篇文章中,我们采用两个实验演示和实用技术。下周,我们将提供更加有用的新的前端开发工具和资源。设计界的努力,我们衷心感谢-谢谢你,伙计们!

有趣和原创技术

Wonder-Webkit: 3D Transforms
这是一个显着的例子使用CSS3 3D变换,可以做些什么。有趣的东西是任何DOM元素的变换矩阵操纵的可能性,在这种情况下,我们得到的矩阵元素只有四个终点。不要忘了点击的项目,太。谁想到几年前的东西一样,将是唯一的CSS可能吗?

001

Continue reading “CSS:技术创新和实用的解决方案”

使用PS图象处理软件教程来提高你的建模和设计技巧

你必须使用Adobe PS图象处理软件很长一段时间全面了解它的潜力。有很多事情可以做,以其无穷的特点。你需要去发现它并决定如何使用他们的新的和创新的方法来发挥创意,美丽的数字艺术与现实。在这篇文章中,我们用不同的方式看PS图象处理软件作为设计师创造现实的对象和3D模型的工具。

下面你会发现超过50个PS图象处理软件教程,教你如何创造美丽的现实对象和3D模型。让我们看看如何才能把PS图象处理软件作为设计工作区。

使用PS图象处理软件提高你的图像质量,我们也有很多的教程

USB Drives

Floating USB
本教程演示如何说明一个USB密钥漂浮在空气中表面上的反射

001

Continue reading “使用PS图象处理软件教程来提高你的建模和设计技巧”