ドットインストール代表のライフハックブログ

ドットインストール代表のライフハックブログ

似たようなツールはよくあるが、なにかと便利そうなのでご紹介。 lorempixumをつかえば、好きなサイズでダミー画像を作ることができる。 おもしろいのはざっくりとしたテーマを指定出来る点で、「抽象的」「動物」「スポーツ」といったものから選ぶと、適当にそれっぽい画像を作ってくれる。 また白黒とカラーを選ぶことができるようだ。 さらにこうしたオプションはURL中に指定できるので、慣れてくればささっと画像を配置することができるだろう。 Webのプロトタイピングをする人にはなかなかよろしいのではないでしょうかね。

For a medium that leans toward the amusing, infographics can occasionally be enlightening or even helpful for later reference. This one serves as a sort of "cheat sheet for how your blog works" and takes the reader through the basics of a normal WordPress theme. It's a posts-to-plugins look at the anatomy of a typical WordPress theme. Have a look, and let us know what you think in the comments. Cl

While I was coding the Notepad theme, I’ve learned some new CSS3 features and now I would like to share it with you. View the demo to see a Mac-like multi-level dropdown menu that I’ve created using border-radius, box-shadow, and text-shadow. It renders perfect on Firefox, Safari and Chrome. The dropdown also works on non-CSS3 compitable browsers such as IE7+, but the rounded corners and shadow wi

jQuery iPhone UIはHTML/JavaScript製のオープンソース・ソフトウェア。iPhone用のWebサイトを構築するニーズが増えてきている。既に幾つかテンプレートもリリースされており、それらを使えば最適化されたインタフェースのサイトが作りやすくなる。 アイコンリスト そうしたライブラリを使う時に重要なのが、どれくらいの機能に対応しているかだ。単純なリストはもちろん、プロフィールページ、画像付きリスト、フォームなど多数のニーズがある。その一つ、JavaScriptを使ったパターンに適合できそうなのがjQuery iPhone UIだ。 jQuery iPhone UIの特徴は名前の通りjQueryを使っていることだろう。同種のライブラリとしてjQTouchがあるが、あちらはがちがちに固まっている雰囲気があるがjQuery iPhone UIは切り離して使えそうだ。HTML

moobileはHTML/JavaScript製のフリーウェア（ソースコードは公開されている）。iPhone/Androidを中心とするスマートフォンのシェア拡大は留まることを知らない。モバイルネットワークが発展している限り、この流れは止まることはないだろう。Webサイトを提供する上でもスマートフォンは欠かせない存在になる。 ボタンバー ネイティブアプリを提供する手もあるが、もっと容易なのが最適化されたWebサイトを提供することだ。そもそもネイティブアプリを提供するほどのニーズがないサービスもあるはずだ。そこで使えるのがmoobileになる。 moobileはiPhoneやAndroidといったWebKitベースに対応したWebサイトフレームワークだ。HTML5で作成されているのが特徴だ。フォームやボタン、ボタンバーなどのUIをテンプレート化している。これを使えば最適化されたWebサイトが

Webサイトを制作するとき、「パフォーマンス」を気にしたことがあるだろうか？　もしまったく気にしたことがないなら、気をつけた方がいい。閲覧に時間のかかる“遅いWebサイト”はユーザーにフラストレーションを与え、閲覧をやめさせてしまう恐れがある。 下記のグラフは、「Simple-Talk」という海外のオンラインメディアで発表されたユーザー調査の結果だ。アンケートページの表示にかかる時間を意図的にコントロールし、表示時間によってユーザーが感じるフラストレーションの違いを調べたものだ。 縦軸がフラストレーション（10段階）、横軸が表示までの時間を表している。1～5秒以内にページが表示された人に比べ、ページ表示までに5秒以上かかった人は2倍以上もフラストレーションを感じている。フラストレーションがあまりに高ければ、せっかく何らかの目的を持って訪れてきたユーザーも待ち切れずにブラウザーを閉じてしまう

CSS Spriteとは小さなアイコンなどの画像をくっつけて一つの画像として保存し、表示する際にはCSSで位置を指定して表示するという手法だ。Googleをはじめ、膨大なアクセスのあるWebサービスで活用されている手法であり、画像を読み込むコネクション数を減らすことができる。 CSS Spriteを作るならぜひ使いたい CSS Spriteを作成するWebサービスも存在するが、画像が追加されるたびにアップロードし直すのが面倒だった。そこでTonttuを使ってみよう。 今回紹介するフリーウェアはTonttu、Adobe AIR製のCSS Sprite作成ソフトウェアだ。 Tonttuの使い方は簡単だ。起動したらひとまとめにした画像ファイルをドロップして登録する。並べ方は縦または横と自由に選択できる。画像の隙間を空けたり、ドラッグして位置を入れ替えることも可能だ。自動で並べると隙間が空くので、

Accessibility is the Web. 「エー　イレブン　ワイ」は、Webアクセシビリティの情報提供Webサイト。 ユーザーフレンドリーでみんなが利用できるWebコンテンツづくりをサポートします。

ドットインストール代表のライフハックブログ

印刷する メールで送る テキスト HTML 電子書籍 PDF ダウンロード テキスト 電子書籍 PDF クリップした記事をMyページから読むことができます 現在、iPhone/ iPod Touch向けのアプリケーションを開発し、デバイスに実装するのは公式でサポートされていない。そこで現状は、JavaScriptやCSSを利用したWebアプリケーションを開発することにより、擬似的にiPhone/ iPod Touch向けのアプリケーションを利用者に提供するに留まっている。つまり、iPhone/ iPod Touchならではのマルチタッチを利用したインタラクションを、自身で制作したアプリケーションに組み込むことはできないわけだ（注釈1）。 注釈1 iPhone/iPod用のアプリケーションでは、つまむ、ストロークといった様々な動きに対して、ズームやアイテムの削除といった様々なインタラクション