このブログがフロントに関する記事が多いもんだから、たまにデザイナーと呼ばれることがあるんですが、僕は業務としてはデザインよか制作ディレクションの方がどちらかと言えばメインなんですよね。 そんなディレクターとしての役割の一つに、周りにいる優れたデザイナーやプログラマー、デベロッパーの業務効率を考えることが挙げられます。 何を取るわけでもなく中途半端な僕ですが、ディレクターとして周りの各プロフェッショナルの役に少しでも立てればと、そして制作する上での効率を向上させるべく色々情報収集をする中で、よくチートシートの存在を目にします。（チートシートってどれだけ普及してるのかわかりませんが、つまりカンニングペーパーのことらしいです。） WEB屋にとってのチートシートって、どれだけ優れた技術力やデザイン力を持っていても、何かしら新しい発見がある物ですよね。以前書かせてもらった時間の価値は人によって違う！

Screenfly by QuirkTools ? Test Your Website at Different Screen Resolutions 異なる解像度のデバイスでの動作確認がすぐ出来る「Screenfly」。 あくまで解像度のみではありますが、ページ上で何の拡張も必要なくURLを入れるだけで解像度の変更が可能です。 デバイスの種類も豊富なので、多くの利用者見込みがあるサイトではこうしたツールで簡単にでも確認しておくとよさそう URLを入れると左にアイコンが表示されつつ、iframeでサイトが表示。 アイコンクリックでデバイスのリストが現れ、クリックすれば解像度が変更されます。 デスクトップ、タブレット、スマフォ等、最近のトレンドはおさえています。 手軽に使えるところがいいですね 関連エントリ どんな解像度のディスプレイでも文字をぴったり大きく画面にフィットできるjQueryプ

今見ているページを、右クリックからIETesterでバージョン指定して開けたらなあと思ってTwitterで呟いたら、akzさんに「Launchy」で出来そうって教えて頂いた。 @e_luck URLを外部アプリに渡す拡張だったらLaunchyってのがあったんですけどもう開発止まってるみたいですね https://addons.mozilla.org/ja/firefox/addon/81 @e_luck あとバージョン指定は引数渡してやればいけそうです http://tinyurl.com/cd8a2f それ頂きっす！ということで、Launchyを使って今見ているページをIETesterで任意のIEバージョンを指定して開く方法をメモっとく。 Launchyのインストール Launchyは、リンクなどを任意のアプリケーションを指定して開けるようにする拡張。3年ほど開発止まってるみたいだけど、

新着記事一覧 2011/06/18 : 「allow_url_fopen=Off」の環境にて 2009/03/13 : Google AJAX Feed API 2009/02/27 : Twitter API 2009/02/24 : flickr API 2009/02/14 : JugemKey Web ad Fortune 無料API 2009/02/08 : 公開APIリンク集1-サムネイル系API 2009/02/06 : サムネイルAPI 2009/02/04 : Mozshot 2009/02/02 : HeartRails Capture 2009/01/30 : SimpleAPI ウェブサイトサムネイル作成API 次のページへ＞＞ 公開API活用ガイドの第4章のサンプルや、その他のサンプルにおいて、「simplexml_load_file()」関数を使っているコードが

IE6, IE7 で tabindex 属性を JavaScript 側から設定する時の注意 これは完全にバグといえる仕様なのだが、IE6 と IE7 では JavaScript（IE だから本来は JScript）側から setAttribute などを使って tabindex 属性を設定してやる時、属性名を "tabIndex" にしてやらないと認識しないことを知った（"I" がキャメルケースになっている）。WAI-ARIA（2008-08-06版 WD 邦訳）絡みで色々といじっていた時に発見。因みに IE8 RC1 では修正されている。 次の JavaScript コード断片は、IE で tabindex 属性を設定する時の方法を説明したものである。 // ターゲット要素 var elem = document.getElementById("test"); elem.setAttr

鍵っ子ブログ(Key Blog)：Keyが大好きな鍵っ子によるKeyのファンサイト。Keyに関する情報・コラム・考察・ニュースが中心 リキッドレイアウトの是非について web屋を自称する人の主張が余りにも酷い。 「その余白、もったいなくない？」っていう自然な感覚とそれをなんとかしようとするWebデザイン魂を眼前にすると、「横幅はやはり800px基準でしょ」とか「いやそろそろ1024px基準でもいいかも」とかいう議論自体がなんだかむなしいと感じただけだ。 その余白がもったいないと思う感覚とどうにかしようとするデザイン魂 - Web屋のネタ帳 つまりweb屋のネタ帳氏の主張は「ディスプレイの解像度に合わせて動的に表示を変えるAmazonすげー。それに比べて楽天は左右に余白が出来てそのスペースがもったいない」らしい。 たしかにその主張は一理あるが、ではweb屋のネタ帳氏のサイトはどうか。 スペー

submit, buttonを角丸にしたデモ 対応ブラウザは、IE6+, Fx2+, Op9+, Safari2+, Chrome, iPhoneとなっています。 オプションでは、角丸のサイズ、アンチエイリアスの有無、角丸を適用するコーナーの指定などができます。 スクリプトはjQueryのプラグインのため、動作にはjquery.jsが必要です。 Post on:2008年11月15日

Firebug - Firebug Lite 25日(米国時間)、Firebug Liteの最新版となるFirebug Lite 1.2が公開された。Firebug LiteはFirebugの機能をJavaScriptで実装したサブセット版。ページに挿入可能なJavaScriptとして実装されているためFirefoxのみならずIE、Safari、Operaなどのブラウザでも使えるという特徴がある。 Webアプリケーション開発やWebデザイン調整に人気のあるエクステンションがFirebugだ。しかしエクステンションとして実装されているためFirefox以外では使えないという制約がある。同じデバッグ機能をIEやSafariで試したいと思っても使えない。Firebug LiteはFirebugの機能を挿入可能なJavaScriptで実装することでIEやSafari、Operaでも動作するようにし

Libraのハッカソンやってるという話は先日「HackLibra、最初のオンラインハッカソン」で書きました。 …

新聞・テレビ・ラジオ・雑誌等、メディアはいくつもあるが、それぞれに長所短所があるように、C/SアプリとWebアプリにも長所短所がある。新聞で音声を、ラジオで文字を伝えるのは不適切("みえるラジオ"等の文字多重放送は除く)であるのと同様に、C/Sアプリで簡単に実現できてもWebアプリでは不可能な事がある。 VBの画面設計はドローアプリケーションのように、オブジェクトを自由に配置できる。しかし、Webの基本は言わばワープロだ。ワープロが入力された文章を順に表示するように、ブラウザはサーバから出力されたデータを順に表示する。CSSで位置やサイズの指定が可能であるが、それでも限界がある。table要素で厳密にレイアウトできなくもないが、昨今のxhtmlへの潮流に逆らうことになる。また、プリントされる事を考えるのなら、なお更tableは使用しない方がよい。 ※印刷すると用紙をはみ出してしまうWebサ

CSS Juice Tools Below is the complete list of online generators and tools WEBデザインに便利なオンラインジェネレーター＆ツール集。 WEB2.0なサイトのデザインを作る際にかなり使えるブラウザツール集がまとまっていました。 角丸コーナージェネレート Roundedcornr Spiffy Corners Sitepoint Spanky Spiffy Box CSSフォーマッター、オプティマイザー Code Beautifier Clean CSS CSSDrive Compressor CSS Optimiser Web2.0ロゴジェネレーター Web 2.0 logo creatr Creatr Web 2.0 Stylr Web 2.0 Free Logo Generator ストライプ背景画像ジェネレーター

Pingdom Tools サイトの読み込み時間をプロファイリングできるWEBツール「Pingdom」。 サイトのURLを入力して「Test now」ボタン押下で、サイトコンテンツの読み込み時間とサイズを次のようにプロファイリングしてくれます。 FireBugにも同様の機能がありますが、こちらは、ソート機能やフィルタリング機能もついていてファイルが多くなっても大丈夫です。 WEBで手軽に実行できて、見栄えのするプロファイルが作れるのはいいですね。PPT用の資料なんかにも添付できそう。