Selector Shell
http://selector-shell.appspot.com/

It "is a browser-based tool for testing what CSS becomes in different browsers. It works by taking some raw text, inserting a dynamic STYLE element into the HEAD with that raw text as its content, and then reading the CSSOM to see what the browser has parsed it into. It is written in Javascript."

ブラウザが解釈しているCSSがわかる「Selector Shell」

各種ブラウザで「Test It」してみればどんなCSSが利いているかが一目瞭然！

See how your browser is interpreting CSS code.

OperaTor is a portable software bundle which allows you to browse the web anonymously. It combines the power of the Opera Browser, Tor and Polipo.

Opera + Tor. Surf anonymously | Arche Twist

config.trim_on_minimize

A webkit plugin to prevent the automatic loading of Flash movies in your browser.

WebKit plug-in to prevent automatic loading of Adobe Flash content.

WebKit plug-in to prevent automatic loading of Adobe Flash content.

Safari plugin to prevent automatic loading of flash content.

WebKit plug-in to prevent automatic loading of Adobe Flash content.

To block flash from automatically loading

"WebKit plug-in to prevent automatic loading of Adobe Flash content."

webkit / safari plug-in to block automatic loading of flash contents

Browser detection with XSLT.

an interesting way to handle css conditionals

Only load flash on when you want it. For Webkit.

WebKit plug-in to prevent automatic loading of Adobe Flash content.

WebKit plug-in to prevent automatic loading of Adobe Flash content

This was mentioned on Daring Fireball today. Nice! Keeps flash from loading until you click on it.

Prevent loading of Adobe Flash content until you want it and speed up your browser in the process.

20+ Great Twitter Tools for Firefox

People love Twitter, and they love Firefox, so it only seems natural that there would be quite a few tools to merge these two items.

I gave a talk last week at Yahoo (at the request of the YUI team) all about the DOM. I outlined some of the reasons why the current situation is such a mess, outline some strategies for working around it, and then give some examples of real world code that's being implemented in libraries today.

Safe window sizes for browsers and computer operating systems.

autopagerizeが効かなくなったときの対処

これで直った。

greasemonkey の autopagerize のトラブルシューティング

var SITEINFO_IMPORT_URLS = [ 'http://wedata.net/databases/AutoPagerize/items.json', 'http://ss-o.net/databases/AutoPagerize/items.json', ]

přehled chyb google chrome

Just when you thought you were done with IE 6 and its hacks and exceptions, now you've got a new browser to consider: Google's Chrome. The good news is that

Here are some tips to get your web pages working in Chrome and hopefully looking the way they were designed to look.

No, but it does have problems all of its own!

Getting around some of the weirdness that Chrome brings to the table. Like Opera, Chrome is unusually unforgiving when it comes to HTML, CSS, and javascript

Twitlet is a javascript bookmarklet for fast updating your Twitter (microblogging service) status.

Now there is an easier way of posting webpages with Twitlet. Simply use words #link or #this to include current page’s URL in your tweet.

Gyors posztolás Twitterre a böngészőből.

Compatibility tables for features in HTML5, CSS3, SVG and other upcoming web technologies.

"Compatibility tables for features in HTML5, CSS3, SVG and other upcoming web technologies" (This page lists several advanced web features, like data URIs, for instance, and offers recommendations on when it may be safe to use them.)

Bespin is a Mozilla Labs experiment that proposes an open, extensible web-based framework for code editing that aims to increase developer productivity, enable compelling user experiences, and promote the use of open standards.

おお、まじか。

これは便利。JavaScriptで使用可能なブラウザ判別スクリプト。IE用。

via swissmiss

Comprehensive listing of support for upcoming web features by the five major browsers.

IE、Firefox、Safari、Chrome、Operaの主要ブラウザの各バージョンでの各種ウェブテクノロジーのサポート状況の一覧表

Run any browser from the web

Run IE8/7/6, Firefox, Safari, Chrome, and Opera from the web

iphone simulatorü

Ein iPhone Browser-Emulator für Windows - zeigt wie eine Website auf dem iPhone gerendert wird

iPhoneシミュレーターだ。マルチ言語対応プログラムになっているかどうかまだ見てないけど。

iPhoneブラウザのエミュレータ

Windows上で、iPhoneブラウザの表示をシミュレート

IPhone Simulator for Windows

browser compability

Video and slides from Feb 2009 presentation at Google on trends in Javascript performance, web applications, making use of higher performance, stateful browser clients.

reads like The not so far Future of the Web. Great.

YSlow

Googleが作ったオンブラウザでx86コードを動かすやつのデビュ

Getting OpenID Into the Browser - O'Reilly Radar - http://radar.oreilly.com/2008/12/getting-openid-into-the-browse.html

Bookmark-Powered Web Discovery

Navegador web para videojuegos

World of Wacraft In Game Browser

John Resig: "The DOM Is a Mess"

Bookmarklet

Bookmarklet para ler páginas ilegíveis

Reading anything on the Internet has become a full-on nightmare. As media outlets attempt to eke out as much advertising revenue as possible, we're left trying to put blinders on to mask away all the insanity that surrounds the content we're trying to read. It's almost like listening to talk radio, except the commercials play during the program in the background. It's a pretty awful experience. Our friend to date has been the trusty "Print View" button. Click it and all the junk goes away. I click it all the time and rarely print. It's really become the "Peace & Quiet" button for many.

A bookmarklet for stripping unnecessary fluff from web pages, and style the text as you want it.

An app that clears away all the clutter, leaving just the content.

After several iterations, false starts, and great conversations with Michael Nielsen, a flash of the obvious came: HTTP + Javascript! What if you could contribute to a computational (Map-Reduce) job by simply pointing your browser to a URL? Surely your social network wouldn't mind opening a background tab to help you crunch a dataset or two!

Article on the Twitter vs. Google debate.

It displays the most recent 5 tweets for the query that you are search for, giving both real-time Twitter search results and Google results on the same page:

During the past few weeks, there has been a lot of discussion about whether Twitter's "real time search" could pose a threat to Google. While I am not sure if Twitter poses a threat to Google, I think it is clear that real-time search is increasingly important. And you can be sure that Google knows it. Will Google try to acquire Twitter, or take some other approach? Time will tell, but rather that wait, I decided to get realtime twitter search results on Google today. I created a Greasemonkey user script that does exactly this. It displays the most recent 5 tweets for the query that you are search for, giving both real-time Twitter search results and Google results on the same page:

We think JavaScript is awesome. We also think browsers are awesome. Indeed, when we talk about them, we say they are the cat's meow – which is an American expression meaning AWESOME. In light of these deeply held beliefs, we created this site to showcase cool experiments for both JavaScript and web browsers. These experiments were created by designers and programmers from around the world. Their work is making the web faster, more fun, and more open – the same spirit in which we built Google Chrome. Naturally, if you've made something fun and fast with JavaScript, please send it in. We can't post everything, but we'd love to see it. Thanks for visiting, and happy experimenting.

Google/Google Chrome推奨、canvas、ショーケース/ゲーム/投稿/デモ、物理演算/3D

JSでｺﾞﾆｮｺﾞﾆｮ。

javascriptでいろいろできる例

Reports of broken sites are an important part of the feedback the IE team receives from the community. When we receive a report of a broken site, we take it and identify the core issue causing the problem. A number of these issues end up being side effects

ie8兼容

Reports of broken sites are an important part of the feedback the IE team receives from the community. When we receive a report of a broken site, we take it and identify the core issue causing the problem. A number of these issues end up being side effects of changes we deliberately made in IE8, but even these are useful. They help us identify which IE8 changes have the broadest compatibility impact. In this post I'll share some of these issues with you so you can quickly identify problems affecting your site when migrating from IE7 to IE8.

^^ this

Bring Down IE 6

a campaign by .net magazine

WOOHOOOOOO

AjaXplorer is an easy-to-install file explorer for remotely managing files on a web server. Its “rich client” layout and actions make it accessible to any end-user for a variety of purposes: file management/sharing, photo gallery, code browsing, etc. Only PHP (4 or 5) is necessary, no database needed.

AjaXplorer is a free ajax file manager

omg fantastic

-ms-interpolation-mode: bicubic;

Browser Ball attempts, with only moderate success, to allow the configuration of a seemingly endless array of continuous spaces using multiple overlapping browser windows. Within this multivariate space, users are invited to toss a beach ball both hither and yon. If this sounds like a ridiculous use of everyone's time, that's only because it is.

Statistiken Browser, Search Engines, Mobile, ...

"While working on this site, I made jokes to Mike Yuan about having really confrontational splash pages for anybody that visited the site using IE6. I swear, I’m not this much of a dick to my users, but as a former PC user/Xbox owner, I have enough pent up MS-Hate to fill a fucking water tower. Just remember it’s completely a joke, I don’t care what browser you use as long as you don’t expect me to support it. Thanks for stopping by, hope you laughed."

Just might be a good idea

Help rid the world of IE6 with one line of javascript!

IE6をIE7として動作させるJavaScript

With this code installed, a user with IE6 will receive a dialogue box that tells them their browser is outdated and how to get a newer version.

TabRenamizer and Page Title Eraser - Do your tabs give you away? Why not change their names with TabRenamizer or remove the names all together with Page Title Eraser? Both these addons let you play with the tab titles so that you can change them according to your will.

In this article I am going to tell you how to decrease firefox memory usage and increase firefox speed. This article of mine has two parts. So, follow each part to the end to make your Firefox Faster and Reduce your Firefox Memory Usage:

Mempercepat firefox

If I couold be bothered...

understand my meaning better I have taken picture of my deskto

config.trim_on_minimize

about:config

Alkaline tests your website designs across 17 different Windows browsers right from your Mac desktop in seconds.

Alkaline - Litmus - http://litmusapp.com/alkaline/

mac アプリケーション

17 Windows browsers on your Mac.

人文とは人間が活字を文章として廃絶する人糞。読み返しては加筆・修正を繰り返し日々進化する“βログ”。連想用日本風土派生図に基づき、政治・経済・メディアから様々な戦略や策略を読み解き、チラシの裏に真剣に書き記す。

C:\Documents and Settings\<User Name>\Application Data\Mozilla\Firefox\Profiles\<Random>.default

こんな方法があるという。

urlclassifier3.sqliteに注意！

urlclassifier3.sqlite を消すとか。

Install Multiple Versions of Internet Explorer Multiple versions of IE can be installed on a single PC. Standalone versions of IE6 (and any version back to v3.0) can be downloaded from the evolt.org browser archive. XP users can simply extract the files and create a shortcut to iexpore.exe. Unfortunately, they do not work in Vista. An alternative is the Xenocode Browser Sandbox which provides IE6, IE7, IE8, Firefox 2, Firefox 3, Chrome, Opera and Safari. These are single .exe files that use virtualization technology to ensure the browser runs in its own segregated environment without affecting your core system. Finally, there is IETester from DebugBar. This is certainly the easiest application

Good article we use some of this stuff. Something to consider

をおこなうべき

The genius behind Google's web browser

Chrome attracted more than 10 million users in its first 100 days. Although that’s an impressive number, it still only translates into about 1 per cent of browser usage online. It will be a while before it can compete with Firefox, Internet Explorer and others. In December last year, Google announced that Chrome was now out of its development, or Beta, phase and is ready to be shipped as a pre-installed browser on some PCs. This could rapidly increase the number of users. Moreover, the European Commission’s antitrust battle with Microsoft over, among other things, how its own browser, Internet Explorer, is integrated into its Windows operating system may give competitors a chance Legislation and market share aside, the technical challenge has been laid down. “Microsoft will have to build something better than V8,” Bak says. Most tech watchers doubt that they will manage to any time soon: in tests, V8 processes JavaScript 56 times faster than the most used version of Internet Explorer.

Woot! Finally a neat and nice rails rdoc!

API Documentation Search facility for Ruby On Rails

IE1…

IE1からって。

awesome.

These days we are inundated with bloated web browsers that overcomplicate our lives. However, there is one eminent exception: IE6. It has been around since 2001 and is still one of the most powerful and versatile browsers available.

You have been mislead by a vocal minority and are using firefox, which is clearly an inferior web browser to IE6. Please switch to IE6 and sign our petition.

Opera's April Fool's joke for 2009, they added "face gestures" to the browser. Similar to mouse gestures, it allows you to navigate the browser by making faces at it. "At the moment soul-patches crashes the browser and it refuses to relaunch, we are looking into this problem. Bushmen beards and emo haircuts are not supported."

this is great - but it costs money.

Life's too short to spend clicking "Next"

PageZipper put broken up pages back together again but it lets you easily navigate sites where image galleries have been broken into dozens of sub-pages

ScreenCastle is a One Click Screencast Recorder and Hoster. You can record and share a screencast directly from your browser without the need to install software or register anywhere.

Para grabar lo que aparece en tu monitor. Online. Permite descargar el vídeo.

ScreenCastle: launch the screencast recorder and record a screencast directly from you browser, please click the button on the right.

An ad blocker for your favorite web browser, including Chrome

Just like it says this is an add blocking program like adblock. This one can be made to work with Google Chrome and IE too though.

An ad blocker for your favorite web browser (like Adblock)

きれいだ

Performance Video

ie6でアクセスするとアラートを出すJS

いいなー

いいね

sage politely informin

he ie6-upgrade-warning is a little script (7.9kb) that displays a warning message politely informing the user to upgrade the browser to a newer version (links to newest IE, Firefox, Opera, Safari, Chrome are provided). The webpage is still visible behind a transparent background, but access to it is prevented. The idea is to force users to upgrade from IE6 and avoid the website from a bad reputation that website is not rendering correctly in IE6. The script is completely translatable in any language, very easy to set-up (one line of code in webpage and one parametter configuration).

Implement in TYPO3

@ Lifehacker.com

If you need to create a simple screencast but don't want the hassle of installing and configuring software, ScreenCastle gets the job done from any Java-enabled web browser.

Some people think that IE6 is dead already. But only developers who have the luxury of a specialist audience, or who don’t have any business interest vested in their work, can think like that. For the rest of us, who have a real-world audience of ordinary, non-technical users to think about, IE6 is still very much a going concern. Now that IE8 is out we’ll see a greater number of users finally upgrading; there’s no doubt that Microsoft wil be pushing for this, and pushing hard. Quite apart from that, we’re seeing a slow but steady progression of users moving away from Internet Explorer altogether, and turning to Firefox and other browsers. Inevitably, there will come a time when IE6 has a sufficiently minor audience that we can treat it like we did Netscape 4 a few years ago — as legacy technology that it no longer behoves us to support, and its remaining users as willfully stubborn individuals whom we’re not required to pander to any longer!

When IE6 is gone, cool new web techniques will be implemented.

Or you could just do them now and avoid the rush later…

"What" ain't no rendering engine I ever heard of! They support CSS3 in "What"?!

Pulp Fiction, as told by browsers

Does it look... like... a box?!

Going forward the performance community needs to partner more with browser vendors in addition to our more typical black box experiments. Browser makers know what is costly or irrelevant in terms of performance. Opera lists repaint and reflow as one of the three main contributors to sluggish JavaScript, so it definitely seems worth a look.

What causes reflows and repaints. These days usually not a big deal on websites targeted at regular PCs, but could be applicable to mobile devices.

"A repaint occurs when changes are made to an elements skin that changes visibility, but do not affect its layout. Examples of this include outline, visibility, or background color. According to Opera, repaint is expensive because the browser must verify the visibility of all other nodes in the DOM tree. A reflow is even more critical to performance because it involves changes that affect the layout of a portion of the page (or the whole page). Reflow of an element causes the subsequent reflow of all child and ancestor elements as well as any elements following it in the DOM."

<draco> http://service.futuremark.com/peacekeeper/index.action interesting concept, but I think their testing methodology is slightly forced/false

Teste de desmpenho de navegadores

The Browser Benchmark by Futuremark Corporation

Find out which is the fastest browser on your system with Peacekeeper, the browser benchmark from Futuremark. Peacekeeper measures browser speed with a wide range of JavaScript tests and displays the results in an easy to understand format.

IE6 Update looks like IE’s Information Bar, but instead of offering your visitors an ActiveX plugin, it offers a browser update.

赤色ってどんだけきらいやねん。

Help kill Internet Explorer 6 IE6 is like an illness that just won’t go away, but we have the medicine. IE6 Update looks like IE’s Information Bar, but instead of offering your visitors an ActiveX plugin, it offers a browser update. Click here to see a demo! - Read the blog post. IE6 Update Install IE6 Update on your website Copy and paste this code before your closing </body> tag: <!--[if IE 6]> <script type="text/javascript"> /*Load jQuery if not already loaded*/ if(typeof jQuery == 'undefined'){ document.write("<script type=\"text/javascript\" src=\"http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js\"></"+"script>"); var __noconflict = true; } var IE6UPDATE_OPTIONS = { icons_path: "http://static.ie6update.com/hosted/ie6update/images/" } </script> <script type="text/javascript" src="http://static.ie6update.com/hosted/ie6update/ie6update.js"></script> <![endif]--> And you're done! OR If you’re a feeling adventurous... Download the Code Buzz on Twitter Already using IE

Install IE6 Update

Trick people into updating IE6 to something far better.

"IE6 Update looks like IE’s Information Bar, but instead of offering your visitors an ActiveX plugin, it offers a browser update."……これはさすがにやり過ぎ感があります。

TestSwarm is still a work in progress but I hope to open up an alpha test by the end of this month. Its construction is very simple. It's a dumb JavaScript client that continually pings a central server looking for more tests to run. The server collects test suites and sends them out to the respective clients.

police quest !!

Sarien.net is the portal for reliving classic Sierra On-Line adventure games, multiplayer, in your browser.

Welcome to Sarien.net, the portal for reliving the classic Sierra On-Line adventure games. With its focus on instant fun and a unique multiplayer experience, Sarien.net hopes to win new gamers' hearts and promote the adventure game genre.

Huh.

by google. Quote: an open-source web API for creating rich, interactive 3D applications in the browser

3D web API for creating rich, interactive 3D applications in the browser

Google Code

Excellent reasons to switch from Firefox. From Webdesigner Depot

Safari actually does support plugins. While the choice is nowhere near as extensive as that of Firefox, there is still a good variety of them to choose from.

These days we have great choices for Web browsers: Internet Explorer, Firefox, Safari, Opera, Chrome and the list goes on. Each browser comes with its own

Kevin: Delicious plugins, bookmarking plugins and ad blockers. It's all here. A good collection of plugins for Apple's Safari browser.

"The information offered on this site provides valuable insight into Internet usage trends. We compile system data from numerous web sites and organize it into reports so you can stay current. We also put the power of market research and statistical analysis in your hands by allowing deep drill-down reporting as well as a powerful filtering system to limit data to only specific browsers, operating systems, search engines and even corporate versus residential usage!"

Statistical analysis and market research of Internet usage trends

各ブラウザや携帯の画面をチェックする。

I wanted to document every browser-specific css selector and style attribute hack I've seen. Plus there's no way to provide stylesheets to only Safari, I believe.

"I wanted to document every browser-specific css selector and style attribute hack I've seen. Plus there's no way to provide stylesheets to only Safari, I believe."

A web design blog from a Toronto based web designer, with articles and tutorials covering practical web design tips and solutions.

1年に 1回は書いているこのネタ、懲りずに私が個人的に日常利用している Firefox アドオン（+ Greasemonkey ユーザースクリプト）を挙げてみました。Firefox 3 対応のアドオンのみを集めています。

FireFoxのアドオンのリンク集

Google Chrome with 3D

april fools joke

Could Firefox compete with Facebook in the social scene? Or could Facebook compete against Firefox in the browser arena?

Firefox doesn't keep track of the number of users it has but Asa Dotzler, Mozilla's director of community development, said today that the company estimates that there are ...

"It's only logical to extrapolate from that analysis that the line between browsers and social networks will become much less clear and the two types of software will very likely compete with each other."

FF Challenge Facebook?

Really liking "Firefox Could Be the Real Facebook Challenger - ReadWriteWeb" ( http://tinyurl.com/czylrw )

There are many web developers that make their custom design using standards XHTML and CSS codes. Nowadays we have many browsers using standards from W3C: Mozilla Firefox, Opera, Safari, Google Chrome. When I develop a website, I find problems with IE6. There are many people that uses IE6 without upgrading to IE7, so, we have to check our website to works also with a non standard browser: Internet Explorer 6.

There are many web developers that make their custom design using standards XHTML and CSS codes. Nowadays we have many browsers using standards from W3C: Mozilla Firefox, Opera, Safari, Google Chrome. When I develop a website, I find problems with IE6. There are many people that uses IE6 without upgrading to IE7, so, we have to check our website to works also with a non standard browser: Internet Explorer 6. Internet Explorer 6 (IE6), not support fully CSS and has a problem loading PNG with Alpha transparency. ie7js There are many CSS tricks to make IE6 compatible with PNG Alpha and other CSS codes, but every webdesigner must spend its time to develop a custom code working only for IE6 and using CSS Conditional Tags. Why spend so many times to develop for IE6? Fortunately, a Javascript Genius, Dean Edwards wrote a script called IE7. This amazing piece of code uses JavaScript to make Internet Explorer 5 and 6 behave like a standards-compliant browser. First of all, you must downl

Webdesign and IE6 incompatibility

AutoPagerize

Prism is an application that lets users split web applications out of their browser and run them directly on their desktop.

Zimbra Desktop uses Prism to deliver millions of messages each

PRISM ADDON ECT

Prism is an application that lets users split web applications out of their browser and run them directly on their desktop

A way to bundle webapps as a clickable desktop app

Access web apps from system taskbar or dock Prism apps run directly on your desktop and can be accessed just like any other application Rock solid web app stability Prism apps run separately from the browser, so they stay upeven if your browser doesn’t System tray icon and dock badges On Windows, the system tray icon can be changed to give information about application

opt out of internet ads

tracking cookie を無効化させる

The 7 Time Saving Firefox Add-Ons To Make Your Lives Easier

よく考えるなこんな方法……。

pre-beta

chromium mac builds

How to write Google Chrome extensions.

Tutorial on creating and launching a Chrome Extension

If you've ever used Firefox you'll appreciate the fact that it's incredibly easy to use and intuitive right out of the box.  This is perhaps one of the key

From Make Use Of: Here are 5 excellent tips to make browsing even smoother and faster on Firefox.

…a keyboard controlled (modal vim-like bindings, or with modifier keys) browser based on Webkit. very minimal interface. No unnecessary interface elements controllable through a FIFO and with external scripts.

…a keyboard controlled (modal vim-like bindings, or with modifier keys) browser based on Webkit. very minimal interface. No unnecessary interface elements controllable through a FIFO and with external scripts. what is not browsing, is not in uzbl. Things like url changing, loading/saving of bookmarks, saving history,.. are handled through external scripts that you write Uzbl keeps it simple, and puts you in charge.

filemanager FTP attraverso il browser

How google sees the future in HTML5, some seldom known facts about the new version of this versatile markup language...

Definitely need to look into this more -- we've done one site with HTML 5 and it looks like more is already out there in the wild than we'd think.

Google doesn't want to repeat that mistake, and as a result, he said, "we're betting big on HTML 5."

"We knew then that the web had won. What was once thought impossible is now commonplace."

Find and review bookmarklets at bmlet.com

How to Download Embedded Flash Files using your Browser

Choose Your Own HTML 5 Adventure

複数ブラウザでの表示をチェックできるサービス

BrowserLab provides web designers exact renderings of their web pages in multiple browsers and operating systems, on demand. BrowserLab is a powerful solution for cross-browser compatibility testing, featuring multiple viewing and comparison tools, as well as customizable preferences. Since BrowserLab is an online service, it can be accessed from virtually any computer connected to the web. Also, Adobe Dreamweaver® CS4 software users have access to additional functionality such as testing local and active content.

QtWeb Internet Browser.Fast,portable,secure & compact browser.Customizable GUI. Privacy features. Qt&WebKit based.

QtWeb is a lightweight, secure and portable browser having some unique UI and privacy features. QtWeb is an open source project based on Nokia's Qt framework (former Trolltech) and Apple's WebKit rendering engine (the same as being used in Apple Safari and Google Chrome).

A new WebKit-based browser for Windows.

Kostenloser, portabler Web Browser mit WebKit Engine.

QtWeb is compact, portable and secure web browser having some unique UI and privacy features. QtWeb is an open source project based on Nokia's Qt framework (former Trolltech) and Apple's WebKit rendering engine (the same as being used in Apple Safari and Google Chrome).

"QtWeb is compact, portable and secure web browser having some unique UI and privacy features. QtWeb is an open source project based on Nokia's Qt framework (former Trolltech) and Apple's WebKit rendering engine (the same as being used in Apple Safari and Google Chrome)."

embedded kiosk

http://www.sitepoint.com/blogs/2009/03/19/microsoft-superpreview- website-tester/website-tester MicrosoftSuperPreview

SitePoint Blogs: News, opinion, and fresh thinking for web developers and designers

Construct a well-fortified space station and mine asteroids.

Smashing Magazine

Many cool things can be done with the next standard for web design

by Smashing Magazine

A nice overview from Smashing Mag about using CSS3 features.

Uses HTML and CSS to determine your browsing history. Slowish but effective.

This is a method of sniffing your browsing history without using Javascript. If you haven't cleaned your browsing history recently, just click "Start Scan" and the system will get to work. If this doesn't shock you, it should: websites are not supposed to see this information. It has potential for anyone, in particular advertisers, to view your history and profile you.

RIPIE6 is the obituary notice of Internet Explorer 6's death.

IE6 Bugs, Problems, Fixes, Solutions, Tips & Tricks, Hints? NO MORE!

Nouveau service du navigateur Internet Opera pour partager facilement des données comme on le fait actuellement sur le web en passant par des services tiers ou en configurant différents serveurs. Pour l'instant, on peut partager des documents, des photos, des notes ou encore de la musique en streaming. On peut également faire un salon de chat privé ou même publier un site Internet. De l'extérieur, chaque service peut être accédé publiquement à partir de n'importe quel navigateur ou avec une protection par mot de passe. Pour les développeurs, il est possible de créer ses propres services de partage pour Opera et on a donc avec Opera Unite une solution intéressante pour partager rapidement des données.

Welcome to Opera Unite

Opera’s big announcement: a developer preview (“labs release”) of their new web-server-in-your-browser feature, Unite. Includes an Opera-hosted proxy to help break through your firewall. The web server can be customised using server-side JavaScript running in an Opera Widget.

OperaUnite - Web browser and Webserver into one?

this seems to be a very nice feature: http://labs.opera.com/news/2009/06/16/

U

mobile ar browser for android

The World’s First Augmented Reality Browser. Layar is a free application on your mobile phone which shows what is around you by displaying real time digital information on top of reality though the camera of your mobile phone.

augmented reality app for android

XRefresh is a browser plugin which will refresh current web page due to file change in selected folders.

XRefresh

really cool tool for web development

Use Jetpack to integrate Digg in Firefox

Mozilla&#039;s new Jetpack project makes it easy to enhance the Firefox web browser by using conventional HTML and JavaScript. In this hands-on tutorial, we introduce you to Jetpack and use it to add a Digg counter to the browser&#039;s statusbar.

Mozilla's new Jetpack project makes it easy to enhance the Firefox web browser by using conventional HTML and JavaScript. In this hands-on tutorial, we introduce you to Jetpack and use it to add a Digg counter to the browser's statusbar.

Jump to: Page Content, Site Navigation, Site Search, Site Map

the "IE8: Get the facts" link is damn funny. Comments and tags for this link on delicious is just as entertaining.

THEY NEED TO ADD DRINKABILITY

HA!

Great tool to find out tech information and send to IT, project manager or developer when you have problems viewing web based content.

Get tech support info like OS/Browser versions, flash player details, javascript settings, etc.

z-index is probably the CSS property that is more speedily abandoned than any other. Very often — when I previously didn’t understand z-index — I would try to apply it to an element, hoping that the element would automatically “jump” to the top in the page’s stacking order.

Most CSS properties that a web developer deals with regularly are instantaneous in their application to elements on the page. For example, when you add the background-color or font-size property to an element on your page, in most cases you will see the results immediately upon page refresh. But other CSS properties are not quite as “plug and play” as we would like. The z-index property is one example of the latter. I would venture to guess that z-index is probably the CSS property that is more speedily abandoned than any other. Very often — when I previously didn’t understand z-index — I would try to apply it to an element, hoping that the element would automatically “jump” to the top in the page’s stacking order. But that didn’t happen, so I would abandon that method and try some other way to solve the problem. Maybe you’ve had the same experience. Hopefully this article will clear up some misunderstandings regarding z-index.

According to W3schools, “The z-index property sets the stack order of an element. An element with greater stack order is always in front of another element with lower stack order.”

A Detailed Look at the Z-Index CSS Property

The z-index property sets the stack order of an element.

from Please Enjoy - The Work of Ji Lee

what is a browser ? - street survey

50 random people in NY don't know the difference between a browser and Google.

read it

The vast majority of people have no clue what a web browser is. (Ergo, the vast majority of people are quite stupid? I'm tempted to say yes.)

An introduction to Opera Unite

In a nutshell, Opera Unite is a collaborative technology that uses a compact server inside the Opera desktop browser to share data and services. You can write applications — in the form of Opera Unite Services — that use this server to serve content to other Web users.

The font stack builder will help you build a better font stack from scratch, but what if you need a jump start, inspiration, or want to build on tried and trusted CSS font stacks? Start with this selection of pre-built font stacks and customise with your own preferred fonts.

phew. praise be to the universality of javascript.

"In this web site I have collected various JavaScript tests, to display code samples, have them run and check web browser compatibility." (This page tests various advanced JavaScript operators against common browsers.)

A report on compatibility of various JavaScript features & functionality against common web browsers.

recently started using chrome, hmmm

Google Chrome

Milyen az új Chrome?

Problem. You are interested in how the Google Chrome 3.0 Dev, Firefox 3.5 RC, Safari 4.0 for Windows, and Opera 10b web browsers manage memory on the Windows Vista operating system over moderate usage, such as with 150 top web sites. These numbers can be measured but there are complexities involved in measuring memory. Solution. Here we look at a program that simulates a user visiting the top 150 web sites from Alexa from the command line, with visits occurring at short but varying intervals in many tabs.

So firefox is the best. Premature optimisation anyone?

MySpace’s Performance Tracker is a browser plugin that help developers to improve their code performance by capturing and measuring possible bottlenecks on their web pages. MySpace’s Performance Tracker Features * Measure the CPU hit and memory footprint of your pages as they render on the client’s browser * Review screen shots of the page while it renders * Review the rendered HTML on each point of the page’s lifecycle * Measure and show estimates of the time it takes to render each section of the page in different connection speeds * Validate the content of your page against a set of proven “best practice” rules of web development * Review downloaded files and show download time estimation on different bandwidths MySpace’s Performance Tracker currently supports Internet Explorer 6 and up.

IEプラグイン、←YSlow/Google Page Speed、パフォーマンス/高速化/レンダリング

MySpace’s Performance Tracker MySpace’s Performance Tracker is a browser plugin that help developers to improve their code performance by capturing and measuring possible bottlenecks on their web pages. MySpace’s Performance Tracker Features * Measure the CPU hit and memory footprint of your pages as they render on the client’s browser * Review screen shots of the page while it renders * Review the rendered HTML on each point of the page’s lifecycle * Measure and show estimates of the time it takes to render each section of the page in different connection speeds * Validate the content of your page against a set of proven “best practice” rules of web development * Review downloaded files and show download time estimation on different bandwidths MySpace’s Performance Tracker currently supports Internet Explorer 6 and up.

Cause memory leaks love IE?....

Différentes résolutions d’écran

Recurso online para comprobar una web en distintas resoluciones

View websites in multiple resolutions

Check out how your website looks in the most popular resolution formats.

Test website in different resolutions

Watch Firefox 3.5 takeup in real time

「ウィンドウを閉じてもCookieを残しておいてあげたいサイトは、「例外サイト」で許可してあげればOK。」

Version 0.9 is the initial public release of Modernizr. It includes tests for a variety of CSS 3 features and an HTML 5 element styling enabler.

Have you ever wanted to do if-statements in your CSS for the availability of cool features like border-radius? Well, with Modernizr you can accomplish just that!

Modernizr — это небольшая простая Javascript-библиотека, которая поможет получить ответ на вопрос поддерживает ли браузер пользователя такие технологии как: HTML5 Canvas rgba() hsla() border-image border-radius box-shadow Множественные фоновые изображения Прозрачность CSS-анимацию Столбцы Градиенты Отражения CSS-трансформацию CSS-перехды

Capture any webpage by adding Aviary.com/ to the beginning of the URL! Plus a Firefox add-on which does da same.

soort printscreen functie: maakt een kopie van een website

Distributed Continuous Integration for JavaScript

TestSwarm is a way for distributing JavaScript test suites to many browsers on many platforms - so you can get your results in a distributed manner.

JPC is the fast pure Java™ x86 PC emulator Use JPC to boot virtual computers right here in your browser....

JPC is the fast pure Java™ x86 PC emulator Use JPC to boot virtual computers right here in your browser....

"JPC is the fast pure Java™ x86 PC emulator"

O SHIT

RT @parislemon: Yeah. So this just happened: Google Drops A Nuclear Bomb On Microsoft. And It’s Made of Chrome. http://bit.ly/MILxF [from http://twitter.com/vitaminjeff/statuses/2528591770]

Wow. So you know all those whispers about a Google desktop operating system that never seem to go away? You thought they might ...

Mitte nächsten Jahres wird Google ein auf Chrome besierendes Betriebssystem auf dem Markt bringen. Spezialisiert auf Netbooks aber insgesamt, wie Techcrunch es formuliert, ist es der Frontalangriff auf Microsoft. Steht uns eine Revolution bevor??? Mehr bei Techcrunch.

pasado por Fran

Sounds like we need a new approach

Basically, IE6 users are forced to use IE6 at work. Giving them a message saying, “Hey! Upgrade!” in this case is not only pointless; it’s sadistic.

Diggin blogi toteaa tutkimuksensa perusteella, ettei kaksi kolmesta IE6-käyttäjistä yksinkertaisesti voi päivittää. "Giving them a message saying, “Hey! Upgrade!” in this case is not only pointless; it’s sadistic."

July 2009 Survey at Digg shows that over 90% IE6 visitors can't, won't, or are forbidden to upgrade their browser.

<style>*{position:relative}</style><table><input></table>

15+ techniques and tools for cross browser CSS coding

Catswhocode

If you really want to fine-tune your Firefox functionality, you have to roll up your sleeves and tinker with the about:config page. Jack Wallen shares some simple hacks to make Firefox work the way you want.

Search Engine Optimization, or SEO is the process of structuring your web page so that search engines can reach, read and index your page in a higher ranking and finally bring more organic traffic to you. So, who should perform SEO for our websites, the web designers or the bloggers? Obviously, SEO should be done by web designers as well as the bloggers. Why i said so? Web designers should design the page structure so that the page can easily be read and indexed by search engine while the bloggers should make sure the articles contain keywords that can really generate traffic.

Search Engine Optimization, or SEO is the process of structuring your web page so that search engines can reach, read and index your page in a higher ranking and finally bring more organic traffic to you.

iモードブラウザ 2.0まとめ

セッション対応かー

Amen! Anyone who has any influence over corporate IT policies _needs_ to read this.

The second approach is to serve Gecko XHTML. I’ve found this to be the easier approach if you’re either generating a page dynamically using something like PHP, or if you can create your own .htaccess file to make use of mod_rewrite.

HTML5 may be the latest and greatest technology, but some browsers don’t have native support for the new semantic elements. Let’s forget for a minute about the even sexier functionality that the elements can bring, such as full control over the <video> element, and just focus on getting the elements to be rendered. The problematic a-grade browsers are: IE8 and below, and Firefox 2 and Camino 1 (these two browsers use the same rendering engine, which is why they’re both affected).

HTML5 may be the latest and greatest technology, but some browsers don’t have native support for the new semantic elements. Let’s forget for a minute about the even sexier functionality that the elements can bring, such as full control over the <video> element, and just focus on getting the elements to be rendered. The problematic [...]

Solución a HTML5 en IE6

Get Google Chrome dev preview for Mac (not just Chromium!): http://bit.ly/18ieTE [from http://twitter.com/medwardsmusic/statuses/2046219230]

FavBrowser Backup - Windows-verktøy til å ta backup av innstillinger og feks utvidelser i div nettlesere: http://bit.ly/133rn3 [from http://twitter.com/MacGeeky/statuses/2613746685]

FavBackup is a simple solution for you to backup and restore web browser settings and other data on Windows 7/Vista/XP/2000 systems. No installation required. (thanks LC COOL CLARK)

membackup dan memperbaiki kesalahan pada penyettingan web browser anda...

Portable backup utility FavBackup archives your settings, bookmarks, passwords, and more from any of the major browsers. Using the utility is simple—just launch the no-install-required executable and go run through the wizard to backup or restore your browser profiles. The software handles backing up Google Chrome, Internet Explorer, Firefox, Safari, and even Opera—there are still a few restore glitches with IE and Opera, but it's a useful utility worth a look for anybody looking to transfer settings from one machine to another. FavBackup is a free download for Windows only. For more, check out the five best Windows backup tools, the five best file syncing tools, or read about our first look at Windows 7's backup and restore center.

FavBackup permet de sauvegarder tous vos profils navigateurs en quelques clics. Plus besoin de passer par les systèmes d’import/export de vos profils sur chaque navigateur : vous choisissez les données à sauvegarder et FavBackup fait le reste.

YouTube phasing out support for IE6. http://www.hurl.ws/43fy (via @wrumsby) Finally a motivator for corporate IT depts everywhere. [from http://twitter.com/terrencewood/statuses/2639277259]

This is great news. I've already started hearing more and more people feeling comfortable about not supporting ie6

@atoouefeito Calma, isto já está acontecendo! http://migre.me/3LIZ [from http://twitter.com/evertonRR/statuses/2687632137]

YouTube ukinja podporo za IE6! Isto je napovedal tudi Digg (tudi top 10 stran), tako da bi to znalo končno prisiliti preostale IE6 uporabnike da upgradajo.

testing websites with VirtualBox

Pick and choose what music you want to listen to. Create playlists, organize your music, listen online...

got a chuckle out of the sign-in/registration forms at the bottom.

online music streaming

これはおもしろい

Excel 風 2ch

エクセル風の2chビューアー

While Sig.ma is by no mean the first data aggregator for the Semantic Web, its contribution is to show that the sum is really bigger than the single parts and exciting possibilities lie in a holistic approach for automatic semistructured data discovery and consolidation

Live, embeddable information summaries from sites which use RDF, RDFa or Microformats. Use it in your Blog, Tweets or as an API

After years of observation and reverse engineering I am proud to say I have been able to reproduce the IE6 algorithm to break even the most standards-compliant websites. IE6ify!

So sad but oh so true. A great way to explain to a client why IE6 shouldn't be catered for.

After years of observation and reverse engineering I am proud to say I have been able to reproduce the IE6 algorithm to break even the most standards-compliant websites.

Ways to check to see if your website conforms to generally accepted standards of web design

重いFirefoxをなんとかして速くしたい

いろいろなアプリケーションの古いバージョンがダウンロードできるサイト集

d

I like Firefox but it’s not as fast as it used to be. This is a comprehensive, safe guide to optimizing Firefox 3.5 for speedy browsing. For each suggestion,

css3でどんなことができるか

i love those kind of poeple

Later this week we will be shipping the first Release Candidate build of Firefox 3.5, which is currently in the process of being evaluated by our exceptional QA team and testing community. This also means that we are now ready to finalize the design of the new Firefox icon. I want to thank everyone who provided feedback on the icon during the design process. But more importantly I want to thank the new icon’s creator Anthony Piraino from the Iconfactory. He did a great job with the design work, he very quickly adapted iterations as we changed our direction and sent feedback, and he wasn’t the slightest bit fazed by a completely transparent process that designers often find to be a bit uncomfortable.

for mozila icon all sizes

Firefox 3.5のicon、資料作成時に利用。

Campaign site for retiring the old Internet Explorer 6 browser for good.

IE6 No More

Twitter users and the Digg community both rallied behind our battle cry. But now a high-profile group of startups, most funded by the well-known early stage venture firm Y Combinator, have started their own initiative, IE6 No More.

We've made no attempt to hide our belief that Internet Explorer 6 must die. IE6 is an ancient browser that does not support many of the major innovations of

We’ve made no attempt to hide our belief that Internet Explorer 6 must die. IE6 is an ancient browser that does not support many of the major innovations of the last 8 years. Yet it is still used by 15-25% of Internet users – and that fact alone is holding us back from a new area of web applications.

Devo aggiungere una para di questi banner

いつのまにか公式ページできてた

拡張機能版AutoPagerize

がんばってくださいー

home of official greasemonkey, ff ext port ,and the google chrome ext

ページごとに分けられたWebページを自動で読み込み継ぎ足し表示を行うブラウザ拡張です。 AutoPagerizeは様々なWebサイトで利用でき、効率的なWebブラウジングを提供します。 (via http://d.hatena.ne.jp/tanemori/20090802/DailyLink)

More than half of the internet’s top websites use a little known capability of Adobe’s Flash plugin to track users and store information about them, but only four of them mention the so-called Flash Cookies in their privacy policies, UC Berkeley researchers reported Monday.

internet privacy

総まとめ。まさにいま役に立つ

15 Tools for Testing your Website

If you want to have the same experience over multiple browsers and different machines then testing your website is vital. In this article I’ve gathered some of the most important tools that you can use in testing your site against various errors – CSS Errors, HTML Errors, Crossbrowsing Errors etc.

10 plugins safari

Flickr ist die wahrscheinlich beste Online-Fotoplattform der Welt. Präsentieren Sie der ganzen Welt Ihre Lieblingsfotos, zeigen Sie sicher und privat Ihren Freunden und Familienmitgliedern Fotos, oder bloggen Sie die Fotos und Videos, die Sie mit dem Handy aufgenommen haben.

Flickr is almost certainly the best online photo management and sharing application in the world. Show off your favorite photos and videos to the world, securely and privately show content to your friends and family, or blog the photos and videos you take with a cameraphone.

RT @paulnorthup @UltraNurd Heres a little something to help your IE code rage http://bit.ly/15JRjX A-W-E-S-O-M-E! [from http://twitter.com/AdamPieniazek/statuses/2670995834]

And pretty soon, you'll be able to do everything from Silverlight/XAML in CSS3 and HTML5. Wow.

Woah! 3d with CSS.

Fscking cool

Webkit based browsers support CSS 3D transforms. via liammcmurray

"By now, most front-end web developers have heard of the Standalone Internet Explorers (Wikipedia article). Although these are incredibly useful, they’ve always been hacky at best. Because of that, we need to go the long way. We’ll download the “officially sanctioned” VirtualPC images containing a time-limited version of Windows XP SP3 and Internet Explorer 6.0, and then we’ll convert these images to the kind that work with VMware Fusion (which works on Mac OS X). This should only need to be done every 3 or 4 months when the images expire. These instructions are loosely based on the ones found at Running IE6, IE7 and IE8 on your Mac."

I've avoided IE 8 so far, but guess I'll need to give it a whirl soon. Harrumph. (via Tom Taylor)

IE6, 7 and 8 testing images, premade for VMWare Fusion on OSX. Works very well, but they expire on August 31st, when Microsoft will release another set.

Pre-made images of Windows for use with VMWare Fusion. Hooray!

テストケース自動化

These plug-ins are for the blogger who knows exactly what he or she needs to get the job done quick and efficiently. Helping to automate certain tasks is a must when deadlines are looming and with these Firefox add ons you will do just that. This list also serves as a great way for casual bloggers to find new techniques that may turn one into a power blogger.

RequestPolicy Font Finder FireFTP FireShot Dummy Lipsum

IBM's browser as platform project

He replied that customers have been consistently telling them for 1-1.5 years now that they don't want to do installs anymore. Their customers want the rich experience that desktop apps have traditionally provided, but they want to have it in the browser. Collaboration and sharing data is also a trend that IBM is tapping into with Blue Spruce.

Interesting piece about what IBM's Emerging Technology team is up to.

ReadWriteWeb was given an exclusive first look at Blue Spruce.

Apparently, this fix for jumpy video in #firefox works with any general Flash-related jumpiness too...

So here&#039;s the deal. I like having my Gmail always open. (Who doesn&#039;t, right?) It&#039;s literally the first thing I go to in Firefox. But I don&#039;t want it to be my homepage, and frankly, I don&#039;t like the fact I have to always leave a full sized tab open just to keep an eye on my inbox. I am a fan of minimal, yet functional and attractive interfaces.

So here's the deal. I like having my Gmail always open. (Who doesn't, right?) It's literally the first thing I go to in Firefox. But I don't want it to be my homepage, and frankly, I don't like the fact I have to always leave a full sized tab open just to keep an eye on my inbox. I am a fan of minimal, yet functional and attractive interfaces.

Cool!

Listing of good FireFox add-ons

Build Internet!

v swissmiss

Nice overview of web canvas sizes and their audiences

A canvas of websafe browser sizes.

Current statistics of user's screen size laid out in a nice visual representation. Definitely worth checking out.

Shows canvas with pixel size

By http://www.min-style.de

Encuentra el tamaño perfecto para tu website con Web Canvas

Here are 14 fantastic alternative web browsers that are not Internet Explorer 6.

Känner du till alla på den här listan?

http://www.wittgenstein.it/2009/08/01/code-rush/

documentary about Netscape developers and the release of Mozilla

Code Rush, produced in 2000 and broadcast on PBS, is an inside look at living and working in Silicon Valley at the height of the dot-com era.

Documentary about Netscape's release of browser into open source dev community.

doku über netscape. "Code Rush by David Winton is licensed under a CC 3.0 US License. "

Oh man. I remember watching Code Rush on PBS while in college, shortly after it originally aired. As odd as it sounds, it was then that I knew that I really wanted to be a programmer. (Working on real apps, with real users.)

get these

A great group of Bookmarklets that are proving to be very useful

ブラウザにいれておくべき Bookmarklet 20選。All bookmarklets were tested on Firefox 3.5 and Safari 4

Seems like we need the equivalent of an ssh connection with a reverse tunnel. The browser can initiate (and control) the connection, and the web server can ‘touch’ the browser directly.

Web Socket/HTML 5、onopen/onread/onclose、←Opera Unite/Webhooks、最近の一連のブラウザサーバー関連まとめ

Polling architectures, as pervasive as they are today, did not come about due to their efficiency. Whether you are maintaining a popular endpoint (Twitter), or trying to get near real-time news (RSS), neither side benefits from this architecture. Over the years we've built a number of crutches in the form of Cache headers, ETags, accelerators, but none have fundamentally solved the problem - because the client remains 'dumb' the burden is still always on the server. For that reason, it's worth paying attention to some of the technologies which are seeking to reverse this trend: ReverseHTTP & WebSockets.

It feels dirty... but seems like a useful concept

html5の話

アプリケーションキャッシュ, クロスドキュメントメッセージング, Web Workers, Web Storage, Web Database, Web Sockets, Geolocation API など

4 Cool Firefox Tools That Are Not Addons

js-powered css, acid3, etc. browser tests and results

Recent tests 12:13 p.m. Other acid3 100 12:13 p.m. Firefox 3.5 richtext 117/149 12:13 p.m. Firefox 3.5 selectors 99.3% 12:13 p.m. Firefox 3.5 acid3 93 12:13 p.m. Chrome 4.0.206 network 9/11 12:13 p.m. Firefox 3.5 network 9/11 12:12 p.m. Konqueror 4.3 richtext 0/149 12:12 p.m. Konqueror 4.3 selectors 0% 12:12 p.m. Firefox 3.0.14 richtext 117/149 12:11 p.m. Konqueror 4.3 acid3 89 Browserscope is a community-driven project for profiling web browsers. The goals are to foster innovation by tracking browser functionality and to be a resource for web developers. Gathering test results from users "in the wild" is the most important and useful feature of Browserscope - and you can participate!

Browserscope is a community-driven project for profiling web browsers. The goals are to foster innovation by tracking browser functionality and to be a resource for web developers.

Browser Sandbox - Run any browser from the web

ありがとうございます。

A few months ago, I stumbled across Matt Westcott's excellent JSSpeccy. I had seen some pretty imaginative canvas creations, but Javascript emulators? What a perfect idea for a daft new project. I got underway shamelessly porting vNES into Javascript. Although not the most efficient, it didn't have any of the pointer memory mapping magic associated with emulators written in lower level languages. As such, it was more or less a direct port, bar a few tweaks to compensate for the lack of static typing, and obviously a rewrite of all the I/O. I highly recommend you use Google Chrome to play JSNES. Thanks to its high performance canvas element, and a clever optimisation by Connor Dunn, it runs at full speed on modern computers. Mac builds are also available. Otherwise, it just about runs on Firefox 3.5 or Safari 4, but it's hardly playable. The source is available on Github, contributions welcome!

I highly recommend you use Google Chrome to play JSNES. Thanks to its high performance canvas element, and a clever optimisation by Connor Dunn, it runs at full speed on modern computers. Mac builds are also available. Otherwise, it just about runs on Firefox 3.5 or Safari 4, but it's hardly playable.

Maximize Firefox 3.5's Viewing Area for Your Netbook

Your netbook's screen is tiny and processor less than mighty, so you want to maximize the web page viewing area without any performance-killing Firefox extensions. Here's how to consolidate Firefox 3.5's chrome for your Windows or Linux-based netbook.

TestSwarm provides distributed continuous integration testing for JavaScript. It was initially created by John Resig as a tool to support the jQuery project and has since moved to become an official Mozilla Labs project.

Javascript testing framework.

TestSwarm provides distributed continuous integration testing for JavaScript.

Google Chrome Frame is an open source plug-in that seamlessly brings Google Chrome's open web technologies and speedy JavaScript engine to Internet Explorer

Enable open web technologies in Internet Explorer. Google Chrome Frame is an early-stage open source plug-in that seamlessly brings Google Chrome's open web technologies and speedy JavaScript engine to Internet Explorer. With Google Chrome Frame

n

"To start using Google Chrome Frame, all developers need to do is to add a single tag: <meta http-equiv="X-UA-Compatible" content="chrome=1">"

Renders pages as Chrome inside an IE window.

http://blog.chromium.org/2009/09/introducing-google-chrome-frame.html

Expression Web SuperPreview for Internet Explorer is a stand-alone visual debugging tool that makes it faster and easier to migrate your sites from Internet Explorer 6 to Internet Explorer 7 or 8. With Expression Web SuperPreview for Internet Explorer, you can ensure that your Web sites work correctly in Internet Explorer 8 while also maintaining compatibility with earlier versions of Internet Explorer.

Expression Web SuperPreview for Internet Explorer is a visual debugging tool that makes it easier to migrate your web sites from Internet Explorer 6 to Internet Explorer 7 or 8.

SuperPreview for Internet Explorer

"Yes, it’s both hilarious and awesome (or hilariously awesome, if you will) that Google seems to dislike IE so much that it has spent its own time improving it."

Woah! IE6 Hacks be gone? RT @mike9r: New IE plugin from Google plugin puts Chrome's rendering engine INTO IE http://bit.ly/vbQc8 [from http://twitter.com/JohnnyMcNugget/statuses/4297129540]

ll difference is pretty small since Chrome is designed to give resources back to y

People hate IE6; they've made that abundantly clear on the web. Unfortunately, plenty of people are still stuck using it for reasons such ...

GoogleのIEに対する目の敵ぶりが凄まじい。

った。でも、今のところターゲットはIEだけだ。 それは正当な行為だと思える。IEはGoogleの宿敵Microsoftの製品だが、ユーザ数ナンバーワンのWebブラウザであると同時に、Webの標準規格から外れたところの多い問題児だ。IE7からはやや良くなったが、まだほめられたものではない。標準性の問題だけでなくパフォーマンスも良くない。Chrome Frameは、ChromeのWebkitとJavaScriptエンジンの最

As you browse the web, it's easy to forget how many people visit the same pages and look for the same information. Whether you're researching advice on heart disease prevention or looking for museums to visit in New York City, many others have done the same and could have added their knowledge along the way. What if everyone, from a local expert to a renowned doctor, had an easy way of sharing their insights with you about any page on the web? What if you could add your own insights for others who are passing through? Now you can. Today, we're launching Google Sidewiki, which allows you to contribute helpful information next to any webpage. Google Sidewiki appears as a browser sidebar, where you can read and write entries along the side of the page.

What if everyone, from a local expert to a renowned doctor, had an easy way of sharing their insights with you about any page on the web? What if you could add your own insights for others who are passing through?

As you browse the web, it's easy to forget how many people visit the same sites and look for the same information. Whether you're researching advice on heart disease prevention or looking for museums to visit in New York City, many others have done the same and could have added their knowledge along the way.

Inform your visitors about browser-updates

Benutzer über Browserupdates informieren

This service is an opportunity to inform your visitors unobtrusively to switch to a newer browser. Many internet users are still using very old, out-dated browsers – most of them for no actual reason. Switching to an newer browser is better for them and for you as a webdesigner.

"Start sending stuff with your address bar today."

Send stuff to mobile

Start sending stuff with your address bar today. Paste any of the following into the address bar of Any browser....(where "xxx" is your futz.me username):

Good app.

Allows you to view documents online without leaving the browser.

Embed code for google docs - would be helpful if using that instead of ipaper...

Use Google Docs to quickly view documents online without leaving your browser.

RealMarc

Script de compactação de imagem (javascript) que redimensiona a imagem em uma direção (horizontal por exemplo) sem distorcê-la simplemente, ele corta partes semelhantes da imagem.

From the first web browser in 1991 to the present day - one for the geeks!

short video on what a web browser is and is not

A simple explanation of 'browsers' for the uninitiated.

What Browser?

091007 こうしてレビューされるとGoogle Chromeってかなり面白そうなんだなー

DragDrop de arquivos do desktop para o navegador

drag & drop from desktop

Chrome

Best place to get started for developing google chrome extension

This website contains all the information you need to build extensions for Google Chrome

「content.notify.backoffcount」を整数で新規作成して「5」を設定、「nglayout.initialpaint.delay」を整数で新規作成して「0」を設定

キャッシュやクッキー、履歴データなどの削除することは起動や操作が高速になる半面、レンダリングや利用の面で不便になることに注意する必要. 「content.notify.backoffcount」を整数で新規作成して「5」を設定、「nglayout.initialpaint.delay」を整数で新規作成して「0」を設定する。最初の設定はすべてのページをダウンロードし終わる前にレンダリングを開始する指定、後者はページレイアウト情報をすべてダウンロードする前にレンダリングを開始する指定... メニューを高速化する 「ui.submenuDelay」を整数で新規作成して「0」を設定... IPv6対応機能を無効にする IPv6を使う必要がなければ「network.dns.disableIPv6」の値を「true」に変更...

javascript.options.jit.content

ui.submenuDelay

Lists IP, browser version and details, and browser support for latest features

The best strategy for dealing with Internet Explorer 6 is not to support it. Stop. Ok, I feel your frustration. You're a web developer and you're ready to tear your hair out because you have to support Internet Explorer 6, but, to put it tactfully, IE6 doesn't support you. You've spent hours on it, but you just can't seem to get your layout right. I can empathize. I can also help.

backbutton

jQuery BBQ enables simple, yet powerful bookmarkable #hash history via a cross-browser window.onhashchange event. In addition, jQuery BBQ provides a full jQuery.deparam() method, along with both fragment and query string parse and merge utility methods.

jQuery BBQ enables simple, yet powerful bookmarkable #hash history via a cross-browser window.onhashchange event.

A few posts back we saw how to download and install Google Chrome extensions in the developer version. Do go through that post again and come back here. In this post we will check out some of the coolest extensions to download and use with Google Chrome. The population may be small but the seeds of popularity are being sown with these baby steps.

CSS Differences in Internet Explorer 6, 7 and 8

One of the most bizarre statistical facts in relation to browser use has to be the virtual widespread numbers that currently exist in the use of Internet Explorer versions 6, 7 and 8. As of this writing, Internet Explorer holds about a 65% market share combined across all their currently used browsers. In the web development community, this number is much lower, showing about a 40% share.

插件的漏洞越来越多，如果保证插件是最新版本呢？Mozilla提供了这个工具，目前可以检查15个插件的最新版本。

Check my mozilla firefox plugins to make sure they're up to date.

Browsera automatically detects cross-browser layout problems and scripting errors on your website.

Alternative cross browser testing site

This is a great list of plugins - I have one running on my blog (a pretty simple one) that allows me to animate the pic there without hitting the page size too hard. Can't wait to start playing with the rest of these....

ほほー、Safariのプレビュー機能がついてるのは珍しい。

CSSがWeb標準に準拠して記述されているかチェックすることができます。

HTMLファイルやJavaScript、CSSファイルのメンテナンスを行うことが出来るEclipseベースの開発支援ソフトウェア WinはIE・FF・Safari / MacはFF・Safari

A few tips to ensure that your PNGs look good now matter what browser they are viewed in. (via Tim Van Damme)

how to save out your png’s to guarantee a consistent color/saturation quality across all browsers

Here’s a helpful tip I got from my friend Olivier on how to save out your png’s to guarantee a consistent color/saturation quality across all browsers

ブラウザ、パフォーマンス、グラフ/比較

The latest versions of the five major most web browsers (Firefox 3.5, Chrome 3.0, IE8, Opera 10, and Safari 4) went head to head under six performance indicators: JavaScript speed, average CPU usage under stress, DOM selection, CSS rendering speed, page load time, and browser cache performance.

The latest versions of the five major most web browsers (Mozilla Firefox 3.5, Google Chrome 3.0, Microsoft Internet Explorer 8.0, Opera 10.0, and Apple Safari 4.0) went head to head under six performance indicators: JavaScript speed, average CPU usage under stress, DOM selection, CSS rendering speed, page load time, and browser cache performance. Each web browser was tested three times under an unprimed cache (except for the browser cache performance), and their average value reported in the results.

乗り換えの時に

Being secure, on the web specially is something we all need. There are thousands of risks roaming and getting evolved in shape of different malwares, viruses,

Being secure, on the web specially is something we all need. There are thousands of risks roaming and getting evolved in shape of different malwares, viruses, file & more. Since these things come via your browser and majority of us use firefox, here are some of the best and useful plugins/add-ons which can help you be safe on the internet. -- http://digg.com/d1waHu

それにしてもFxの扱いがどんどんIE化しているような気さえする今日この頃。諸行無常ですな～

Safari and Chrome do well, Firefox OK, and IE/Opera stink up the place. Should have displayed this data in a single chart.

pukka のライバル。

Nova aplicação para organizar os nossos favoritos no delicious. Um pouco cara para o que faz e bastante eye-candy, mas parece trabalhar bem.

via zenhabits.net

Brilliant pointers from Zen Habits on speeding up your web browsing ...

Say goodbye to the browser-specific properties and hacks cluttering your files and say hello to lean, mean CSS. With eCSStender, when you write the rules, browsers pay attention.

script for modernizing and extending css

ウェブ上のリッチコンテンツという分野でリーダーシップ・ポジションを取りながらも、「無料Flashゲーム」と「ウェブサイトの見栄えをちょっと良くするアイ・キャンディ」というニッチなポジションに一度は追いやられるように見えたFlash（数年前の話）。しかし、動画フォーマットがReal Networks、Microsoft、Appleの三強いの間で中に浮く隙間を付いた戦略で、見事に「ウェブ上のマルチメディアのデファクト・スタンダード」のポジションをがっちりつかんだかに見えるFlash（現在）。しかし、その地位も安泰ではない。

「無料Flashゲーム」と「ウェブサイトの見栄えをちょっと良くするアイ・キャンディ」というニッチなポジションに一度は追いやられるように見えた Flash（数年前の話）。しかし、動画フォーマットがReal Networks、Microsoft、Appleの三強いの間で中に浮く隙間を付いた戦略で、見事に「ウェブ上のマルチメディアのデファクト・スタンダード」のポジションをがっちりつかんだかに見えるFlash（現在）。しかし、その地位も安泰ではない。 パソコン側でこれほど有利な立場にありながら、スマートフォンの世界では土俵際に追いつめられた感のあるAdobe。WebKitという戦略兵器を軸に手をがっちりと手を組んだGoogleとApple。思いっきり出遅れてしまったがOS・ブラウザーのシェアと資金力だけは誰にも負けない Microsoft。この戦いは目が離せない。

Search & Download Torrent directly from web using Applet

Search & download any legal torrents within minutes with our exclusive Java applet downloader!

Web-based bittorrent search client.

IE 6,7,8

IE6/7/8で異なるCSSの対応状況をCSS2.1, CSS3ごとにまとめたチートシート

chrome adblock, chrome addons, chrome extensions, chrome extensions google, chrome extensions plugins, chrome plugins download, chrome plugins extensions, chrome themes, chromium extensions, download google ch...

BEST Chrome addons !!

makes it possible to discover and connect with others on Twitter through the webpages you browse. Alongside each webpage, read and respond to tweets and discussions about that page. it also shows comments from sidewiki

Makes it possible to discover and connect with others on Twitter through the webpages you browse. Alongside each webpage, read and respond to tweets and discussions about that page.

this page could be enhanced with %USER% tags, that are better understood by windows peopl

what you can do is create a separate user profile in Google Chrome. Thus all your browser history, bookmarks, cookies, search terms, etc. are not shared with anyone else in the family.

How to create user profiles in Chrome

300000

YouTubeなどの動画サイトで10秒ごとに動画がフリーズするのは、Firefox2.0以降に搭載されているセッション復元機能が原因だとか。Firefoxのデフォルト値では開いているタブを10秒ごとに保存する設定になっているそうで、多くのタブを一度に開いているとより動画が固まりやすいそうです。 では、これを解消するためにはどうすればよいのでしょう？ 答えはシンプル。セッション復元のための保存のインターバルを長くすること。具体的な方法としては、アドレスバーで「about:config」と入力しEnterキーを押すと、フィルターボックスが表示されますので、さらにフィルターボックスに「browser.sessionstore.interval」と入力しましょう。すると「10000（"10秒に保存する"の意）」が表示されるはず。この数値を5分ごとの保存とするならば「300000」、2分なら「120000」など、任意の数字に変更すればOK。

セッション保存のインターバルを長くする方法 / browser.sessionstore.interval = 120000 (=2分) など

15+ great Google Chrome extensions

"Mark Pilgrim traces the origin of the <img> element. A window into standards (and the web) history."

« On February 25, 1993, Marc Andreessen wrote : I’d like to propose a new, optional HTML tag: IMG.»

Why an img element? Quite simply, because Marc Andreessen shipped one, and shipping code wins.

dive into mark ‣ November 2, 2009 ‣ Why do we have an IMG element? (history, html, mu)

BBS discussions on IMG tag implementation.

"HTML has always been a conversation between browser makers, authors, standards wonks, and other people who just showed up and liked to talk about angle brackets. Most of the successful versions of HTML have been “retro-specs,” catching up to the world while simultaneously trying to nudge it in the right direction. Anyone who tells you that HTML should be kept “pure” (presumably by ignoring browser makers, or ignoring authors, or both) is simply misinformed. HTML has never been pure, and all attempts to purify it have been spectacular failures, matched only by the attempts to replace it."

Simple jQuery plugin that checks if a client browser supports a given font.

QUOTE: Simple jQuery plugin that checks if a client browser supports a given font.

»Simple jQuery plugin that checks if a client browser supports a given font.«

jQuery-Plugin, das trickreich überprüft, ob eine bestimmte Schrift auf dem Zielsystem vorhanden ist.

Most Common IE Bugs and How to Fix Them

dynaTrace Ajax works by sticking low-level instrumentation into Internet Explorer when it launches, capturing any activity that occurs

After reading a recent post by Steve Souders concerning a free tool called dynaTrace Ajax, I was intrigued. It claimed to provide full tracing analysis of Internet Explorer 6-8 (including JavaScript, rendering, and network traffic). Giving it a try I was very impressed. I tested against a few web sites but got the most interesting results running against the JavaScript-heavy Gmail in Internet Explorer 8.

notes on dynatrace - traces/graphs everything that IE Does.

dynaTrace Ajax works by sticking low-level instrumentation when it launches, capturing any activity that occurs.

cool proposal, seems sane

Funny

This is quite amazing: all resources of a page in 1 HTTP request (excluding the page). Its backwards compatible too.

Speed & rendering look to be vastly improved in IE9. Fingers crossed, we'll get some other goodies.

Because I care enough to.

Community testing efforts like this one can be helpful. Ultimately, we want to work with the community and W3C and other members of the working groups to define true validation test suites, like the one that we’re all working on together for CSS 2.1, for the standards that matter to developers. For example, this link tests one of the HTML5 storage APIs; some browsers (including IE8) support it today, while others don’t.

Microsoft İE) üzerinde çalışıyor, Windows 7 ye yetiştirilemeyen sürümün bir çok bakımdan iyi olacağı söyleniyor. ama ilk testlerde Acid 3 standart testinden 32 alması bizi üzüyor.

We’re just about a month after the Windows 7 launch, and wanted to show an early look at some of the work underway on Internet Explorer 9. At the PDC today, in addition to demonstrating some of the progress on performance and interoperable standards,

Chrome OS Project Page

一份html5支持清单

Microsoft doesn't think 2010 Word users want a collaboration option in Web version. http://bit.ly/jS7oI [from http://twitter.com/dwicksspu/statuses/2650174101]

Review of @microsoft (client) Office 2010 | http://bit.ly/jS7oI (via @techcrunch) **good one [from http://twitter.com/MikevHoenselaar/statuses/2627550417]

구글 크롬 사용하는법 !

SPDY, pronounced "SPeeDY", is an early-stage research project that is part of our effort to make the web faster. SPDY is at its core an application-layer protocol for transporting content over the web. It is designed specifically for minimizing latency through features such as multiplexed streams, request prioritization and HTTP header compression.

A Google a HTTP lecserélésén ügyködik

SPDY, [...] an early-stage research project that is part of our effort to make the web faster.

Today we'd like to share with the web community information about SPDY, pronounced "SPeeDY", an early-stage research project that is part of our effort to make the web faster. SPDY is at its core an application-layer protocol for transporting content over the web. It is designed specifically for minimizing latency through features such as multiplexed streams, request prioritization and HTTP header compression.

Now Google wants to replace HTTP for the common good?

project

Excellent tutorial and tips on webdesign in general

Everyone has been going on about how we should use CSS3 more and all of the possibilities and flexibility that come with it, but that we should still consider IE6 and other troubling browsers.

コレ使った。IEうぜー。img.onload = ""; や img = void 0; は IE で発生するメモリリークを回避するためのコードです。

naturalWidth

latest log

获得图片的真实尺寸

ranked according to the the recommendations of the New York Times' editorial team. rss feel interface, 8 types of layouts

Alternate way of browsing NYT content. Good use of layout and @font-face

a new application for NYTimes.com that provides online readers with the layout and experience of paging through a newspaper

"I like this new interface to the NYT online. The Times’s PR announcement describes it as more like a newspaper, but I’d say that’s true only in spirit. It’s far less cluttered than the regular Times web site layout, and it feels faster. Cutting-edge on the tech side, too: in Safari it displays headlines and sub-heads using the same fonts as the print edition, thanks to the new CSS @font-face property and TypeKit."

Chromeのエクステンション「AutoPaging」「Gmailの受信件数をchromeのバーから確認」など

拡張の紹介とか。

firebugとvimperatorが対応すれば移行できそうです

campagne voorbeeld met social buttons

HEY-IT - We want to get rid of IE6!

Let's wake up IT and get them to upgrade our browser. Get rid of IE6!

Google promised that Chrome would be fast to launch and fast to load web pages, but people predicted it would fail with the arrival of its extensions. Well, the extensions are here (at least for some of us) and surprisingly they do not affect the browser’s performance. And not only that, but playing with Google Chrome Extensions is like child’s play, whether you’ve added a new extension, or deleted one, you won’t need to restart your browser.

meget små spil som kan spilles

web-based toolkit for making and sharing hosted JS games

Toda uma plataforma que permite usar javascript e dhtml para criar jogos excelentes que rodam em qualquer browser. Permite acessar teclado, mouse, joystick, tocar som, e com sistema de colisões, deformação, camadas, etc.

this is a weird duck: game development library/hosting (?!) that abstracts away the DOM for writing sprite/tile-based games (doesn't use html5 canvas!). I think it's sort of limited by the fact that your games *must* be hosted on their site, and the engine itself doesn't seem to be open source. wonder if they're going to try to license it...?

chrome extension

a nice browser market share time-line visualization!

extensões

Web Sockets Now Available In Google Chrome

The Web Sockets API enables web applications to handle bidirectional communications with server-side process in a straightforward way.

When will this be usable?

"Starting in the Google Chrome developer channel release 4.0.249.0, Web Sockets are available and enabled by default. Web Sockets are "TCP for the Web," a next-generation bidirectional communication technology for web applications being standardized in part of Web Applications 1.0."

Chrome set to take over the world

The Web Sockets API enables web applications to handle bidirectional communications with server-side process in a straightforward way. Developers have been using XMLHttpRequest ("XHR") for such purposes, but XHR makes developing web applications that communicate back and forth to the server unnecessarily complex. XHR is basically asynchronous HTTP, and because you need to use a tricky technique like long-hanging GET for sending data from the server to the browser, simple tasks rapidly become complex. As opposed to XMLHttpRequest, Web Sockets provide a real bidirectional communication channel in your browser. Once you get a Web Socket connection, you can send data from browser to server by calling a send() method, and receive data from server to browser by an onmessage event handler.

Chrome テーマまで綺麗にデフォルトへ戻してくれるとは、、、ともかく入れすぎは注意なので、厳選したものだけをご紹介します。

We've often been asked what makes Google Chrome so fast -- from its snappy start-up time and fast page-loading, to the ability to run complex web applications quickly. To walk through some of the thought processes and technical decisions involved in making Google Chrome a fast browser, we've put together three technical interviews on DNS pre-resolution, the V8 JavaScript engine, and DOM bindings. In a future post, we'll also cover other important areas like WebKit and UI responsiveness.

Spoiler alert: DNS pre-resolution, the V8 JavaScript engine, and DOM bindings

Chrome does indeed has a fast.

Wow.

chromeの閉じるボタン考

brilliant

Well considered, with a wonderful pay-off line

interesting accelerator for mouse users in chrome. delay in resizing when closing tabs, to make it easier to close multiple.

The title tag reads: "Please Scroll." This is great for those bastards that didn't have anything to say early on and all of sudden they're concerned about something that is quite ambiguous like the "FOLD."

Remember it.

There is no page fold: http://j.mp/718EHv

neat tool

Using this visualization, Bruno confirmed that about 10% of users couldn't see the download button without scrolling, and thus never noticed it. 10% may not sound like a lot, but in this context it turns out to mean a significant number of people weren't downloading Google Earth. Using this data, the team was able to redesign the page to good effect.

show to Chad

Browser Size, hoeveel procent ziet een bepaald element van je website..

During play, the negative space between windows is transformed into a playing field—the abstracted tennis court of Pong.

Super!

LaTeX and MathML math notation in HTML pages

MathJax is an open source, Ajax-based math display solution designed with a goal of consolidating advances in many web technologies in a single definitive math-on-the-web platform supporting all major browsers.

‘MathJax is an open source, Ajax-based math display solution designed with a goal of consolidating advances in many web technologies in a single definitive math-on-the-web platform supporting all major browsers.’

High-quality display of LaTeX and MathML math notation in HTML pages

Web Insp

Como usar o safari...da Apple

Speed Tracer is a Google Chrome extension that enables developers to identify performance problems in their web apps using a "Sluggishness Graph," in combination with many other metrics.

12/08/2009 07:14:00 PM Do you ever wonder what's going on inside the browser when a webpage doesn't load or respond as quickly as it should? Many developers do, especially when trying to build powerful web applications for their users. But up until now, it's been difficult for developers to identify problems in a slow-to-respond application. So, tonight at Google Campfire One, we're happy to announce that we're adding a new tool to Google Web Toolkit called Speed Tracer. Speed Tracer is a Google Chrome extension that enables developers to identify performance problems in their web apps using a "Sluggishness Graph," in combination with many other metrics. In the spirit of clean, simple design, developers need only look at the Y-Axis of their application's Sluggishness Graph to see how they're doing: * If the y-axis is close to zero, then the app is fast * If the y-axis registers around 100%, then the app is, well, sluggish And in either case, Speed Tracer provides lots of ad

Firefox　ファイヤ

Some pretty weird things I didn't know about in here.

This year's release of Firefox 3.5 gave us a lot of reasons to like it, but its extensibility remains everyone's favorite feature. These add-ons and theme tools were the most popular in the year gone by.

Promises to basically be the Next Generation's web browser for social networking.. In particular, Facebook is getting a fair share of mention in the early hypes right now.. Backed by Netscape founder Marc Andreessen, will be fun to watch this something new as it evolves.. :)

webdesign css design tips browser

https://browserlab.adobe.com/index.html# Excellent site to test a site in diff browsers

#chrome #browser #addon

Article on alternate web browsers.

Six Revisions is a blog that shares useful information about web development and design, dedicated to people who build websites."

Jag kände igen alla utom två, vad om dig?

There are more than a dozen excellent alternative browsers out there if you're looking for something distinctive. Here are ten such web browsers, along with why you might want to consider using them.

Alternative browsers - may be handy for testing!

You know what? I can believe he's related to that guy…

KW35

Firebug

A J/S, lite version of firebug for any browser.

(no description)

MailBrowser is a Gmail Plugin that helps you easily manage your contacts and attachments

MailBrowser is a free Gmail™ Plugin that helps you easily manage your contacts and attachments

Helium is a tool for discovering unused CSS across many pages on a web site. The tool is javascript-based and runs from the browser.

Helium - javascript tool to scan your site and show unused CSS

integrate this into release procedure

determine unused css

tool for identifying unused css

IE6 vs IE7, Safari, Opera, Firefox

This was such a fun project -- this is what users of Internet Explorer 6 see when they visit Momentile. You can see sketches and a bit of the process on my website. UPDATE: There have been many requests to use this image on other websites, so I've decided to release it under a Creative Commons license. You are free to reuse the image on your own website as long as credit is given and linked back to RobotJohnny.com. For prints, contact me directly.

IE6 go home, IE6 play

I can't belive you're related to that guy. Don't remind me!

BrowserCouch is an attempt at an in-browser MapReduce implementation.

BrowserCouch is an attempt at an in-browser MapReduce implementation. It's written entirely in JavaScript and intended to work on all browsers, gracefully upgrading when support for better efficiency or feature set is detected.Not coincidentally, this library is intended to mimic the functionality of CouchDB on the client-side, and may even support integration with CouchDB in the futur

"BrowserCouch is an attempt at an in-browser MapReduce implementation. It's written entirely in JavaScript and intended to work on all browsers, gracefully upgrading when support for better efficiency or feature set is detected. Not coincidentally, this library is intended to mimic the functionality of CouchDB on the client-side, and may even support integration with CouchDB in the future."

Shortly after Google Chrome's Extensions gallery opened, we rounded up 18 worthy downloads. Now that Chrome's official add-on market has matured a bit, we've dug up more productive, annoyance-fixing, feature-adding extensions that you should consider adding to your collection.

Right after Google Chrome's Extensions gallery opened, we found 18 worthy downloads. Now that Chrome's official add-on market has been around for a bit, we have found more productive, annoyance-fixing, feature-adding extensions that you really should consider adding to your collection.

Right after Google Chrome's Extensions gallery opened, we found 18 worthy downloads. Now that Chrome's official add-on market has matured a bit, we've found more productive, annoyance-fixing, feature-adding extensions that you should consider adding to your collection.

Shortly after Google Chrome's Extensions gallery opened, we found eighteen worthy downloads. Now that Chrome's official add-on market has matured a bit, we've found more productive, annoyance-fixing, awesome feature-adding extensions that you should consider adding to your collection.

Did you know you can switch tabs in Firefox by making a twisting motion with your fingers on a multi-touch surface? I did. ...

Did you know you can switch tabs in Firefox by making a twisting motion with your fingers on a multi-touch surface? I did. Turns out I’ve been doing it for months — I thought I was late to the party and was too ashamed to mention it to anybody for fear of an epic internet ribbing (”What, you just figured that out?”). But no, apparently it was top secret and highly experimental. That was in the beta, though; it looks like the official version has reduced it to a hack. Fortunately, mastering this multi-touch-enabling technique will allow you to tweak your gestures, resulting in everlasting glory.

This is awesome. Try it if you haven't already.

Metoda na css3 w IE

ie-css3.js allows Internet Explorer to identify CSS3 pseudo selectors and render any style rules defined with them. Simply include the script in your pages and start using these selectors in your style sheets — they'll work in IE... Honest...!

Quix é um bookmarklet extensível, o que lhe permite aceder facilmente a todos os seus favoritos e bookmarklets, em todos os seus navegadores

Joost De Valk's extension of Shaun Inman's Shortwave extensible bookmarklet. Especially useful on the iPhone.

Quix is an extensible bookmarklet, that allows you to easily access all your bookmarks and bookmarklets, across all your browsers, while maintaining them in only one spot. All you have to do is remember the shortcut for the bookmarklet, so, basically, it’s like a command line for your browser

Quix is an extensible bookmarklet, that allows you to easily access all your bookmarks and bookmarklets, across all your browsers, while maintaining them in only one spot.

CSS Transparency in All The Browsers | Design Dazzling

var k=t.value;k!=h&&X(0);h=k というコードが毎秒100回実行されている。

具体的には、var k=t.value;k!=h&&X(0);h=k というコードが毎秒100回実行されている

タイマーでしか日本語未確定文字列の変更をチェックできないというのがそもそもなんとかならんのか。

* Googleのトップページは開いているだけでCPUを使うので、用事がないときは開かないようにしよう。 * Amazon、YouTube、IEEEなども同様に、開いているだけでCPUを使うので、用事がないときは開かないようにしよう。 * YOMIURI ONLINEとBing（のトップページ）にもすこし気をつけよう。

With this guide, we will show you the essential initial tweaks everyone should make to “awesomize” their browser. Whether it’s accelerating browser page-load performance, boosting security, or just improving the look of the interface, we teach you the tweaks that we think should be implemented the first time you start up a browser after installation.

It's another IE bug caused by placing a list with a background set within a floated <div> that has been relatively positioned. Problem and solutions discussed here.

IE hacks, fixes for css

In today's scenario browser bugs with CSS can be an incredible source of frustration for Web designers and developers. In this post I'm sharing some most common CSS browser compatibility Issues/Bugs. Here's the following list:

10 Common CSS Browser Compatibility Issues/Bugs You Must Know

▍ ★∴ 　　　．．．．▍▍．..．█▍ ☆ ★∵ ..../ 　　　◥█▅▅██▅▅██▅▅▅▅▅███◤ 　　　．◥███████████████◤ 　～～～～◥█████████████◤～～～～ www.nikes-jordan.com , instant online Paypal payment! TT Assuring good quality, Coupons and feebies! Don't miss out! Jordan，AF1，Nike , RunningShoes, Sneakers, Dunks $40 Brand Jeans: $ 38 Brand sunglasses, $18 Brand Caps/Hats: $ 18 Brand Belts: $ 28 UGG boots：$ 55 Free Shipping, Retail and wholesale! Payment options: Paypal , TT, Westunion www.nikes-jordan.com

michaelv.org

Emulación del sistema operativo Windows v3.11 en JavaScript

Windows 3.1 in a browser window

Home page of Michael Vincent, containing information about calculators, computers, and plenty of random nonsense.

windows emulato in javascript

"Panopticlick tests your browser to see how unique it is based on the information it will share with sites it visits."

is it possible to uniquely identify your browser w/o any cookies involved? apparently, that's quite feasible.

Want to add a few more features and functionality to your Firefox status bar?  Here are a some common tweaks you may want to make, and how you can get them

Want to add a few more features and functionality to your Firefox status bar? Here are a some common tweaks you may want to make, and how you can get them added to your own browser.

browser detection with php

A more elaborate way of dealing with css browser inconsistencies using a little PHP magic.

@phonescooper Link to the blog post here http://tr.im/yJ2l [from http://twitter.com/peterto/statuses/3996841860]

In order to get more feedback from developers, we have early developer channel versions of Google Chrome for Mac OS X and Linux, but whatever you do, please DON'T DOWNLOAD THEM!

Goede uitleg van @font-face en met overzicht van browsersupport

10 ways to make Internet Explorer act like a modern browser

SHARED USING: http://www.tagle.it

Greasemonkey is a powerful Firefox extension that allows users to change the layout and functionality of web pages. Every month hundreds of people write and release Greasemonkey "scripts" that anyone can add to their browser with a single click. A good Greasemonkey script will change your daily use of the web in ways you can't imagine being without. In the post below we highlight our seven favorite scripts published in the last month and offer a quick screencast that will show you how to use Greasemonkey in less than 5 minutes.

Web Designers' Browser Support Checklist

Clever stylesheet that blanks out comments on many popular websites.

"… a custom user stylesheet that can be applied to your browser to hide comments on many popular web sites without user intervention."

shutup.css is a custom user stylesheet that can be applied to your browser to hide comments on many popular web sites without user intervention.

James Hopkins’ compiled list of IE8 bugs and test cases. This should be something which Microsoft itself keeps public track on.

KidZui is a child-safe internet front end that calls upon an enormous whitelist of websites, pictures, videos, and games that have all been reviewed by a group of volunteers composed of parents and educators.

http://www.zacbrowser.com/

Opera Unite developer's primer

Opera Unite features a Web server running inside the Opera browser, which allows you to do some amazing things. At the touch of a button, you can share images, documents, video, music, games, collaborative applications and all manner of other things with your friends and colleagues. This article gets you started on the road to Opera Unite Service development — it describes how the Opera Unite Web Server in Opera works and how it can be used. Below I will briefly recap some of the basic concepts related to Opera Unite, show how you can enable the Web server in your browser, and give an example of how to write a simple Opera Unite blog service.

Opera Unite features a Web server running inside the Opera browser, which allows you to do some amazing things. At the touch of a button, you can share images, documents, video, music, games, collaborative applications and all manner of other things with your friends and colleagues.

Documentation and examples of unite services

Introduction Opera Unite features a Web server running inside the Opera browser, which allows you to do some amazing things. At the touch of a button, you can share images, documents, video, music, games, collaborative applications and all manner of other things with your friends and colleagues. This article gets you started on the road to Opera Unite Service development — it describes how the Opera Unite Web Server in Opera works and how it can be used. Below I will briefly recap some of the basic concepts related to Opera Unite, show how you can enable the Web server in your browser, and give an example of how to write a simple Opera Unite blog service.

Firefox Tips: 5 Ways to Spice Up Your Sidebar

hen you enter a search te

techradar

Show of hands - how many of you are still clinging to Firefox not because it's the perfect browser, but because it's the best alternative out there to Internet Explorer? Probably a good many of you, and the reason why Firefox has been so hard to supplant as the No. 2 gateway to the Web is because Mozilla had the foresight to make it extensible. Thousands of add-ons exist allowing users to custom tailor the open- source browser however they see fit, and it only takes a few mouse clicks to do so.

chrome

In recent years Internet Explorer 6 has become the browser web designers love to hate. Security issues, JavaScript errors and inexplicable CSS rendering quirks have...

n recent years Internet Explorer 6 has become the browser web designers love to hate. Security issues, JavaScript errors and inexplicable CSS rendering quirks have made it the brunt of many jokes. With IE6 in its twilight and big companies like Google dropping support, it seems like a good time to take a fond look back at our old foe. In this post we’re looking at what Internet Explorer 6 used to be and why its image changed over the years. You can also see the comic in a larger version. Do we need to review our projects in Internet Explorer 6? Can we stop supporting IE6? If not, how do we handle those users who are still using IE6? And if yes, how can we prompt IE6 users to upgrade? Or how do we convince those who don’t allow their employees to get rid of the legacy browser to upgrade? What do you think? We are looking forward to your opinions in the comments to this post!

Really Nicely Illustrated!

I finally know where Andy Clarke got his Twitter avatar...

Excellent overview of Mobile Browsers and comparison - c. late 2008. Safari, Android, IE, Opera Mini, etc

smartphone browsers review

We tested every browser only using the full—not mobile—versions of selected sites

Browser testing is one of the parts of the design and development process that is necessary but never really enjoyable. With the number of browsers and operating systems that are available, it can be a very time-consuming process to test your website in the environments of visitors. There are a number of tools and resources that have been created to help with this situation, and we’ll profile 15 of them in this post.

Articles and Resources for Web Designers

Lijst van tools voor browsercheck

As a software developer, you certainly have a high-level picture of how web apps work and what kinds of technologies are involved: the browser, HTTP, HTML, web server, request handlers, and so on. In this article, we will take a deeper look at the sequence of events that take place when you visit a URL.

ページのサイズを変えてどのように見えるか確認できるサイト。

Information and downloads for Google Chrome extentions aimed at web developers

Google Chrome, like Firefox, has the ability to increase its functionality and capabilities through the use of extensions. If you’re a web developer, Google Chrome comes with a nice set of developer tools built in that will make your life easier. But there are also a number of extensions that will give you even more tools at your disposal. The great thing about extensions is that they allow you to perform tasks that would normally require you to switch over to another application. Being able to perform certain tasks without leaving your browser can be a big time saver. Here are 13 Google Chrome extensions that you should find very useful.

Google Chrome, like Firefox, has the ability to increase its functionality and capabilities through the use of extensions. If you're a web developer, Google

"Internet Explorer Six, resident of the interwebs for over 8 years, died the morning of March 1, 2010 in Mountain View, California, as a result of a workplace injury sustained at the headquarters of Google, Inc. Internet Explorer Six, known to friends and family as "IE6," is survived by son Internet Explorer Seven, and grand-daughter Internet Explorer Eight."

Site humoristique qui annonce la mort de IE6.

Internet Explorer Six, resident of the interwebs for over 8 years, died the morning of March 1, 2010 in Mountain View, California, as a result of a workplace injury sustained at the headquarters of Google, Inc. Internet Explorer Six, known to friends and family as "IE6," is survived by son Internet Explorer Seven, and grand-daughter Internet Explorer Eight. Venue Change: Apparently even more people want to see IE6's cold dead body than we imagined. To better accommodate the overwhelming response, we're changing the venue. On Thursday, March 4, 2010, at 7:00 p.m., we'll gather with fellow IE6 friends and loved ones at Forest Room 5, 2532 15th Street, Denver, CO 80211-3902 to pay our respects. Those unable to attend the funeral are asked to send flowers.

Funny and very smart from the organizers. --- "Internet Explorer Six, resident of the interwebs for over 8 years, died the morning of March 1, 2010 in Mountain View, California, as a result of a workplace injury sustained at the headquarters of Google, Inc. Internet Explorer Six, known to friends and family as "IE6," is survived by son Internet Explorer Seven, and grand-daughter Internet Explorer Eight. Funeral services for Internet Explorer Six will be held at 7pm on March 4 at Aten Design Group, 1629 Downing Street, Denver, CO 80218. Those unable to attend the funeral are asked to send flowers."

Internet Explorer Six, resident of the interwebs for over 8 years, died the morning of March 1, 2010 in Mountain View, California, as a result of a workplace injury sustained at the headquarters of Google, Inc. Internet Explorer Six, known to friends and family as "IE6," is survived by son Internet Explorer Seven, and grand-daughter Internet Explorer Eight.

Internet Explorer Six, resident of the interwebs for over 8 years, died the morning of March 1, 2010 in Mountain View, California, as a result of a workplace injury sustained at the headquarters of Google, Inc

fingers that fuck when you change the size of the browser window

ブラウザチェックツール、モニタ別表示チェック、表示スピードチェックツール、CSSや画像の最適化ツールなど。

Web表示チェックなど、使えるツールまとめ。

Keyboard glee for your web

gleeBox is an experimental project that takes a keyboard-centric approach to navigating the web. It provides alternatives to actions that are traditionally performed via the mouse. Some of these are radically more efficient than using a mouse, some not so much. In all cases, they are mostly meant for keyboard and command line lovers. Here's a short screencast that goes through the new features introduced in version 1.0:

gleeBox is an experimental project that takes a keyboard-centric approach to navigating the web. It provides alternatives to actions traditonally performed via the mouse and is meant mostly for keyboard and command line lovers.

Now extensions are supported in Chrome and some of the tools you’re accustomed to using in Firefox have become available, plus a few unique to Chrome. We’ve compiled a list of ten of the most useful Chrome extensions for web developers right here

"Java は思想的に近いだろうけど、さらに泥臭いことができるという。あと、 Java とか Flash だと、中間に VM というレイヤがあるのですが、 Native Client ではそこをすっとばしていきなりネイティブをさわりにいく"

NativeClientの解説

Native Client

GoogleのNative Client概要

Introducing EnhanceJS, a JavaScript framework designed specifically to deliver a usable experience to the widest possible audience, by testing the browser to determine whether it is capable of correctly supporting a range of essential CSS and JavaScript properties, and delivering features only to those that pass the test.

Die IE6, die! Browsercide evangelism FTW!

Several large websites in Norway have launched an advocacy campaign urging Microsoft Internet Explorer 6 users to upgrade their outdated web browsers.

Good!

Support IE6 Must Die, add a #twibbon to your avatar now! - http://twibbon.com/join/IE6-Must-Die [from http://twitter.com/majorymiranda/statuses/2795362257]

Support IE6 Must Die, add a #twibbon to your avatar now! - http://twibbon.com/join/IE6-Must-Die [from http://twitter.com/rasp1/statuses/2724345516]

Support IE6 Must Die, add a #twibbon to your avatar now! - http://twibbon.com/join/IE6-Must-Die [from http://twitter.com/enochs08/statuses/2757034634]

Support IE6 Must Die and add an overlay to your avatar! Twibbon.com is the easiest way to promote awareness of your cause on twitter. Start something today!

Support IE6 Must Die, add a #twibbon to your avatar now! - http://twibbon.com/join/IE6-Must-Die [from http://twitter.com/leandrotrocado/statuses/3179510272]

「昔はWebブラウザの新バージョンのリリースには1年とか1年半かかっていました。しかし、われわれはWebブラウザの世界にも、Webアプリケーションと同じ速度で革新をもたらしたいのです」。

Mobile Browsers Compatibility Table

A study on how mobile browsers work...

Delicious popular

site bizarre euh pong programing art master 2 m2

sylvain pong with javascript windows

window pong in a browser

"Users of Microsoft's Internet Explorer are being urged by experts to switch to a rival until a serious security flaw has been fixed."

CSSで画像をリサイズしたときにIE7で綺麗に見せるテクニック

IE7 supports a custom bicubic resampling mode for images.

интерполяция изображений в ИЕ

昨日紹介した「わずか「12文字」でIEを判別するスクリプト」に続いて、Firefox 2/3, Safariを判別する1行のスクリプトをThe Spannerから紹介します。 FF=/a/[-1]=='a' FF3=(function x(){})[-5]=='x' FF2=(function x(){})[-6]=='x' Saf=/a/.__proto__=='//'

SQLiteのvacuumコマンドで再構成する方法がありますが、それをAppleScriptで代わりにやってくれるソフト Mac

使用と共に徐々にもっさりしていってしまうFirefoxをきびきびとした動作に蘇えらせるTipsとして、ブックマークや履歴など様々なユーザ設定を保存しているプロファイルをターミナルからSQLiteのvacuumコマンドで再構成する方法がありますが、それをAppleScriptで代わりにやってくれるソフトです。

post bem interessante com links para programas bacanas (inclusive pacotes das versões do ie) sobre debug nos ie

It’s somewhat usual to leave the testing with Internet Explorer until the end of the project. This is quite acceptable when you’re dealing mainly with layout issues. But when you’re building a web application with loads of features, there are several issues to struggle with: constant debugging, client-side performance, proprietary bugs and so on. However, getting your hands dirty with IE doesn’t always feel as comfortable as with other browsers. In this article, I’m going to list and review different set of tools, which will help you and make your debugging and testing process in Internet Explorer much more enjoyable.

RT @joelmoss: Why is IE 9 advertising that it fails the Acid 3 test? http://bit.ly/cFT0E4 (via @rbates)

There aren't many articles covering incompatibilities, or CSS differences in Firefox alone — and for good reason. Firefox has always done an excellent

By http://bit.ly/Tweets2Delicious

Good article on Firefox CSS bugs

3d Html Eleman Yapımı

super interesante el que simula inyecciones sql

firefox plugins

server-side decompiler on IE8.1? Hu? http://bit.ly/k0ROh [from http://twitter.com/eranbe/statuses/1921416744]

Reading: Breaking: Internet Explorer 8.1 Eagle Eyes Leaked http://bit.ly/ilOGJ [from http://twitter.com/sandroalberti/statuses/1432144660]

Breaking News: Smashing Magazine April Fools leaked in March - http://tinyurl.com/cv3qtp [from http://twitter.com/hadhad/statuses/1425702635]

Smashing Magazine tries to be at the forefront of new and exciting developments in the wide world of the web. You might have heard that we met with the IE 8 Chief Strategist in the past, so it should come as no surprise that we like to keep up with the latest events in the web browser industry.

CoScripter is a system for recording, automating, and sharing processes performed in a web browser such as printing photos online, requesting a vacation hold for postal mail, or checking flight arrival times.

Firefox automation for websites testing

create tracks, remix arrangements

incredibly well-done.

Das sollen sehr coole Audio-Tools sein die crazy Flash-Coding benötigt haben sollen...

Flash based Audiotool 1.0 launched by Hobnox http://audiotool.com/

翻訳ッターさまさまやで。

ブラウザデフォルトスタイル。IE8で見出しとか大きく変わってたんだな。

AJAX File Browser demo with IT Hit WebDAV Server Engine running on server side

5 bijzondere nieuwe features in HTML 5

手持ちのCSSをIE6対応に変換してくれるサービスの紹介。なるほど。

手元のスタイルシートをフロートやネガティブマージンなどIE6のバグを回避する記述を自動生成するオンラインサービス「ie6fixer」

「手元のスタイルシートをフロートやネガティブマージンなどIE6のバグを回避する記述を自動生成するオンラインサービス」

With this Plugin you can style your markup right in your browser with a build-in element selector and CSS editor. Generate the CSS code of altered elements with one click and use it in your own stylesheet.

h one

RT @web20classroom: RT @hoprea: RT @courosa: "10 Google Chrome Extensions for Boosting Your Productivity" http://is.gd/beIPC

Nice to see increased usability in Chrome

RT @sixrevisions 10 Google Chrome Extensions for Boosting Your Productivity http://bit.ly/blNTql

1/sep/2009

Give information on my computer research paper

Video demo of multifunciton type-search bar

RT @seth_weisfeld: See how your website looks on the iPad: http://ipadpeek.com /via @hugeinc

RT @fbrahimi: RT @louis_marie_c: Si tu veux savoir comment sera ton site sur iPad http://bit.ly/90c38S via @MacBrains (sympa)

See how your website looks on the iPad: http://ipadpeek.com /via @hugeinc

Try your site out on a ipad layout.

RT @digital_times Hah, very nice. Want to see how your site looks on the iPad. Go here. http://ipadpeek.com/

流星の如くあらわれたGoogle製ブラウザ「Google Chrome」。重厚路線を突き進むFirefox、IEなどのブラウザを尻目に軽快なフットワークでウェブサービスを取り込み、急速に勢力を拡大しつつある。もはやおまけのブラウザではない「Chrome」の特徴をしっかり把握して、適材適所で使いこなせるようになろう！

142/160 for Chrome 5.0.371.0 (Official Build 43900) dev / Mac10.5.8

The HTML5 test score is only an indication of how well your browser supports the upcoming HTML5 standard. It does not try to test all of the new features offered by HTML5, nor does it try to test the functionality of each feature it does detect. Despite these shortcomings we hope that by quantifying the level of support users and web developers will get an idea of how hard the browser manufacturers work on improving their browsers and the web as a development platform.

Script para forzar a Internet Explorer a soportar algunas propiedades de CSS3 /cc @chulini @cabrera @wiredlain

Vimium - the hacker's browser http://vimium.github.com/ (via @Woork)

vimperator for chrome!

Vimium is a Google Chrome extension which provides keyboard shortcuts for navigation and control in the spirit of the Vim editor. Watch this video to get a feel for how it works:

Vimium is a Google Chrome extension which provides keyboard shortcuts for navigation and control in the spirit of the Vim editor.

Apparently, the bindings only work when the page would run javascript anyway, so e.g. you can't use them with raw images.

HTML5 & CSS3 Readiness http://html5readiness.com/ #html #browser #css3

A Visualization of how ready different parts of HTML5/CSS3 are for day to day use

NoScript いいけどなぁ。一般人には使いにくいだろうけど。普段使わないサイトで JavaScript が必要な場合は、Chrome か Safari を使うので問題ないし。

Different Stylesheets for Differently Sized Browser Windows

As we build more and more Ajaxy applications, and our apps reside on a single page, the browser’s native back button can get more and more broken. This episode will show you how to re-enable the back button on your apps.

We share with you the top ten Chrome extensions for designers and developers.

15 extensions Google pour les concepteurs de sites Web (Six Revisions) http://bit.ly/cjWXoz – Gilles Klein (GillesKLEIN) http://twitter.com/GillesKLEIN/statuses/12809428459

RT @GillesKLEIN: 15 extensions Google pour les concepteurs de sites Web (Six Revisions) http://bit.ly/cjWXoz

# Enable everyone coming to your site to broadcast their activity to their social graph # Socialthing for Websites doesn’t require clients or plugins to be installed by the user # Deeper engagement through synchronous communication (IM and Chat)

SocialThing é da TimeWarner

Socialthing for Websites is an advanced suite of social networking services that enable site owners to keep users engaged wherever they are.

なんか使えるかものメモメモ。

Now what is the layout viewport? It’s the area (in CSS pixels) that the

Nice breakdown of browser resolutions and web development on mobile browsers / via http://daringfireball.net /

Peter-Paul Koch reder ut begreppen runt skärmbredd, css-pixlar och device-independent pixlar.

Web forms interface gallery

Research into how Web browsers apply CSS properties/values onto form elements.

Research into how Web browsers apply CSS properties/values onto form elements. Browsers: Internet Explorer 5.5 - Internet Explorer 6 - Internet Explorer 7 - Internet Explorer 8b2 - Firefox 1.5 - Firefox 2 - Firefox 3 - Opera 8.5 - Opera 9 - Chrome1 - Netscape Navigator 7.2 Operating System: Mac OS - Windows OS CSS Properties: background-color - background-image - border: 0 - border-color - border-style - border-width - color - font-family - font-size - font-weight - height - letter-spacing - line-height - margin - padding - text-align - text-decoration - width - text-indent - word-spacing Form Elements: Input-Radio Buttons- Input-File Upload - Textarea - Input-Text - Input-Checkboxes - Select-Multiple Items - Select-Single Item - Submit Button

Like the original Ultima games??

filter: progid:DXImageTransform.Microsoft.Shadow(color='#969696', Direction=145, Strength=3);

Windows only: If you're considering ditching your cable television altogether and partaking of the buffet of free media available online, you definitely want to check out MediaFox, a custom version of Firefox Portable.

Annotated link http://www.diigo.com/bookmark/http%3A%2F%2Flifehacker.com%2F5169172%2Fmediafox-a-firefox-build-with-media-on-the-mind

JavaScript 等の速度を測定する。Firefox add-on

No matter which browser you prefer, there’s a plethora of ways to customize the way you surf the Web. There are countless plugins, extensions, toolbars and more. Some of these are easy to install while others require a little more effort.

Great Collection of tools for different browsers

The Importance of Cross Browser Compatibility: Tips and Resources http://bit.ly/cSF1qc

크로스브라우징을 위한 리셋 및 테스터

What is this?

Compatibility tables for features in HTML5, CSS3, SVG and other upcoming web technologies

Ah, how exactly this matches what I wonder on a daily basis...

den stora frågan med html5 är när vi kan använda alla features. http://caniuse.com/ ger delvis svaren... #w2e – Martin Belak (belak) http://twitter.com/belak/statuses/13320170763

Online Browser Resizer

Resize windows online

Browize allows you to resize your browser without using a plugin or addon and only requires javascript to run.

"..The name is derived from the graphical user interface frame, or "chrome", of web browsers. As of April 2010, Chrome was the third most widely used browser, with 6.73% of worldwide usage share of web browsers, according to Net Applications. In September 2008, Google released a large portion of Chrome's source code, including its V8 JavaScript engine, as an open source project entitled Chromium. This move enabled third-party developers to study the underlying source code and help port the browser to Mac OS X and Linux.. The Google-authored portion of Chromium is released under the permissive BSD license, which allows portions to be incorporated into both open source and closed-source software programs. Other portions of the source code are subject to a variety of open-source licenses. Chromium implements the same feature set as Chrome, but lacks built in automatic updates and Google branding, most notably it has a blue-colored logo in place of the multicolored Google logo.." :-)

Google Chrome is a web browser released by Google which uses the WebKit layout engine and application framework. It was first released as a beta version for Microsoft Windows on 2 September 2008, and the public stable release was on 11 December 2008. The name is derived from the graphical user interface frame, or "chrome", of web browsers. In September 2009, Chrome was the fourth most widely used browser, with 2.84% of worldwide usage share of web browsers.[1] Development versions of Chrome for Linux and Mac OS X were released in June 2009. Google released the entire source code of Chrome, including its bespoke V8 JavaScript engine as an open source project entitled Chromium, in 2008.[2][3] This move enabled third-party developers to port the browser to the Linux and Mac OS X platforms, apart from being able to study the underlying source code. A Google spokesperson also expressed hope that other browsers will adopt V8 to help web applications.[4] (...)

Sweet! Scribd, now in HTML5: http://bit.ly/awbTb4 (link to their presentation about the change)

Scribd is a way to easily put your documents online.

Flash -> HTML5

RT @nitot: Moving away from Flash to HTML5 : http://www.scribd.com/documents/30964170/Scribd-in-HTML5 #html5

three.js Javascript 3D Engine

3D js 库 html5

Javascript 3D Engine

Look ma, no Flash!

Appendix A: All-In-One Almost-Alphabetical No-Bullshit Guide to Detecting Everything

If you want the guts of how Modernizr HTML5 CSS3 feature detection works...

#swear #superlative.

Mais uma notícia sobre HTML 5....

Very cool demo of new HTML-5 video.

This has amazing implications for product placement in the future – the product can be customized to the individual.

IE6, well, was a browser with fresh features when it first came out but it is currently 8 years old (must be about 160 human years). It is still around, mostly because it came bundled with many distributions of the most popular Windows OS ever: XP & bad luck that users still have that old CD. So, within time, unlike every software, it didn’t disappear, got more powerful & managed to build new communities around it: "designers & developers who try to overcome the IE6 difficulties", "users with bad browsing experiences".. : ).

IE6, well, was a browser with fresh features when it first came out but it is currently 8 years old (must be about 160 human years). It is still around, mostly because it came bundled with many distributions of the most popular Windows OS ever: XP & bad luck that users still have that old CD. So, within time, unlike every software, it didn’t disappear, got more powerful & managed to build new communities around it: "designers & developers who try to overcome the IE6 difficulties", "users with bad browsing experiences".

The WebM Project : Google VP8

The WebM project is dedicated to developing a high-quality, open video format for the web that is freely available to everyone.

The WebM project is dedicated to developing a high-quality, open video format for the web that is freely available to everyone. The WebM launch is supported by Mozilla, Opera, Google and more than forty other publishers, software and hardware vendors.

From Opera's Site Opera Unite reinvents the Web Cloud computing and Web-based applications will never be the same June 16, 2009 — Oslo, Norway Opera today unveiled Opera Unite, a new technology that shakes up the old client-server computing model of the Web. Opera Unite turns any computer into both a client and a server, allowing it to interact with and serve content to other computers directly across the Web, without the need for third-party servers. Opera Unite makes serving data as simple and easy as browsing the Web. For consumers, Opera Unite services give greater control of private data and make it easy to share data with any device equipped with a modern Web browser. For Web developers, Opera Unite services are based on the same open Web standards as Web sites today. This dramatically simplifies the complexity of authoring cutting-edge Web services. With Opera Unite, creating a full Web service is now as easy as coding a Web page.

Cloud computing and Web-based applications will never be the same June 16, 2009 — Oslo, Norway Opera today unveiled Opera Unite, a new technology that shakes up the old client-server computing model of the Web. Opera Unite turns any computer into both a client and a server, allowing it to interact with and serve content to other computers directly across the Web, without the need for third-party servers. Opera Unite makes serving data as simple and easy as browsing the Web. For consumers, Opera Unite services give greater control of private data and make it easy to share data with any device equipped with a modern Web browser.

jm: bridging your desktop to the cloud (UPDATE) Annotated link http://www.diigo.com/bookmark/http%3A%2F%2Fwww.opera.com%2Fpress%2Freleases%2F2009%2F06%2F16

通常、ブラウザには「履歴を削除する機能」が備わっていて、ブラウザの履歴を削除すればあなたの悪行の数々は消え去ってくれるように思えます。 しかし、ブラウザからは消せない履歴が残っているのです…

「~/Library/Preferences/Macromedia/Flash Player/#SharedObjects/ランダムなハッシュ/」の場所に Flash の Local Shared Object（Cookieみたいなもの）が保存されるので、サイトの訪問履歴が残されてしまう。

Interactive Google logo celebrating the 30th anniversary of Pacman. Playable to 255 levels. Click "Insert Coin" a second time for 2-player mode (control with ASDW).

Google doodle Pac-Man http://ow.ly/17tjKr – Javascript News (del_javascript) http://twitter.com/del_javascript/statuses/14579416618

a google doodle as a playable pacman game

More of the same. It must be done.

yes please!

Opera Software: Freedom

The Web is your browser. Discover how fast and fun the Web can be.

On June 16th at 9:00 a.m (CEDT), Opera will {supposedly] reinvent the Web. http://www.opera.com/freedom/ [from http://twitter.com/teedubya/statuses/2162180386]

On June 16th at 9:00 a.m (CEDT), we will reinvent the Web.

Reinventing the web

http://tinyurl.com/kl69uc Opera se met au buzz, rdv demain pour voir... [from http://twitter.com/Tamantafamiglia/statuses/2179777334]

text-overflow: ellipsis

Implements the non-standard 'text-overflow: ellipsis' CSS technique for Firefox. (Other major browsers support it natively.)

HTML5に組み込まれる予定の3Dグラフィックエンジン O3D

google code o3d

これjavascriptなの？

O3Dの技術資料 http://masafumi.cocolog-nifty.com/masafumis_diary/2009/04/o3d-9b87.html

比chrome更快的，下一代firefox浏览器

Firefox is outdoing itself with Minefield, which sets new speed records. Read this blog post by Matt Asay on The Open Road.

How fast? Some claim that it has the fastest javascript engine on the planet, which means it leaves Google's Chrome browser in the dust. In my own unscientific tests, I'd say that this assertion is correct. Ars Technica pegs Minefield as 10 percent faster than Chrome.

2528 diggs

Annotated link http://www.diigo.com/bookmark/http%3A%2F%2Fwww.readwriteweb.com%2Farchives%2Fmicrosoft_office_comes_to_browser.php

Microsoft announced this morning at its PDC conference that the next release of Microsoft Office will include browser-based versions of some of its main office software products - Word, Excel, PowerPoint and OneNote. These will be "lightweight versions", but Microsoft told us yesterday that they'll still have rich functionality and will be comparable to Google's suite of online office applications. The apps will enable users to create, edit and collaborate on Microsoft Office documents through the browser.

Microsoft announced this morning at its PDC conference that the next release of Microsoft Office will include browser-based versions of some of its main office software products - Word, Excel, PowerPoint and OneNote. Annotated link http://www.diigo.com/bookmark/http%3A%2F%2Fwww.readwriteweb.com%2Farchives%2Fmicrosoft_office_comes_to_browser.php

Microsoft announced this morning at its PDC conference that the next release of Microsoft Office will include browser-based versions of some of its main office software products - Word, Excel, PowerPoint and OneNote. These will be "lightweight versions", but Microsoft told us yesterday that they'll still have rich functionality and will be comparable to Google's suite of online office applications. The apps will enable users to create, edit and collaborate on Microsoft Office documents through the browser. The apps will work in IE, Firefox and Safari browsers (no word on whether Google Chrome will be supported).

Greasemonkey is a powerful Firefox add-on that lets you change the appearance and functionality of almost any page on the web. Most people don't know how to write JavaScript, though, so we end up using the Greasemonkey scripts developed by other people who do. There are lots and lots of scripts that have been written and they are fun, useful and easy to run.

Greasemonkey is a powerful Firefox add-on that lets you change the appearance and functionality of almost any page on the web. Most people don't know how to write ...

SHARED USING: http://www.tagle.it

Ah - userscripts.org is where the "plug-ins for the plug-in" live.

Chrome process model

pending sect. 2 & 3

Google Chrome is a browser that combines a minimal design with sophisticated technology to make the web faster, safer, and easier.

Google Chrome is a browser that combines a minimal design with sophisticated technology to make the web faster, safer, and easier. Search from the address bar, Thumbnails of your top sites (Access your favorite pages instantly with lightning speed from any new tab), Private browsing (Incognito window when you don't want to save your browsing history)...

Get a fast, free web browser Google Chrome runs web pages and applications with lightning speed.

そんなころころ新しいバグ見つかるもんなんかなあ。mozillaには何度かバグ報告した記憶があるけど、印刷周りとかだったような

開発版を使ってバグレポートもちゃんとしましょうという話。

Web 開発者の圧倒的多数は、一度もブラウザベンダにバグ報告を登録したことがないばかりか、ブラウザのナイトリー版を使ったことさえありません。これは恥じるべきことです。考えてみれば、ブラウザの何が異常かを評価するのに、ブラウザでの開発に日々を費やす人ほどその資格がある人というのはほとんどいないのです。 ブラウザのバグを登録せず、ナイトリーでのテストもしないプロの開発者を見たとき、私は特に驚きました。ほとんどの開発者の主な仕事のひとつに、クロスブラウザの問題を取り繕うことがあります。よって、バグの数を減らす (そして仕事を劇的に単純化する) ことは最優先事項になります。 私は個人的に全主要ブラウザベンダにバグ報告を登録してきて、良い報告を生み出すいくつかの特徴に気づきました。

被害を被るのだから積極的にバグ報告しましょうという話。

Magic properties make Firefox synchronously load the Java plugin

"In other words, don't define a window-level function called sun(). It will absolutely kill your page's performance, because at least one modern-day browser will think you want Java, because of a 'feature' invented by Netscape in 1997."

JVM considered harmfull

Browsers are fucked up man. FUCKED UP. Stuff like this makes me smile though.

THE TUTORIAL GOLDEN!!!

ブラウザ間によるCSSの解釈のまとめ。最後まで読んでないけどCSS3についての解説もある？

It is arguable that there is no goal in web design more satisfying than getting a beautiful and intuitive design to look exactly the same in every currently-used...

"As you probably know, cross-browser testing is an important part of any developer’s routine. As the number of browsers increase, and they certainly have in recent years, the need for automatic tools that can assist us in the process becomes ever greater. In this article, we present an overview of different cross-browser testing applications and services."... "This is not just a list of available tools, but rather a comprehensive analysis based on my experience with each of them. For the impatient among you, a summary table is at the end summarizing key metrics and unique features for each service. But if you’re interested in my personal experience with these tools, then read on. Probably the most important metric of these services is the capture delay, which I measured for the URL stackoverflow, with the following browsers enabled: Firefox, IE, Chrome and Safari."

Cross-Browser Testing: A Detailed Review Of Tools And Services http://bit.ly/bc1ikw #css #crossbrowser #fav

Adobe BrowserLabやMicrosoft Expression Web SuperPreviewなどの複数ブラウザでの表示チェックのためのツール／サービス8つを比較しています

As you probably know, cross-browser testing is an important part of any developer's routine. As the number of browsers increase, and they certainly have in recent...

RT:@joffrey Plein de nouvelles extensions pour Safari 5 : http://bit.ly/9CLu68

@antonsten du hittar fler här: http://cl.ly/1KdE – Linus Lundahl (linuslundahl) http://twitter.com/linuslundahl/statuses/15834881741

RT @wpSEO: Sehr aktuelle Liste der Safari 5 Erweiterungen http://j.mp/cgRAqs #safari

Safari 5 extensions. A ver que tal

An experiment with CSS3 border-radius, transforms & animations. Love it.

Попробуйте открыть это и в Internet Explorer 8 — у него свое видение нашей солнечной системы :)

A Solar System infoviz using CSS3 features: border-radius, transforms & animations.

Une belle réalisation en CSS3 Impressionnant...

@caryblack Makes me paranoid. http://www.azarask.in/blog/post/a-new-type-of-phishing-attack/

Tabnabbing: A New Type of Phishing Attack - via @dustice http://www.azarask.in/blog/post/a-new-type-of-phishing-attack/

.

Nova Propaganda do Google

감자로 오셨을때가 좋았는데^^ RT @gatorlog: 빛과 소리로 세상에 오신 크롬님. 믿~씁니다 RT @channyun @hyunwook 구글 크롬의 놀라운 스피드를 강조한 동영상 광고. http://bit.ly/btvoVH

These speed tests were filmed at actual web page rendering times. If you're interested in the technical details, read on!<br><br>Equipment used: <br><br>- Computer: MacBook ...

Opera makes an awesome reply to the Chrome Speed video: http://goo.gl/UnJL Original Chrome video: http://goo.gl/aNt4 – Matt Cutts (mattcutts) http://twitter.com/mattcutts/statuses/14928114178

RT @mattcutts: Opera makes an awesome reply to the Chrome Speed video: http://goo.gl/UnJL Original Chrome video: http://goo.gl/aNt4

These speed tests were filmed at actual web page rendering times. If you're interested in the technical details, read on! ... Chrome Browser vs. Potato: We used a version of the web page allrecipes.com that is accessible when logged in. About four hours into the Potato Gun shoot we decided to use a locally loaded version of the web page to enable more precise synchronization with the potato gun. We finally got the shot we were hoping for after 51 takes. Chrome Browser vs. Sound: We loaded an artist page from Pandora.com, a streaming internet radio service directly off the web on a 15Mbps internet connection. Chrome Browser vs. Lightning: We used a locally loaded version of weather.com that was legally approved for use in this video (and all the standard website permissions procedures that goes into making videos!) While we had a super fast 15Mbps internet connection in the studio, any live internet connection introduces quite a bit of variability.

Extensiones/plugins para Google Chrome

Chrome features a vast collection of extensions at the moment. It also regularly beats its opponents in various speed and compatibility tests, while the great set of developer tools promoted the browser to a very interesting solution for web enthusiasts. But does it have enough ‘extension power’ to overcome Firefox? Check out the following twenty extensions, and make up your own min

Les extensions de développement essentielles (Chrome)

Check out the following twenty extensions, and make up your own mind!

chrome extensions

これは意外だった。

まじか

セレクタは右から左に解釈される これは正直知らなくて、結構衝撃でした。 #foo .bar {} これはなんとなく#fooを探して、その中の.barを探している気がしてたんですけど、実は.barを探して、その親要素に#fooがあるかを探すそうです。なので特に#fooが必要なければ .bar {} と書いたほうが高速だということ。 また、以下の様に要素名で指定すると、その要素を全て探します。 #foo a {} これは一度a要素を全て探すので、できればaにclassをふって #foo .anchor {} とするほうが高速のようです。（#fooをとるとより高速） 特にユニバーサルセレクタなどは、 #foo * {} とすると、全ての要素の親要素に対して#fooがあるかどうかを調べるので遅くなるようです。

Chrome拡張に関する素敵なまとめ。はてブのブックマークとしての利用は中止して、これからはdeliciousとGoogleブックマークの2本でソーシャルブックマークはやっていこうと思う。

Google Chrome Extentionの説明で一番役に立つと思われる。

Speed Dial... Taberareloo...私がtumblerユーザーであり、はてぶユーザーであり、ツイッターユーザーであり、Evernoteユーザーであり、del.icio.usユーザーで、色々やってるから便利とかそんなレベルではない。どれかひとつのユーザーでもこれはかなり使い勝手の良いツール Google bookmarks.... IE Tab... AutoPager Chrome... Docs PDF/PowerPoint Viewer（by Google）...パワーポイントが無くて困ったときのお助けエクステンション。これさえあれば閲覧は出来る

Erlang is a programming language created in the Computer Science lab at Ericsson in Sweden in the late 1980s. The above prompt represents an Erlang shell, where you can try the full power of Erlang (well, sort of). To start this tutorial please type ok.. Please note that in Erlang every instruction must be terminated by a DOT (.), and to have it evaluated type Enter.!

"Erlang is a programming language created in the Computer Science lab at Ericsson in Sweden in the late 1980s. The above prompt represents an Erlang shell, where you can try the full power of Erlang (well, sort of). To start this tutorial please type ok.."

メモ。

master

cool idea

Bookmarklet Combiner creates a master bookmarklet that can launch them all. W-Shadow's web tool couldn't be more simple. Copy the JavaScript code from your bookmarklets (usually accomplished with a right-click, then "Edit" or "Properties"), paste them into the combiner field, then give them each a name. Choose whether you want a drop-down menu to appear with your bookmarklets listed, or fire a combination of bookmarklets all at once. Name your One Bookmarklet, drag it to your bookmarks, and you're done.

Introducing a script (eCSStender) that deals with CSS3 and translates it to expressions that older browsers can handle. May be a nice thing to use.

Is a library the solution? Will be useful for a while though.

pdf

pdf.js - create basic pdf files in the browser and node.js - http://maraksquires.com/pdf.js/

Para crear pdf usando el navegador

แก้โค้ดในบราวเซอร์

Plugin para explorer, firefox y chrome. Lo que hace es que no nos cuenta nuestras propias visitas.

開発者用のChromeExtensionまとめ/

chromeの便利なエクステンション

JavaScript Blacklist is a simple extension for Safari 5 which blacklists scripts from a configurable list of domains. If a common "utility" script used by sites that you visit is annoying you, this will let you opt out quickly and easily. Examples of idiotic stuff you might want to block: tynt.com - modifies copy-pasted text intellitxt.com - green links with double-underlines snap.com - link previews

JavaScript Blacklist is a simple extension for Safari 5 which blacklists scripts from a configurable list of domains. If a common "utility" script used by sites that you visit is annoying you, this will let you opt out quickly and easily.

"JavaScript Blacklist is a simple extension for Safari 5 which blacklists scripts from a configurable list of domains. If a common "utility" script used by sites that you visit is annoying you, this will let you opt out quickly and easily." Better version of the tynt-blocker extension I linked to before.

JavaScript Blacklist is a simple extension for Safari 5 which blacklists scripts from a configurable list of domains. If a common "utility" script used by sites that you visit is annoying you, this will let you opt out quickly and easily. Here are some examples of common annoying scripts. JavaScript Blacklist comes pre-configured to block these by default. * tynt.com - modifies copy-pasted text * intellitxt.com - green links with double-underlines * snap.com - link previews

Allows you to turn off annoying scripts.

Safari JavaScript Blacklist - JavaScript Blacklist is a simple extension for Safari 5 which blacklists scripts from ... http://ow.ly/17K9ef – Javascript News (del_javascript) http://twitter.com/del_javascript/statuses/16212314408

http://hacks.mozilla.org/2010/06/css3-calc/

CSS 로 크기 따위 계산하기..

これが使えるようになればだいぶ便利になるな

Firefox 4: CSS3 calc()

tech tools

How To Watch Live TV In Google Chrome Browser For Free http://goo.gl/QFZO

気になる！ Browsing : Safari拡張の作り方 - 0xFF - http://bit.ly/akb7L2

plugin para firefox que te permite controlar tu velocidad de conexion (tambien en la red local) para poder testar tus paginas

Langsame Internetverbindung simulieren (Firefox)

simulation small bandwidth

RT @MikeGrace: MaximumPC lists Kynetx Sweeter as 1 of 32 incredible bookmarklets http://bit.ly/b7n1Tu Get it: @ http://bit.ly/cEnYLE #edtech

Realizar testes de navegação

I found this very interesting - Bill.

CSS Media Queries & Using Available Space | CSS-Tricks - http://css-tricks.com/css-media-queries/

different stylesheets depending on browser window size

"CSS Media Queries & Using Available Space" by @chriscoyier #tech #webdev http://bit.ly/cacu4y – Elijah Manor (elijahmanor) http://twitter.com/elijahmanor/statuses/17875536154

@etupirka これ？ http://zapanet.info/blog/item/1937

長期間使用してFirefoxが重くなってきたなぁと感じたら、騙されたと思ってpla

C:\Users\ユーザー名\AppData\Roaming\Mozilla\Firefox\Profiles\適当な文字列.default\places.sqliteを削除する。。 places.sqliteを削除することによって、閲覧ページの履歴、faviconなどのキャッシュが削除されます（履歴とfaviconが必要な人は削除しないようにしてください）。ブックマークのデータ等は消えない他、クッキーも消えないようです（追記：「厳密にはbookmarkbackups フォルダにバックアップされたデータから復元」されるそうです）。

places.sqlite

An assessment of mobile brower cache behaviour and recommendations for improving the chances that your content can be cached for improved performance.

One task drives web professionals to distraction more than almost any other: testing whether their design works equally well in a multitude of browsers and on different devices. The list of browsers and platforms to verify against keeps getting longer, and as designers, our tempers are getting proportionally shorter; IE6 will probably feature in nightmares for years to come! Yet doing our work in an ever-widening range of situations is becoming increasingly important. This article highlights the most common issues that arise when testing with “the usual suspects” and explains why a change in tactics may soon be needed. Your entire perspective on compatibility testing could change.

An assessment of mobile brower cache behaviour and recommendations for improving the chances that your content can be cached for improved performance.

A new online Browser window resize app for Web developers.

A googler shares his list of favorite extensions for Chrome.

RT @TechnologyGeek: Google Blog - Use Chrome like a pro http://bit.ly/bVwCV8 – Paulo Simões (pgsimoes) http://twitter.com/pgsimoes/statuses/18637470496

A googler shares his list of favorite extensions for Chrome.

RT @TechnologyGeek: Google Blog - Use Chrome like a pro http://bit.ly/bVwCV8 – Paulo Simões (pgsimoes) http://twitter.com/pgsimoes/statuses/18637470496

A googler shares his list of favorite extensions for Chrome.

RT @TechnologyGeek: Google Blog - Use Chrome like a pro http://bit.ly/bVwCV8 – Paulo Simões (pgsimoes) http://twitter.com/pgsimoes/statuses/18637470496

Best Chrome Addons

Modernizr detects feature support across JS APIs and CSS. Now, there is a simple page that shows you what Modernizr thinks of your browserhttp://www.modernizr.com/

Modernizr detects feature support across JS APIs and CSS. Now, there is a simple page that shows you what Modernizr thinks of your browserhttp://www.modernizr.com/

Események tesztelése JavaScript alkalmazásokban

Syn is used to simulate user actions such as typing, clicking, dragging the mouse. It creates synthetic events and performs default event behavior.

Jupiter Consulting provides expert jQuery and JavaScript consulting and development services.