7yue's Blog

Adobe Behance ProSite全攻略

当Web设计师对页面元素加载CSS时，有可能会出现由于一个div内的页面元素较多，最后发现div容器内的元素都在使用float属性后出现了有较大图片显示在容器边界之外的现象，然后反复修改样式，终于在添加了若干新样式后才糊里糊涂的解决了问题，其实并不是从根本原因上理解了为什么这样。

具体情况是：

一开始的时候，你应用样式单看到了这样的问题。

最近一直在看Responsive Web Design和CSS3，刚刚花了几分钟时间用纯粹的CSS3打造了一个HTML5的导航。

演示地址

该导航的用到了以下CSS3的属性：

• text-shadow

• border-radius

下面这张图非常直观的告诉了你在使用CSS时，在HTML元素的Box模型上分清margin和padding的具体区别。

可能很多Web前端设计开发的工作者都非常在意如何在网站上有合理的布局，出色的设计，而对于Font的运用却很少关注。大部分的站点仍然使用CSS的font-family属性去设置字体显示的列表，而使用CSS3的@font-face的却少之又少。Adobe其实是一家在字体技术上非常先进的公司，2010年，它关注到全球Web内容使用字体的趋势，于是开始将Web Font看做是未来的一项有价值的服务，因此它收购了Typekit这家运营网络字体服务的公司，并将其的Web Font服务整合进入了自己的Creative Cloud创意云服务。目前国外有好几家提供Web Font服务的专业机构，包括：

   本博客前面有文章着重从纯粹的CSS3代码出发，操作CSS3 Animation。今天这篇文章主要介绍透过Adobe Edge Animate这款可视化工具操作CSS3的动画，与前一篇文章的根本区别就是Edge Animation制作动画是可视化的，操作CSS3动画的方式是和JavaScript的JQuery相结合完成动画控制的过程。Edge Animate 工具包含了一套称为Runtime的运行时环境，包含了可以触发鼠标，触摸和时间轴多种方式的交互API，这些交互操作命令可以被应用到独立的可视化的对象上，或者用于时间轴上一系列的可触发对象上。

   Sublime Text2对于很多开发者而言想必已经不陌生，各种语言用它来开发可以说是效率翻倍，它的第三方plugins和packages支持是一个最闪耀的功能，我非常喜欢，无论在Win上还是在MAC OS X上，我都会使用Sublime Text2。由于我的主要工作系统是MAC OS X，这个系统上，我使用的另一款神器是Dash，它所提供的文档帮助简直是各种语言开发者的福音。我一直盼望着在Dash这款工具可以和Sublime Text2整合，如今，他们终于可以在一起了。

Open Web新功能探索 - CSS3 Animations入门

探索Adobe Edge Code - HTML5与CSS3开发工具

这篇文章介绍的核心对象是Adobe于去年面向HTML5开发而发布的一款开发工具，名称叫做Adobe Edge Code......

近日一直在玩CSS3，在国外网站上买了一本手册，感觉写的很好。