ここ2・3日、ひたすら色々なサイトの会員登録フォームやコマースサイトの購入フローを見ていました。 また、フォームのユーザビリティについて語っているブログやサイトをみて研究していました。 こうすれば登録数が劇的に上がる!とか、売上が上がる!といった方法はありませんが、少しだけユーザーに安心感を与えたり、ストレスを取り除いたりする方法はたくさんあり... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
これはデザイナーのみならず導入必須のソフトウェアと言えそうだ。 Webサイトを作る際には、モックアップが必要になる。それをベースにして「ここをこうしよう」「次はどこに遷移させよう」といった議論が可能になる。頭の中だけではイメージがはっきりせず、意見も出しづらい。 ドラッグアンドドロップでモックアップを作成できる そんなモックアップを作成しようと... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
黒い背景で新しいドキュメントを始めてください。楕円ツールを使って、キャンバスの中心に円を描いてください、サイズはあなた自身で決めてください。真円を描くときは、シフトを押しながら、楕円ツールを使って描きます。 下のような、レイヤースタイルを図形に設定してください。 色に関しては一致させる必要はありませ... ブックカバー このチュートリアルはシンプル... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
『 font-family:Arial,Helvetica,Verdana,“ヒラギノ角ゴProW3″,“HiraginoKakuGothicPro”,Osaka,“メイリオ”,Meiryo,“MSPゴシック”,sans-serif; 』 [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
『 URLを入力すると、「HTMLタグ」「検索キーワード」「検索エンジンランク」を一括してチェック/「検索キーワード」チェックに関しては、title要素、h要素、a要素、ドメイン名などに含まれる単語を抽出し、スコアリング 』 [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
一部のプログラムは、トータルで何千行ものコードにもなり、確保する配列 の要素の数も数万オーダになります。Internet Explorer では、 たった数万の配列を作成しただけでハングアップするという Bug がある らしいので、Internet Explorer でのアクセスはご遠慮ねがいます。いかなる 問題が発生しようとも、私は一切の責任をおいません。 応用編 入力したテキストをページ上に書き... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
アイコンのデザインは悩みますよね。他の人が作ったアイコンを参考に作られる方も多いのでは。ただ、アイコンを見つけるのはなかなか大変です。 そこで登場したのがこの「iconfinder」。アイコン専用の検索エンジンです。 以下に使い方をご紹介。 ↑ 試しにiPodで検索。おー、すごいです。 ↑ サイズも選べます。チェックをつけたりはずしたりするとダイナミックに検索結果... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
『 「CSSとJavaScriptで影付きの角丸ボックス要素を作る。」IEでは表示なし。 』 [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
|
IEでのデバッグ/動作確認に便利なソフトいろいろ。沢山あるのでまとめてみました。 IETesterIE5.5, ... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
『 YahooUILibraryの拡張ライブラリ「ExtJS」(旧yui-ext)の公式ページ。prototype.js+script.aculo.usやjQueryにも対応。 』 [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
Flashコンテンツを作成する際、ウインドウ幅などにあわせて表示領域を広げるように作成する方法がtutorio.comで解説されている。単純にFlashの<object>タグのみ100%など指定すると、Flashそのものが拡大表示されてしまう。 [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
斜線やストライプの背景画像を Photoshop とかで作ると、色を変えたくなった時にそのたび作り直ってのが面倒。便利で使ってる人も多いかもしれない secondlife さんの Background Image Maker でもそれは同じかな。んで、Photoshop とかで作る場合に、線に色を付けて作るんではなくて、色を付けたい部分を透過にして作っておいて CSS で background-color を指定するやり方にすれば、色を変えたく... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
|
『 これはFacebookでも使われているポップアップ方法のようで、知っている人は知っている、ポップアップの仕方のようです。 』 [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
以下のようなエントリを見つけました。非常に良い問題意識です。そう、GUI プログラミングは泣けるほど面倒くさいのです。 [link:http://subtech.g.hatena.ne.jp/secondlife/20070813/1186999047 subtech - Pink Blossom Diary - AS3/Flex2 を使い始めて約半年]より [b: まずイベントドリブンなプログラミングに慣れてないのが一つで。Flex のイベントや自前イベントやをただ単に投げまくってると、とりあえずは... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
『 色を選んでweb2.0っぽいサイトのひな型を作成。ブラウザのファイル>ページを保存でファイルをDLして自サイトのテンプレートにできる 』 [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
マスカットとは、Webブラウザ上で動作するAJAXベースのリッチクライアントを開発するオープンソース・フレームワークです。開発者は定義ファイルの設定とビジネスロジックの作成だけで、簡単にリッチクライアントが実現できます。詳細については、 [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
DHTMLやAJAXを使いまくったオンライン画像加工サービスです。 レイヤー機能や自動でコントラストを調整する機能などがあり、シャープやぼかし、グレースケール、ガンマ値補正、ネガポジ反転といった代表的な各種フィルタも使用可能です。切り抜き、回転、反転、リサイズ、なんでもできます。 また、ちゃんと「元に戻る」機能があり、何段階でも戻ることが可能です。これ... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
以前、紹介した「検索フォームや見出しなどエレメントのデザインを集めたサイト -Elements of Design」のコンテンツに、ナビゲーションのデザインが追加されました。 Navigation Design Sho [...] [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
|
こんにちは。ライブドアでモバイルディレクターをしている河野です。 モバイルディレクターをしていますと、モバイルのサイトをPCで見たいという要望が少なからずあります。それは、PC からの方が実機で見るよりレスポンスが早く、また電波状況に左右されずに閲覧できたり、リンク先の URL の情報やヘッダ情報、画面キャプチャーなど実機からでは得られない情報を取得する... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
ブラウザごとのスタイルシートの記述に、ifを使った条件式が利用できる「Conditional-CSS」を紹介します。 Conditional-CSS デモ デモ画面にIE, Fx, Op, Safariの各ブラウザでア [...] [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|