教程为英文,过几天我会挑几个最炫的来翻译以下……
-
Recent Posts
-
Recent Comments
-
(+)PageShow
教程为英文,过几天我会挑几个最炫的来翻译以下……
这篇文章翻译自Design Shack的同名文章,感谢作者的优秀作品。
The Englishi version of this article is available on Design Shack, and my article is only a tanslation of original text. Thanks to their perfect work.
这篇文章是目前少数一些介绍即将取代CSS2的新标准——CSS3的文章。我们将从非常基础的东西开始讲解,即使你对CSS3毫无了解,读完了之后相信也能很好的介绍这些将被广泛使用的一些功能。
CSS3带来的一些改变,为你在创造新的具有冲击力的设计提供更多方法。这篇教程提供了一些关于这个新标准带给我们的一些可能性。
CSS3的开发被分为不同的“模块”。之前的划分方法太过于庞大、复杂,以至于更新十分困难,所以它被打散,并且有所增添。其中的一部分模块包括:
I believe most developers have been experiencing compatiblity issues with so-called brwosers. I know you have spent lots of time fixing pages to grace all browsers. So have I. I feel distressed, exhausted when finishing tweaking. The last words I want to voice out —- I hate this!
Why not ask visitors to change another browser?! This plugin is set to list pros and cons of various browsers and recommend visitors to alter their browser!
相信大多数开发人员都遇到过浏览器兼容性问题。你一定花费了大量的时间调试页面以便让大多数浏览器都能正常显示你的页面。我也如此!我觉得不爽,而且很累。我最后想说的是——我恨死这种工作了!
为什么不能让劝说浏览者换个浏览器呢?!这个插件就是用来干这个的,它会自动判断浏览者的浏览器,并且列出其他浏览器的优缺点,推荐浏览者使用某个其他的浏览器。
<div id="hcalendar-Wrote-a-Letter-about-Microformat" class="vevent"> <a href="http://pagetalks.com/" class="url"><abbr title="2008-09-05T18:47+08:0000" class="dtstart">September 5, 2008 6:47</abbr> – <abbr title="2008-09-05T19:10+08:00" class="dtend">7:10pm</abbr> : <span class="summary">Wrote a Letter about Microformat</span> at <span class="location">Workshop</span></a> <div class="description">Seeing too much disscusion about microformat and I wrote some words about microformat. </div> <div class="tags">Tags: <a href="http://eventful.com/events/tags/mircroformat" rel="tag">mircroformat</a><a href="http://eventful.com/events/tags/xhtml" rel="tag"> xhtml</a><a href="http://eventful.com/events/tags/xml" rel="tag"> xml</a></div>
深奥?看仔细点……这简直就是顾弄玄虚啊!不就是XHTML加了一群Class标签么?非也,此乃Microformat……
秉承以人为本,机器为其次的理念,微格式是一套构建于已经广泛接受的标准之上的,简洁、开发的数据格式。
Designed for humans first and machines second, microformats are a set of simple, open data formats built upon existing and widely adopted standards.
官方是如此定义的。如今Microformat已经成为了标准之一,可它就像众多其它标准一样,不为人知。尽管Microformat的技术仅仅是通过定义一套合法、合理的Class属性来进一步“格式化”HTML文档,但如今并没有并广泛使用。除了Yahoo、微软、Goolge的诸多服务中已经应用此项技术,众多网站还未加入这一行列。
Read More
Google要做浏览器了!疯掉了,这个世界疯掉了!这个场景让我们回到之前传言Google要开发手机一样……不过事实表明,只有我们想不到的,没有Google做不到的。事实上英文版的Google Chrome已经在今天发布了。
从界面来看,我们设计了一个简单而高效的浏览器窗口。对大多数人来说,浏览器本身并不重要,它只是一个能够运行互联网网页、网站和网络应用等重要程序的工具。正如谷歌的经典主页,谷歌浏览器延续了简洁、快速的设计理念,帮助用户快速准确地到达目的地。
从根本上讲,我们提供了一个能更好地支持各种复杂网络应用的浏览器基础平台。通过让每一个标签相互独立开来,从而避免了两个标签页产生冲突的可能,同时面对来自恶意网站的攻击,谷歌浏览器提供了更好的保护。我们提高了浏览器整体上的速度和响应度。我们还建立了一个更强大的 JavaScript 引擎 V8,以便为下一代网络应用技术提供支持,这些网络应用在目前的浏览器上几乎不可能实现。
Google的官方如是说,对广大用户来说,算是又多了一个简洁、快速的浏览器。(相信会和Google服务无缝链接)
对于开发者来说,JS V8的支持是一个亮点(不过现在JS V8过于前沿?)。必须注意的是,Google Chrome是基于Webkit的浏览器,我们能够大胆猜测,在Safari下能够测试通过的网页,在Google Chrome也应该没问题,希望……
Google有特地强调安全机制方面问题,我不知道会不会造成脚本和各种嵌入元素的安全特性造成改变。种种猜测,希望在正式版发布之后给我们一个答复吧!
更多消息请到Google 黑板报,以及Google的官方宣传漫画!
Google is beginning to develop its own brwoser. Crazy, huh? This remind us of the familiar situation when rumor saying that Google was creating its own cell-phone. It turns out that there is nothing Google can’t create, just something you can’t imagine. In fact, Google has released a Google Chrome beta today.
On the surface, we designed a browser window that is streamlined and simple. To most people, it isn’t the browser that matters. It’s only a tool to run the important stuff — the pages, sites and applications that make up the web. Like the classic Google homepage, Google Chrome is clean and fast. It gets out of your way and gets you where you want to go.
Under the hood, we were able to build the foundation of a browser that runs today’s complex web applications much better. By keeping each tab in an isolated “sandbox”, we were able to prevent one tab from crashing another and provide improved protection from rogue sites. We improved speed and responsiveness across the board. We also built a more powerful JavaScript engine, V8, to power the next generation of web applications that aren’t even possible in today’s browsers.
As Google explains, for most end-users, they have one more choice of brower which is undoubtly clear, fast. (We believe that all Google Service will connect to Google Chrome seamlessly).
For all developers, JS V8 is not a highlight ( but a little remote application?) We should note that Google Chrome is based on Webkit. Therefore we can predict that the websites working well in Safari will act perfectly in Google Chrome as well. (Hopefully). Google has emphasized on the security issues, which makes me thinking whether this means a lot some changes the way scripts and embedded elements work.Hope we will get answers in the finnal release.
For more info refer to Official Google Blog: A fresh take on the browser and an offcial comics.
目前CSS难以实现的一项功能是旧式垂直居中。也许CSS3的到来可以解决这个问题,不过我相信在长期一段时间内IE是不可能支持CSS3的。目前有两种方法解决垂直对齐的方法。
第一种办法就是用一个DIV来做“垫底”,把装载内容的DIV推到水平的中央。下面的示例中,ID为wrap的DIV内为主要内容,ID为shim的DIV是“垫底”的……
It’s hard to vertical align the DIV in the current CSS. CSS3 might solve proble, but CSS3 is a remote hope. There are two ways to make it.
The first one is to use a DIV as the supporter, pulling the content DIV to the vertical-center. As in the example, the DIV with ID wrap is main content, while the DIV with ID shim acts as Supporter.