Web制作者向けなChromeの拡張機能＋α | gaspanik weblog
OS X用のChromeでもDev版でようやくエクステンション（拡張機能）が使えるようになったので、Web制作に役立ちそうなものをピックアップしてみました。せっかくなんで、おまけとして人によってはありがたいだろうものも載っけておきます。 とにもかくにもChromeのDev版をダウンロードしましょう。「あくまでも開発者向けなので…」とか言いたいとこですが、別にマシンがぶっ壊れるようなことはないので大丈夫（笑）。ちっちゃいことは気にすんな、ワカチコ。 ただし、Googleからは直接ダウンロードできませんので、Chromium Projectsの「Early Access Release Channels」からどうぞ。 真ん中あたりに「Dev Channel: GoogleChrome.dmg」ってリンクがありますので、ダウンロード&レッツらインスコローリングです。 肝心のエクステンションは、G
Page Speedでチェックついでに最適化 | gaspanik weblog
前エントリー「YSlow!、使ってわかるあんなことこんなこと」でFirefoxのアドオン「YSlow!」の使い方とか見方を紹介したので、今回はGoogleさん謹製のアドオン「Page Speed」の話をしてみようかと思います。 前回同様、「そうだ、京都、いってきた」的なページを参考ページとしまして、今回は画像に関するちょっとした話なんかも入れていきたいと思います。では、Page Speed編もいってみましょう。 始める前に、Page Speedのインストールから「Page Speed」は、Firefoxのアドオンサイトには登録されていませんので、GoogleさんのPage Speedのダウンロードページから直接インストールします。現在、正式版が「Version 1.4」、β版として「Version 1.5」が公開されていますので、どちらかお好きな方を。古いものよりは新しいものの方が良いと思
YSlow!、使ってわかるあんなことこんなこと | gaspanik weblog
先月発売された「Web Designing」2010年1月号の特集では、ただの紹介だけに留まっていたツールの簡単な解説でもしてみようかと思います。今回は「YSlow!」で次回は「PageSpeed」ってな感じでお届けします。 双方のツールを使ってトータルであれこれと解説したいところなので、このサイトで割と画像を使ってる「そうだ、京都、いってきた」的なページを参考ページとします。 では、そんな感じで始まり始まり。 まずは、YSlow!が使えるようにする米Yahoo! Inc.さん謹製の「YSlow!」は、Firefoxのアドオンです。これ単体で動作するわけではなく、あらかじめ「Firebug」というアドオンが必要になりますので、こちらもあわせてインストールしましょう。インストールするとブラウザウィンドウの右下に「虫」のアイコンが出てきますので、それをクリックするとFirebugの画面を呼び出
Google Chrome Frameを入れてみたよ | gaspanik weblog
GoogleさんがマイクロソフトのInternet ExplorerでHTML 5のcanvasのタグなどをサポートするプラグイン「Google Chrome Frame」をリリースしました。これがないと近々リリースされるであろうGoogle Waveが、IEのほとんどすべてで使えないだろうからそのためなんでしょう。 このプラグインを入れたIEは、metaに特定の指示詞があればそのページのレンダリングエンジンをWebKitにし、JavaScriptのエンジンもChromeに入ってるものが使われるようです。ようはそこだけChromeになるってことですね。 同意してインストールすれば終わりです。 ただこれは何もGoogle Waveに限った話ではなく、普段IEをお使いの皆さんが導入してくれれば、FirefoxやSafari、Chrome、Operaといったブラウザに最適化して作っておいても、見
UIテストな？サービス3つ（でもプライベートβ） | gaspanik weblog
Webサイトはただ見た目をキレイに作ればいいというわけではなく、それを閲覧する人たちがうまく使えてるか（というか、制作者の思い込みだけで作って失敗してないか？ 笑）、ちゃんと目的地まで送り届けられているか、などを開発段階でテストしたり、サイトを公開してからチェックして修正を加えながらより良いものにしていくということが必要です（作ってお終いって思われがちだけど、実はA-HAテストのようにジワーッと変えていたり 謎）。 サイトに訪れた人たちは、ナビゲーションがわかりにくくてどこ押していいか戸惑っていたり、サイト内のコンテンツそのものの配置がわかりにくい、言葉がわからなかったりってこともあります。 制作者側の「こんぐらいわかってもらえるだろう」的な考えだと、一般の利用者の視点に立ってなくて失敗していることもあるかも知れませんからね（それは「世の中ブロードバンドだから」っていう大きな勘違いも一緒
Gmail Redesigned v2 | gaspanik weblog
なんかGmailをhttps接続しないとあーだこーだとあるようですが、「みんな今までそのまんまだったの？」ってのが正直なところ。GoogleさんがGmailの設定項目の中にそのオンオフを出したのは比較的最近だった気がしますが、Firefoxを使っていれば大分前から「CustomizeGoogle」やら「Better Gmail」なんてFirefoxのアドオンを使ってれば、Gmail側の設定にこそなくてもhttpsで接続できてました。 ま、そんなことは人の勝手なのでどうでもよいとして（笑）。 前述のBetter Gmailは、Gmailのあの画面をカスタマイズしたスキンなんかも選べるんですけど、久しぶりに設定を見たら素敵なのが増えてました。Better GmailはStylishとかで提供されているものが時折組み込まれるんですよね。 で、最近は素のままでスキンを適用していなかったのですが、今
iPhoneとかiPod touchのちょっとした話 | gaspanik weblog
iPhoneの発売やらtouchの2.0アップデートもあってからというもの、方々でいろいろな呟きを目にしています。「重い」「落ちる」などなど。まぁ、正直言うとよく予告もなく落ちますよ（それはtouchが出た時からずっと 笑）。 うまく使いたい、あんまりイライラしないで使いたい方は以下に書くことを何かの参考にされて下さい。 まずはマニュアルを読む同梱されているマニュアル的なものはペラッとした紙しかないに等しいApple仕様です。ま、マニュアルなくても一通りの操作はできますからね。でも、それ以外のちゃんとしたマニュアルというものがPDFで公開されています。とりあえず、基本操作から各種設定のことなど一通り目を通しましょう。 メールのリストのタイトル部分を左から右にササッと指でなぞると「delete」ボタンが出てくるとか知らない人も多いでしょう？ バッテリーをもたせるためにはiPod touchが
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
iPhoneの着信音の作り方 | gaspanik weblog
Fluidでサイト専用ブラウザを作る | gaspanik weblog
JavaScriptやCSSを圧縮するプラグイン | gaspanik weblog
http://blog.gaspanik.com/articles/530/365days-pictobrowser
gaspanik weblog » Blog Archive » GmailのIMAPきたー
http://blog.gaspanik.com/articles/409/ipod-touch-jailbreak-2
http://blog.gaspanik.com/articles/407/ipod-touch-home-button-action
http://blog.gaspanik.com/articles/400/optimized-for-iphone-and-ipod-touch
http://blog.gaspanik.com/articles/399/google-calendar-for-iphone-and-ipod-touch
http://blog.gaspanik.com/articles/works/276/opera-ssr
http://blog.gaspanik.com/articles/works/215/snapz-pro-x-universal-binary
http://blog.gaspanik.com/articles/works/202/csshack-for-ie7-memo
http://blog.gaspanik.com/articles/9/firefox-snap-links