プログラマのためのUXチートシート — ありえるえりあ
はじめに http://msdn.microsoft.com/ja-jp/library/aa511258.aspx の 「Windows ユーザー エクスペリエンス ガイドライン」 「ガイドライン」 主に「コントロール」 の抜粋です。 以下の基準で抜粋しました Web UIに応用可能 実用的かつ具体的 自明ではない プライマリUIを目立たせる プライマリ UI 要素を強調するには、以下に従います。 - プライマリ UI 要素は、視線の通り道に配置します。 - タスクを開始する UI 要素は、左上隅または中央上に配置します。 - コミット ボタンは、右下隅に配置します。 - 残りのプライマリ UI は、中央に配置します。 - コマンド ボタン、コマンド リンク、アイコンなど、注意を引き付けるコントロールを使用します。 - 大きなテキストや太字のテキストなどの目立つテキストを使用します。 ユ
Windowsのインストーラみたいな便利なウィザードをブラウザ上で簡単実現できるjQueryプラグイン「SmartWizard」。:phpspot開発日誌
Windowsのインストーラみたいな便利なウィザードをブラウザ上で簡単実現できるjQueryプラグイン「SmartWizard」。 2010年11月18日- Tech Laboratory Windowsのインストーラみたいな便利なウィザードをブラウザ上で簡単実現できるjQueryプラグイン「SmartWizard」。 Windowsインストーラーは「次へ」を押していくとどんどんインストールを進められて簡単ですが、それをブラウザ上で簡単に実現してしまえます。 各ページの中身は、単純に<div>で並べるだけというお手軽さ。ルールに従ってHTMLを記述し、$(element).smartWizard() で初期化するだけです。 デモページはこちら タブを左にレイアウトしてもなかなかいい感じ。 デフォルトのデザインはお世辞にもカッコイイとは言い難いのですが、CSSデザインが可能なので、自由にスタ
『Snow Transformation Pack』はWindowsデスクトップをMac OS X風の見栄えに変身させてくれます！ | ライフハッカー・ジャパン
TOP効率化ツール『Snow Transformation Pack』はWindowsデスクトップをMac OS X風の見栄えに変身させてくれます！ Windows：Mac OS Xの見栄えや、使い勝手が好きなのだけれども、現実の世界では、脱Windowsを達成できずにいるという方は、Windowsの見栄えをOS Xそっくりにしてくれる『Snow Transformation Pack』というフリーウェアに興味があるかもです。 Snow Transformation Packは、ログイン画面、アイコン、壁紙、効果音、ドック、ダイアログボックス、その他のUI要素を含む、システム全体の見栄えを変更してくれます。 インストールするには、ユーザアカウント制御を無効に設定する必要があります。なので、インストーラを二回走らせる場合があります。この場合、一度目はユーザアカウント制御を無効にし、再起動をか
自動でリンク切れチェックし、Webサイトの品質を保つ便利ツール8選 | 人手に頼らないWebサイトの戦略的品質管理指南
Webサイトの品質維持には、リンク切れや不要なファイルを少なくすることが重要です。今回は、Webサイト品質の問題点発見とその解決へのスピードを格段に上げる自動チェックツールを8つ紹介します。日本アイ・ビー・エムが提供するIBM Rational Policy TesterやW3Cリンクチェッカー、W3Cマークアップ検証サービス、リンク切れカッター、Web Developerなどのフリーツールも紹介 数百ページ～数万ページというWebサイトでは、人的な検査だけですべての問題点をチェックするのは実質的に不可能に近い。また、ページ数が少なくても、チェック漏れがあっては意味がない。 自動チェックツールを利用することで、問題点発見とその解決へのスピードは格段に上がる。現代のWebサイトでは、理想的な品質管理を実現するには、何らかのツールの利用は必須だともいえる。 最も効率良く診断できる専門ツール手前
シェイプから写真コラージュを自動生成してくれるフリーソフト「Shape Collage」
写真を数多く集めてつくるデザインコラージュ。今も多くの場所で使われている、昔からあるデザイン手法の一つですが、今回紹介するのは決められた形に任意の写真をパーツとして作る事ができるフリーソフト「Shape Collage」です。 実際アプリケーションを利用しているスクリーンキャストが公開されていますので、下記に貼付けておきます。 動画は以下から YouTube – Shape Collage -スクリーンキャスト 様々な図形に対応させる事ができ、文字からだったり、自分で描いた絵だったり、制作したシルエットデータだったりとかあんり自由にコラージュを制作する事ができます。 写真の密度や重なりもコントロールできかなり細かい所までコントロールできます。一から作るとかなり大変ですが、こちらがあればかなり助けられますね。フリーでもダウンロードできますが、商用利用する為にはPro版（25ドルが必要みたいで
IE6、7、8をピクセル単位で見比べる事ができる「Microsoft Expression Web SuperPreview」
TOP > Tool , WebDesign > IE6、7、8をピクセル単位で見比べる事ができる「Microsoft Expression Web SuperPreview」 WEBデザイナーを最も悩ませるインターネットエクスプローラ。大きく時代をまたいでいますが、未だに各バージョンともシェアがあり、それぞれのバージョンで崩れなく表示させると言う事は、多くの場合必須であり、あまりのバグの多さに煩わしい事でもあります。今日紹介する「Microsoft Expression Web SuperPreview」はIE6/7/8でのWebサイトにおける見栄えの違いを比較・検証できるマイクロソフト製ソフトです。 こちらはWebオーサリングツール「Microsoft Expression Web」に同梱されているWebページ表示の互換性チェックツール「SuperPreview」の機能限定版と
これは使える！ワイヤーツールの大本命を試した！ (1/3)
画面遷移の設計って面倒だよね 受託サイトの制作現場にいるみなさん！ 突然ですが、画面設計の段階でこのようなやりとりをした経験はありませんか？ （もしかして、毎回だったりして？） クライアント「このカンプだけじゃよく分からない。もっとこう、動くようなサンプルないの？」 あなたの心の声 「ええ!? 私はデザイナーだし………プログラム書けないし………」 クライアント「画面遷移はまあ分かりましたけど、画面項目に前回のフィードバック入ってないですよね？」 あなたの心の声 「ああー！ 遷移の変更に気を取られて画面項目の変更をデザイナーに頼むのを忘れてた！」 クライアント「フォント、小さすぎない？ あとイメージカラーは黄色より赤なんですけどね………。」 あなたの心の声 「いや、まだそういう話をする段階じゃないですから！！」 クライアント「ここに顧客リストが表示されて………クリックしたらここに表示？ 分か
デスクトップの壁紙を宇宙から見た美麗な地球の画像にして刻一刻と自動更新するフリーソフト「Desktop Earth」とインストール不要の「Desktop Earth Online」
宇宙から見た地球の様子を壁紙化し、刻一刻と昼と夜の境界線が移動していったり、雲が流れていく様子、都市の明かりをデスクトップに反映させることができるかなりいい感じのフリーソフトがこの「Desktop Earth」です。インストールして常駐させることでどんどん更新させることができるため、時間の経過を肌で感じることができます。また、わざわざインストールさせるのは面倒、気に入ったその瞬間の画像さえあればそれでいいという人のために、インストール不要のオンライン版、「Desktop Earth Online」というのもあります。 画像は可視光でとらえた地球の本当の色を膨大な地球観測衛星データの処理に基づいて記録したNASAの画像データ「Blue Marble Next Generation」と、同じくNASAの提供している地球の夜景画像データ「Earth's City Lights」から生成しており、
或阿呆の無謀な部屋 - ものさしＸ
[ダウンロード] ものさしＸ ver0.86(Rul086.EXE)(2001/12/1)(51,311byte) 画面の寸法を、ＤＯＴ、ｃｍ、ｉｎｃｈ単位で計ります。 ものさしは、同時に五個まで使用でき、別々に背景などの設定が可能です。 SameColorDrag モードにより、同じ色のものさしを同時にドラッグ可能。 メイン・ページへ戻る フリーソフトの部屋へ戻る
Artisteer 2は、SOHOやWebデザイナーに、朗報となるか!?脅威となるか!?: 世界中の１％の人々へ
2009年4月| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 これはスゴイ！Artisteer 2（アースティティーア）を使えば、WordPressのオリジナルテーマを作って、インストールから、立ち上げまで2時間かからない。 HTMLの知識がなくても、CSSが作れるジェネレーターは数あるが、Artisteer 2は、それなりに見栄えのするデザインができて、スタンダードエディションでは、さらに、Joomla!、Drupalのテーマ等が作れる。 取りかかりは実に簡単だ。WordのようなUIは、マニュアルがなくてもWordになれている人なら、2時間ぐらいアレコレ試してみれば、使い方がわかり、すぐに仕事に使えるようになるだろう。 これが、何を意味するかといえば、センスがあり、そこそ
Structure Synth - 文脈自由文法３Dアート - Radium Software
Structure Synth は，文脈自由文法を使って 3D CG を作成するソフトウェア。つまるところ， Context Free の 3D 版だ。単純なプログラムから複雑な CG を生成することができる。 GI レンダラー SunFlow 用のシーンファイル出力にも対応しており，これらを組み合わせることによって，とてもお手軽かつ高品質な幾何 CG アート環境が完成する。 以下，とりあえず作ってみた習作。仕組みはほとんど Context Free と同じなので，Context Free に慣れていればすぐにコードを書けるようになる。 set maxdepth 50 12 * { rx 30 } RC BG rule RC { {} CROSS { rx 10 z 0.7 s 0.98 } RC } rule RC { {} CROSS { ry 10 z 0.7 s 0.98 } RC
美しい3Dフラクタルが簡単に作れるソフト『Apophysis』 | WIRED VISION
美しい3Dフラクタルが簡単に作れるソフト『Apophysis』 2009年1月14日 ITデザイン コメント： トラックバック (0) Matt Blum Image: mynameishalo 子供の頃からフラクタル[リアス式海岸や雲の形などにみられる、部分と全体が自己相似になっている図形]が大好きだ。 高校時代には、フラクタルを生み出すプログラムをいくつも書いたのを覚えている。 (単に自分ができるからという理由で)マンデルブロ集合の白黒バージョンを表示するように、グラフ計算機をプログラミングしたこともある。 フラクタルは、数学と芸術が美しく交わったものだが、一般の人が自分で作り出すのは容易ではない。フラクタルの作成に役立つと思われるプログラムはいくつか試してみたが、非常に優れたものはこれまで見つかっていなかった。 たまたま見つけたのが、『Apophysis』という名前の無料のオープン
きっと皆好きになる！手書きで作るモックアップ·DENIM MOONGIFT
Webサイトのモックアップ（ワイヤーフレーム）を作る作業は面白い。実際の開発とは異なり、想像の羽を羽ばたかせてどんどん試すことができる。そうしたツールはこれまでにも幾つか紹介してきた。 手書き風モックアップ作成 この手のツールはあまり奇麗なインタフェースであってはならない。むしろ雑さが残るくらいがちょうど良い。そこで手書きで作るDENIMを紹介しよう。 DENIMはJavaで作られたモックアップ作成ソフトウェアだ。単一ページだけでなく、Webサイト全体を構築できるのが特徴だ。 DENIMはWindows、Mac OSX、LinuxやSolarisといったマルチプラットフォームに対応したソフトウェアだ。若干特殊なインタフェースで、まるでホワイトボードに書いていくかのようにモックアップを作成できる。 まずすることは鉛筆ツールで四角を描くことだ。これが自動的にページになる。メニューから選んで奇麗
優雅なWindows用ランチャー·Circle Dock MOONGIFT
コンピュータにはただ使い勝手よくシンプルにするという面も大事だが、エンターテーメント性を感じさせる楽しさも持っていなければならない。例えそれが実質的には必要でないものであったとしても、ユーザが楽しめるなら実装してみても良いだろう。 円を描く上品なランチャー ランチャーと言えば、各アプリケーションのアイコンが横並びになっていて呼び出すだけ、そんなイメージがある。目的のためにはそれでも良いだろう。だが楽しさを加えるとこんなにも面白くなる。 今回紹介するオープンソース・ソフトウェアはCircle Dock、円を描いてアイコンを配置するランチャーソフトウェアだ。 Circle Dockは中心にWindowsアイコンを配置し、その周囲にアプリケーションを配置するというランチャーソフトウェアだ。各アイコンは円を描いて並べられ、スクロールキーや矢印キーを使って、ぐるぐると回転させることができる。 設定画
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Windows7風ナビゲーション作成チュートリアル:phpspot開発日誌
https://jp.techcrunch.com/2009/08/12/20090804ginipic-neat-image-search-app-for-web-and-desktop/
簡単にカスタマイズができるシンプルなWordPressのテーマ -Empty Canvas
Engadget | Technology News & Reviews
WindowsでまるーいDockを使う「CircleDock」 | ライフハッカー・ジャパン