Googleがついにベータ版として出したWebブラウザ「Google Chrome（グーグル・クロム）」は、なかなかの出来のようだ。 Google Chrome 2008年9月3日時点ですでにダウンロード可能になっているが、無料で利用でき、インストールにも時間がかからなかった（上記ページからインストーラをダウンロード可能）。 ブラウザを起動するとかなり軽快に動作し、HTMLのレンダリングやJavaScriptの実行...
長くうわさされてきた、Googleのオープンソースブラウザプロジェクトとして、「Google Chrome」の存在を示す、あるオンライン「漫画本」が米国時間9月1日に登場した。漫画家のScott McCloud氏の手になるイラストは、Googleが正式に発表したものではないものの、19名のGoogle開発者のような登場人物と、その発言が含まれている。 Google Blogoscopedに掲載されたオンライン漫画（提供：Google ...
画像だけを表示するRSSリーダーを作る時にCSS3のアニメーションを使ったので、軽くまとめてみます。間違い等あれば指摘していただけるとありがたいです。全体的に[要出典]です。 CSS3アニメーション アニメーション自体がものすごく軽いのはsafariのCSS3で使える-webkit-transformと-webkit-transitionを使っているためです。 -webkit-transformは変化後のスタイルを規定し、-webkit-transitionは動...
『 Flickrの画像をカバーフローみたく表示できるFlashパーツを作成してくれるサイト。登録不要。ユーザーネーム、セット名、タグで絞り込める。ただし、公開している写真だけ 』
（DOM5、HTML5等）などが揃い、開発者たちはAJAXの先へと加速され、高性能、多機能でデスクトップと密に連携した新世代のウェブアプリケーションへと導かれていく。 今、開発者とユーザーはともに、以前にはなかったウェブ技術の選択肢を与えられている。さまざまな会社がそれぞれに「次世代ウェブはこれだ」と見せつけるにつれ、「DLL地獄」は「プラグイン地獄」に取って代...
Yahoo!JAPANが早速、iPhone向けサイトの試作を開始しているというニュースがありました。皆さんが運営するサイトでは対応するのでしょうか。コメントで是非教えて下さい。 iPhone争奪戦で最初に手を挙げたのはソフトバンクモバイルだった。昨晩は各ニュースサイトの記事やブログエントリ、それらに付いたはてなブックマークのコメントをネタに、ひとしきり盛り上がったので...
「mixiが重い」 1～2年ほど前から筆者の周りで聞くようになった言葉である。たしかに以前はアクセス過多のせいで表示が遅かったけれど……と、気が付けば重いのはmixiだけではない。「Google Docs」も、「Gmail」も、「ヤプログ」も、「BIGLOBEメール」も重い。いわゆるWeb2.0系のサービスがみんな遅いのである。 その原因は、いわゆる「Ajax」などと呼ばれる最近のJavaScriptの流行...
『 FirefoxもFirebugや、UserAgentSwitcherなど、各種プラグインを組み合わせれば同様の機能を利用できますが、SafariはWebブラウザに統合され、連携度の高い、使い勝手の良さが際立っています。 』
これを JS に移植しました。 http://svn.webkit.org/repository/webkit/trunk/WebCore/css/tokenizer.flex ポイント それなりに汎用的な Flex みたいなものを作ったので、その部分は CSS 以外にも使えると思います。 あと、定義を文字列で書かずに正規表現オブジェクトで書くのでバックスラッシュをエスケープせずに書けます。ですので、ほとんどの箇所は WebKit の tokenizer の定義をコピーするだけで済...
『 IE6よりIE7の方が重くなってるのか//最も遅いIE7と最速のFirefox3ベータを比べると8.4倍の速度差/Firefoxの2と3を比べても4.3倍の差があり、JavaScriptエンジンが次世代で大幅に高速化されている 』
はじめに Safari 3.1 には Client-side database storage （SQL API とも呼ばれています。）という新しい仕様が実装されました。 というわけで、この新しい API について色々調べたことを簡単にまとめておきます。 Client-side database storage が使えるブラウザ 2008 年 03 月 27 日現在では、 Safari 系のブラウザのみです。 Safari 3.1 WebKit Nightly Client-side database storage とは Selectors API とは W3C で定義された仕...
Drosera とは 1000speakers 後のハッカソンで 山岸くん が「Drosera っていうアプリがある！」って発見して、教えてもらいました。 Drosera は WebKit 用の JavaScript デバッガで、 Windows XP でも Mac でも動くみたいです。 WebKit Nightly Builds からダウンロードした WebKit のアーカイブの中に同封されています。 で、実際に使ってみた感じ できること ステップ実行 コールスタックを見る レキシカル...
『 サイトのスクリーンショットを細かく設定して取得できる。参照：http://www.100shiki.com/archives/2008/04/super_screen_shot.html 』
『 MacOSX標準のWebブラウザ「Safari」に対応するJavaScriptデバッガ「Drosera」を公開した。 』
PDF を指定すると、そのページすべての領域が保存される。それ以外のフォーマットだと、スクリーンサイズ、デフォルトでは 800 x 600、の領域だけだ。スクリーンサイズの変更の仕方は、後で説明しよう。 出力ファイル名の指定 出力ファイル名は、デフォルトだと Web ページのタイトルを使う。日本語でも、そのまま使ってしまっているぜ。出力ファイル名をを指定する場合は、-o...
現在のところFirefoxなどのGeckoエンジンとOpera、それからSafari/WebKitベース以外のブラウザでは実現できていませんが、次の「CSS3」だとこういうことができるよ～という例。テキストに影を付けるとか、コーナーを丸くするとかなかなか面白い。
head 要素に上記のようなタグを入れるだけです。ただ、ここで width に指定する横幅を自分のサイトに合わせて最適化する必要があります。 ちなみに、上記の width=1024 となっている viewport の設定 Apple のホームページで使っているもの。（厳密には、xhtml を使ってないためか、最後のスラッシュがない形になってますが。） なお、実のところ、viewport なんて設定しなくても iPhone/iPod ...
