三月的蚁穴

Web前端文章分享 [2008-07-17]

Thu, 17 Jul 2008 00:00:00 +0800

Firebuggin'
I've got a mini-announcement. Starting this week about half of my time at Mozilla is going to be spent driving the direction of the brand-new Mozilla Firebug team. I'm, understandably, quite excited about this proposition. Like all web developers I..
with与闭包的“等同性”
function abc() { var aArr = new Array('button_1', 'button_2', 'button_3'); for (var i=0; i<3; i++) { with({i:i}) document.getElementById(aArr[i]).onclick= funct..

Web前端文章分享 [2008-07-15]

Tue, 15 Jul 2008 00:00:00 +0800

Smart CSS Ain’t Always Sexy CSS
The web industry has never been short of zealots. Since the age of the spacer-gif, there have always been designers ready to fight for their preferred technique—and none more so than CSS nerds. If you’ve ever agonized over finding the perfect sem..

Web前端文章分享 [2008-07-14]

Mon, 14 Jul 2008 00:00:00 +0800

Thoughts Dump: CSS Selectors
Rapid fire thoughts on CSS selectors: WebKit added support for CSS variables (already cheating as this is not about selectors). What are CSS variables? Something Daniel and Dave specified this year. How does it …

Web前端文章分享 [2008-07-13]

Sun, 13 Jul 2008 00:00:00 +0800

HTML 5 data- Attributes
A new feature being introduced in HTML 5 is the addition of custom data attributes. This is a, seemingly, bizarre addition to the specification - but actually provides a number of useful benefits. Simply, the specification for custom data attribut..

Web前端文章分享 [2008-07-12]

Sat, 12 Jul 2008 00:00:00 +0800

Improved Flash indexing
Written by Ron Adler, Janis Stipins, and Maile OhyeWe've received numerous requests to improve our indexing of Adobe Flash files. Today, Ron Adler and Janis Stipins—software engineers on our indexing team—will provide us with more in-depth inform..

Web前端文章分享 [2008-07-09]

Wed, 09 Jul 2008 00:00:00 +0800

HTML or XHTML: Does It Really Matter?
Eight years on, is HTML stuck in a rut? James looks at the underlying causes of its eight-year sleep, dispels some myths, and considers the XHTML options open to the standards-aware developer in the meantime.
The Difference Between ID and Class
ID’s and Classes are “hooks” We need to ways to describe content in an HTML/XHTML document. The basic elements like <h1>, <p> and <ul> will often do the job, but our basic set of tags doesn’t cover every possible type of page ..

Web前端文章分享 [2008-07-08]

Tue, 08 Jul 2008 00:00:00 +0800

Yes, You Can Use HTML 5
For those who weren’t aware of that so far, you can already use HTML 5: Just use <!DOCTYPE html> as your HTML documents’ document type …

Web前端文章分享 [2008-07-04]

Fri, 04 Jul 2008 00:00:00 +0800

Mastering the UNIX Command Line: A Beginner's Guide
Do you ever wonder where your web creation went when it grew up and moved out of home? In the first part of our series on UNIX operating systems, Chris reveals some of the mysteries of how it all works -- you owe it to your web site to know this st..
Graded Browser Support Update
Updated July 8th: The chart below has been corrected to include Safari 3.1, replacing Safari 3.0. This post announces an update to Graded Browser Support. The GBS page on the YUI site always has the most current information. This post includes ..

Web前端文章分享 [2008-07-03]

Thu, 03 Jul 2008 00:00:00 +0800

如何跨浏览器使用连续字符的换行
由于连续的字符（字母、符号、数字）在默认情况下是不换行的，可能会破坏整个界面布局。那如何解决这个问题呢？在 IE 和 Safari 1.3+ 下相对比较容易解决，使用 CSS 属性 word-wrap: break-word;。有朋友会问为什么不是使用 word-break:break-all; ，因为有一个特殊..
55 Free High Quality Icon Sets
We love free icons. We love to smash things. And we respect hard-working designers. Therefore we are regularly looking for talented artists and creative designers and we are glad to support them by showcasing their work in our magazine. If you are ..
IE8 Security Part IV: The XSS Filter
Hi, I'm David Ross, Security Software Engineer on the SWI team. I’m proud to be doing this guest post on the IE blog today to show off some of the collaborative work SWI is doing with the Internet Explorer team. Today we are releasing some detai..

Web前端文章分享 [2008-07-01]

Tue, 01 Jul 2008 00:00:00 +0800

text-overflow: ellipsis for firefox
Firefox still does not implement the proposed CSS3 text-overflow property. It does however provide a similar behaviour for the XUL description element. Furthermore, it does support XBL bindings through CSS. This leads to the following solution: ..
Powering a Web Revolution
Like every web developer I've spent a lot of time using the Firebug extension to Firefox in my day-to-day development. I've found it interesting to see how my development methodologies have changed with access to that tool. Unsurprisingly, my pers..
Next Generation Javascripting
Computer programs lost something important when displaying a splash of color stopped being one line of code. To throw a phosphorescent splotch onto the display on the Apple II required simply “plot x,y”. That’s no longer true today. When the sim..

Web前端文章分享 [2008-06-30]

Mon, 30 Jun 2008 00:00:00 +0800

All About Floats
What is “Float”? Float is a CSS positioning property. If you are familiar with print design, you can think of it like an image in a layout where the text wraps around it as necessary. In web design, an image that is floated remains a part of th..

Web前端文章分享 [2008-06-28]

Sat, 28 Jun 2008 00:00:00 +0800

Evolution of Gmail chat
Nika Smith, User ExperienceOften, the features we launch seem so simple that you might think they're the result of blatantly obvious design decisions. In fact, every feature is subjected to a healthy dose of scrutiny within the Gmail team, and usua..

Web前端文章分享 [2008-06-26]

Thu, 26 Jun 2008 00:00:00 +0800

Getting Out of Binding Situations in JavaScript
Every wonder who you really are? Congratulations! You have a lot in common with JavaScript. Learn once and for all how to train your JavaScript to remember who it is and what it's doing. Hide Your Shame: The A List Apart Store and T-Shirt Empori..

Web前端文章分享 [2008-06-25]

Wed, 25 Jun 2008 00:00:00 +0800

Building Your Own Widget Library with YUI
The Yahoo! User Interface Library (YUI) has an ample assortment of components. Nevertheless, there will be always some functionality you want that a library like YUI hasn’t anticipated or hasn’t built yet. Sometimes you just want a subset of th..

Web前端文章分享 [2008-06-24]

Tue, 24 Jun 2008 00:00:00 +0800

Web 前端优化最佳实践之 Server 篇
作者：Fenng 发布在 dbanotes.net. | 转载文章是对互联网的伤害 Web 前端优化最佳实践第二部分面向 Server 。目前共计有 6 条实践规则。【注，这最多算技术笔记，查看最原始内容，还请访问：Exceptional Performance : Best Practices for Speeding Up Your Web Sit..
Securing Cross Site XMLHttpRequest
As I mentioned in my post on Cross Document Messaging, client side cross domain request is an important area of interest for AJAX developers looking for ways to avoid expensive server side proxying calls. While Cross Document Messaging is useful fo..
Latest Webkit nightlies now support CSS Variables
Dave Hyatt informs us that the latest Webkit nightlies now support an experimental implementation of CSS Variables. The news comes only days after Daniel announced on his blog that he and Dave were in the process of finalizing a new version of the ..

Web前端文章分享 [2008-06-22]

Sun, 22 Jun 2008 00:00:00 +0800

设计师的SEO指南
原文作者：Web Designer Wall原文链接：SEO Guide for Designers译者：水明生我所做的一个调查显示，只有刚刚超过十分之一的人不认为SEO（搜索引擎优化）是设计师的职责所在，但更让我惊讶的是居然有24%的人不知道SEO为何物！如果你也不知道SEO是啥或它如何帮助你，..

Web前端文章分享 [2008-06-21]

Sat, 21 Jun 2008 00:00:00 +0800

Evolution of Gmail chat
Nika Smith, User ExperienceOften, the features we launch seem so simple that you might think they're the result of blatantly obvious design decisions. In fact, every feature is subjected to a healthy dose of scrutiny within the Gmail team, and usua..

Web前端文章分享 [2008-06-20]

Fri, 20 Jun 2008 00:00:00 +0800

IE里关于CSS的优先级的bug（一）
CSS优先级的知识大家应该都比较了解了（如果不了解可以参看《详解CSS的优先权》）。但是，注意哦，这只是W3C的CSS2.1规范自己声称的。而事实上，确实有“极少数的浏览器”并不一定按照这个规则来办。这个“极少数浏览器”我就不点名了哈。今天介绍一个最简单的。 di..
Smashing Royal Icon Set
If you have been following Smashing Magazine for a while you know that we love high-quality freebies. Over the last years we’ve featured a number of designers and developers who released their work for free — among other things we presented high-..

Web前端文章分享 [2008-06-19]

Thu, 19 Jun 2008 00:00:00 +0800

Internet Explorer Extinct By 2013?
Microsoft should consider this a forewarning — if the trend of the past three years continues, not one person who visits sitepoint.com will be using Internet Explorer by 2013. With all of the buzz about new Firefox this and Opera that, I thought I..

Web前端文章分享 [2008-06-18]

Wed, 18 Jun 2008 00:00:00 +0800

IE 送给 Mozilla 一个大蛋糕当礼物
Filed under: 互联网络谁说死敌间不能偶尔展现一下对对方的敬重？继续从 FF2 推出时留下来的传统，IE 团队在 FF3 正式上路的今天送给 Mozilla 团队一颗 IE 图样的大蛋糕。喔对了，这颗蛋糕不是个谎言！ Continue reading IE 送给 Mozilla 一个大蛋糕当礼物Read | P..

Web前端文章分享 [2008-06-17]

Tue, 17 Jun 2008 00:00:00 +0800

In-browser Development Tools: Firebug Still King
At the start of this year, I sat down to write the “Errors and Debugging” chapter of Simply JavaScript. I cracked my fingers, dove into the landscape of JavaScript debugging tools, and emerged very disappointed several hours later. At the time, F..

Web前端文章分享 [2008-06-16]

Mon, 16 Jun 2008 00:00:00 +0800

When Validation Becomes Unimportant
Validation becomes unimportant once you’re ahead of the game, and not a second earlier. Even then, truly mastering HTML and CSS, it will usually be best to stick with valid markup and styling, but fighting latency might then mean a by all means le..

Web前端文章分享 [2008-06-15]

Sun, 15 Jun 2008 00:00:00 +0800

大家都对vertical-align的各说各话
最近几天仔细研究了一下vertical-align这个属性，结果让我大吃一惊，这个很“资深”的CSS标准竟然在各个浏览器里面的表现都各不相同。 vertical-align的值有点多，包括 baseline sub supper top text-top bottom text-bottom middle以及各种长度值（%，em，ex..
Firefox developers accelerate CSS implementation
Firefox 3 isn’t quite out yet, but already there are some exciting plans for CSS implementation in future versions. FF3.1 should see all the selectors (test them here), @media queries, text-shadow, font-stretch, and downloadable web fonts with @fo..

Web前端文章分享 [2008-06-14]

Sat, 14 Jun 2008 00:00:00 +0800

Sketching in Code: the Magic of Prototyping
The rise of Ajax and rich internet applications has thrown the limitations of traditional wireframing into painful relief. When you leave the world of page-based interactions, how do you document all but the simplest interactions? Flowcharts and di..

Web前端文章分享 [2008-06-12]

Thu, 12 Jun 2008 00:00:00 +0800

Faux Absolute Positioning
CSS layout is awesome, except when your layout calls for a header, a footer, and columns in between. Use float, and content changes can cause columns to wrap. Use absolute positioning, and your footer can crash into your columns. Add the complexity..

Web前端文章分享 [2008-06-11]

Wed, 11 Jun 2008 00:00:00 +0800

设计者的框架
原文作者：JEFF CROFT原文链接：Frameworks For Designers译者：e6nian 为设计师准备的框架 by JEFF CROFT 现如今“框架”这个专业词在web开发领域非常流行。类似YUI、JQuery和Prototype等JS框架获得了许多关注，而Rails和Django等web开发框架的则得到了..

Web前端文章分享 [2008-06-10]

Tue, 10 Jun 2008 00:00:00 +0800

Trivial JavaScript
I've been chatting with the Free Software Foundation and they've posed a tricky question: What is trivial JavaScript? - or - What is not trivial JavaScript? It seems like an especially hard question to answer - especially without using subjective ..

Web前端文章分享 [2008-06-09]

Mon, 09 Jun 2008 00:00:00 +0800

jQuery UI v1.5 Released, Focus on Consistent API and Effects
We recently discovered an issue with the download builder which caused it to serve cached 1.5rc1 files instead of the final package. We sincerely apologize for the inconvienience caused by this and strongly suggest to download jQuery UI 1.5 again ..

Web前端文章分享 [2008-06-08]

Sun, 08 Jun 2008 00:00:00 +0800

让用户爽了之后呢？
奴隶，是一个让用户可以发泄男女挑逗的功能；结果呢，用户可能是爽了，网站可能就不爽了，增加了一大堆很无里头的信息要维护，然后这个功能还得开着，去维护，去想办法保持更新。人品测试，是一个让用户发泄人品褒贬的功能；结果呢，用户可能是爽..

Web前端文章分享 [2008-06-07]

Sat, 07 Jun 2008 00:00:00 +0800

下一代 web：浏览器存储支持
原文作者：Nik Cubrilovic原文链接：The Next-Gen Web: Browser Storage Support译者：净空无道下一代的 web 已经开始上路了，就在这个星期，MySpace 集成了 Google Gears，雅虎发布了新的 BrowserPlus，Google 的浏览器版三维地球也上线了。类似 AIR、Silverlight、..

Web前端文章分享 [2008-06-05]

Thu, 05 Jun 2008 00:00:00 +0800

Web Design: 10 Additional Research Findings You Should Know
Following up on last year’s post on web design research, here’s a new collection of research results, this time featuring further reading as well. It happens that I still watch the work of Association for Computing Machinery, Human Factors Intern..

Web前端文章分享 [2008-06-04]

Wed, 04 Jun 2008 00:00:00 +0800

jQuery 1.2.6: Events 100% faster
jQuery 1.2.6 is primarily a bug fix release for jQuery 1.2. You can view the full list of what was fixed on the bug tracker. This is the next release immediately following jQuery 1.2.3. Releases 1.2.4 and 1.2.5 were skipped (1.2.4 was built incorre..

Web前端文章分享 [2008-06-03]

Tue, 03 Jun 2008 00:00:00 +0800

Yahoo! Design Stencil Kit
If you are working on a project you probably want to have a quick mock-up so the business can easily understand how a web application will look. Well, Yahoo! has just made it easier to do so with their new Design Stencil Kit. Stencils kits are avai..

Web前端文章分享 [2008-06-01]

Sun, 01 Jun 2008 00:00:00 +0800

先学会为自己做设计
记得有一期ucdchina书友会里面，聊过一次大家的工作习惯问题，现在回想起来很有意思，特整理这篇文章分享给大家。关于photoshop 1 经常用photoshop的朋友不知道有没有遇到这样的情况，photoshop工具栏顶部有个adobe网站的链接，在使用photoshop的时候，经常会误点，..
Optional Tags in HTML 4
For convenience and in order to allow for additional bits or bytes being saved in your markup, here’s a list of all optional tags according to the HTML 4.01 Strict DTD. Finally …

Web前端文章分享 [2008-05-31]

Sat, 31 May 2008 00:00:00 +0800

Saving the Spark: Developing Creative Ideas
Ideas are at the heart of every creative process. However, coming up with them can be hard work. Mark Boulton arms us with tools to meet this challenge. Hide Your Shame: The A List Apart Store and T-Shirt Emporium is back. Hot new designs! Old f..

Web前端文章分享 [2008-05-30]

Fri, 30 May 2008 00:00:00 +0800

Writing an Interface Style Guide
Ever designed or developed a beautiful interface only to find your hard work ruined months later by gaudy graphics or invalid markup? With proper documentation you'll have a better chance at seeing your interface stay beautiful. Jina Bolton guides ..

Web前端文章分享 [2008-05-29]

Thu, 29 May 2008 00:00:00 +0800

Adobe Fireworks CS4 beta released
Adobe have made the new Fireworks CS4 beta download available, and the good news is anyone with Fireworks CS3 — either standalone or as part of the web suites — can take it for a spin. You’ll need to have an account at Adobe and login. You’ll..

Web前端文章分享 [2008-05-28]

Wed, 28 May 2008 00:00:00 +0800

Ajax security tools
Certain vulnerabilities within Ajax applications can allow malicious hackers to reek havoc with your applications. Identity theft, unprotected access to sensitive information, browser crashes, defacement of Web applications, and Denial of Service a..

Web前端文章分享 [2008-05-27]

Tue, 27 May 2008 00:00:00 +0800

Announcing AJAX Libraries API: Speed up your Ajax apps with Google’s infrastructure
I just got to announce the Google AJAX Libraries API which exists to make Ajax applications that use popular frameworks such as Prototype, Script.aculo.us, jQuery, Dojo, and MooTools faster and easier for developers. Whenever I wrote an applicat..

Web前端文章分享 [2008-05-26]

Mon, 26 May 2008 00:00:00 +0800

图片垂直居中的使用技巧
在曾经的淘宝UED 招聘中有这样一道题目： “使用纯CSS实现未知尺寸的图片(但高宽都小于200px)在200px的正方形容器中水平和垂直居中。” 当然出题并不是随意，而是有其现实的原因，垂直居中是淘宝工作中最常遇到的一个问题，很有代表性。题目的难点在于两点：垂..

Web前端文章分享 [2008-05-23]

Fri, 23 May 2008 00:00:00 +0800

Providing script configuration in-line and programatically
One of the things I’ve been quite consistent and pushy about when writing code is to separate out all the things that should be customizable into an own configuration object. A normal script I write these days would look like this: var module =..
postMessage API Changes
It's been a little while since I last wrote about Cross-Window Messaging in Firefox 3 using postMessage and since that time it's since a few API updates. Specifically the postMessage API has become much simpler and has stronger security brought in..

Web前端文章分享 [2008-05-22]

Thu, 22 May 2008 00:00:00 +0800

Two Hidden Features New in Firefox 3
Firefox 3 Release Candidate 1 was revealed to the world last week, which means the final release is only about a month away. If you haven’t yet checked that your site works smoothly in the new browser, now’s the time! A few (understandably) angry..

Web前端文章分享 [2008-05-21]

Wed, 21 May 2008 00:00:00 +0800

Implement Semantic Web standards in your Web site
With Yahoo's recent announcement that they will implement support of Semantic Web standards in their search engine, the benefits that the Semantic Web has for your site have never been clearer. In addition to the existing benefits such ..

Web前端文章分享 [2008-03-23]

Sun, 23 Mar 2008 00:00:00 +0800

牛B的正则表达式：素数判定与线性方程求解
今天又学到一个牛B东西。你相信吗？正则表达式竟然可以用来判定素数，甚至可以用来解方程！下面这段正则表达式可以用来判断，一个字符串的长度是否为合数（假设这个字符串里全是字符'1'）：^1?$|^(11+?)\1+$ 不信的话，把下面这段代码复制到你..