2024 07 ≪ 12345678910111213141516171819202122232425262728293031≫ 2024 09 1 名前:以下、名無しにかわりましてVIPがお送りします[] 投稿日:2009/11/24(火) 11:47:13.45 ID:ZAwq5sRE0 ちょっとカンプとかいうの作ったんで見て(´・.ゝ・`) 根本からダメなのはわかるけど完成だけはさせたいんで アドバイスおくれ(´・.ゝ・`) 見出しの中身・・・ 3 名前:以下、名無しにかわりましてVIPがお送りします[] 投稿日:2009/11/24(火) 11:52:02.96 ID:ZAwq5sRE0 こねえ(; ・`д・´) 4 名前:以下、名無しにかわりましてVIPがお送りします[] 投稿日:2009/11/24(火) 11:53:31.47 ID:ZAwq5sRE0 ぬ・・・ そうか、甘え
ユーザビリティでやってしまいがちなミスや見落とされがちな10の罪とその解決方法をLINE25から紹介します。 10 Usability Crimes You Really Shouldn't Commit 下記は、やってしまいがちなユーザビリティの10のミスとその解決方法を意訳したものです。 はじめに 1. ラベルがないフォーム 2. トップページにリンクしないロゴ 3. 訪問済みリンクの指定がない 4. アクティブなフィールドが明示されない 5. altの記述がない画像 6. 背景色がない背景画像 7. 長い長いテキスト 8. 下線付きだがリンクではない 9. ココをクリック 10. 均等割付「justified」の使用 はじめに ここで紹介している10のユーザビリティのポイントは、ありがちなミスだったり見落とされがちなものを集めました。 あなたのウェブサイトのユーザビリティを拡張する手
最近のウェブデザインのトレンドを踏襲した、ウェブサイトのレイアウトを作成するPhotoshopのチュートリアルを紹介します。
業務アプリケーションがWebアプリケーションとして開発されるのは現在の大きなトレンドです。それに伴ってHTMLとCSSによって業務アプリケーションの複雑なユーザーインターフェイスを構築する必要性が生じます。 しかし機能が豊富な業務アプリケーションのユーザーインターフェイスをHTMLとCSSで構築するのはそれほど簡単ではなく、しかもそれをアプリケーション全体で統一し、優れたユーザビリティを実現するのはさらに手間のかかる作業です。 そうした業務用のWebアプリケーションのユーザーインターフェイスを構築するためのサンプルが豊富に含まれたガイドライン「IBM Lotus User Interface Developer Documentation」が、IBMから公開されました。 今回公開されたIBMのガイドラインは、同社のLotus製品群のユーザビリティを統一するための社内プロジェクト「One U
と言っていたので、ちょっとIMAXシアターについて調べてたら、ものすごいサイトにブチ当たりました。 「ものすごいサイト」。それはIMAXの公式ホームページ。 いきなりトップページが、 ヤバい! 久しぶりに見たわこのテンション! パッと気づいただけでも、 妙にボヤけた、クオリティ低い画像 微妙なケタずれ <title>タグがない 透過gif作成に失敗したギザギザ画像 センタリングされてない <FONT SIZE>タグ使いまくり もちろんIBMホームページビルダー など、Webデザイナーが見たら心拍数が上がるような小技が効きまくっています。 でも、このサイトの真の力は、こんなもんじゃなかったのです。 なんとですね……「THEATER」をクリックすると…… 10年ぶりに見たわこのギミック! なにスルスル動いてんの!? 意図がわからないアニメーション。まさにWeb0.1。 もう夢中です。マイケルと
2010年に向けて押さえておきたいウェブデザインのトレンドの14のポイントをWeb Design Ledgerから紹介します。 Web Design Trends for 2010 下記は、その意訳です。 また、同著者の別エントリーに対応したものもあります。 これはもう使用しない方がいいウェブデザインのトレンド はじめに 1. 特大のヘッダとロゴ 2. 手描き風のデザイン 3. 大胆で大きなフォント 4. タイポロジー 5. 1ページ レイアウト 6. インパクトがある画像 7. パースの活用 8. インタラクティブで直感的なデザイン 9. モーダルボックス 10. ミニマリズム 11. オーバーサイズのフッタ 12. レトロ 13. イントロボックス 14. 雑誌風のレイアウト はじめに このリストは、2009年に人気が高かったものからさらに発展するであろうトレンドを紹介しています。 ト
WebDesignBoothというサイトで、シンプルで美しいデザインがたくさん紹介されています。 いくつかご紹介しますね。 ↑はPixelcraft。 4Wall Brian Hoff Erskine Design Miguel Buckenmeyer 無彩色とホワイトスペースをうまく使ったデザインが多いですね。 Minimalism in design means removing the unnecessary elements and focus on simplicity. Minimalist design has been applied in different field such as visual art, music, architecture as well as wed design. It is highly influenced by Japanese tra
昔流行ったけど、これはもう使用しない方がいいものや人気がすたれているウェブデザインのトレンドをWeb Design Ledgerから紹介します。 Most Used and Abused Web Design Trends of All Time 以下、その意訳です。 過激な表現も一部あるので、留意ください。 はじめに 鏡面反射 アクア フラリッシュ コーヒーカップ 地球 コミックフォント ストックフォト ペーパー ポラロイド 特大のRSSアイコン 音の自動再生 カウンター マーキー ブラックの背景 スプラッシュページ スキップの無いイントロ ブラックの背景 はじめに トレンドは、ウェブデザインにおける良くないキーワードではありません。実際に、下記のリストのものはその時々でウェブデザイナーを鼓舞させました。これらのアイデアは影響が非常に大きくかったので、大量のクローンが作りだされました。
ブックレビュー:携帯Webコレクション モバイルデザインアーカイブの本。 Tweet 2009/9/8 火曜日 matsui Posted in デザイン, ブックレビュー | 1 Comment » 著者の津田様からご献本いただきました。ありがとうございます。 レビューを書かせていただきたいと思います。 → Amazon モバイルデザインアーカイブの本。―携帯Webコレクション [amazon.co.jp] 以前ご紹介させていただいたサイト「モバイルデザインアーカイブ」が書籍になったとのことです。 → モバイルデザインアーカイブ トップ [mobiledesignarchive.jp] → ke-tai.org ケータイサイトのデザインをジャンル別にまとめて紹介している「モバイルデザインアーカイブ」 [ke-tai.org] サイトの内容と同じように、本書はケータイサイトのキャプチャ集と
20 Vital Techniques & Best Practices For Effective Web Design 下記、各エッセンスの簡単な説明とワンポイントとサイトの紹介です。noupeのサイトでは他にも多くのサイトが紹介されています。 1. ビビッド カラー 2. グラデーションとライトのエフェクト 3. 透過 4. グランジ 5. 手書き風のデザイン 6. 押さえた色味 7. 水彩画のエフェクト 8. ネイチャー系のエレメント 9. 写実的でリアルな背景 10. 特大のタイポグラフィ 11. デコラティブなタイポグラフィ 12. 大胆な背景 13. レトロやヴィンテージのエレメント 14. アイキャッチなヘッダ 15. コラージュしたエレメント 16. テクスチャを使った背景 17. タブ型のナビゲーション 18. ブラックとホワイト 19. 水平方向のスクロール 20.
いまからでも遅くない! ケータイデザインの基礎固め:一撃デザインの種明かし(6)(1/2 ページ) 普段はPCサイトを作っているけど、ケータイサイトに興味が出始めた人向けの、初めてケータイのデザインハウツーです。日々変化するケータイデザインの基礎の基礎をご紹介 ケータイ機種のスペックが上がりデザイン表現の幅は広がっていますが、PCサイトに比べまだまだ容量やスタイル、キャリア対応などさまざまな制限があるのも確かです。 今回は、普段PCサイトを作っているけど、ケータイサイトに興味が出始めた人、初めてケータイのデザインに触れる人のための基礎固めとして、日々変化するケータイデザインの基礎の基礎をご紹介したいと思います。 誰でも最初は初心者だった! ケータイデザインの基礎の基礎 ケータイの画面サイズを考える! 一般的な画面サイズはQVGA(縦320px×横240px)ですが、最近ではQVGAワイド(
abduzeedoで、緑をうまく使った美しいWebデザインがたくさん紹介されています。 ざっといくつかご紹介。 ↑はpsdtolife。 devthought Aenemya Sprouter Big Cartel 色のトーンや面積、あるいは緑をどんな色と組み合わせているかが参考になりますね。 その他のリストは以下からどうぞ。 » 55 Beautiful Green Layouts in Web Design 横浜に新しくオープンしたリゴレットのオープニングパーティーに行ってきました。駅から近いし、川沿いのテラスで飲めるしいいところでしたね。雰囲気はかなり派手派手。大人な感じで飲みたい時にはぜひ♪ » RIGOLETTO
趣味から仕事の用途まで、広い活用方法を持つFirefox。豊富なアドオンを使うことで、さまざまな便利機能を付加できる。アドオンの組みあわせは自由自在、自分の使いやすいようにカスタマイズが可能だ。本稿では先日紹介された「Webデザイナ向けFirefoxエクステンション19」より、カラーツールとスクリーンショットツールに焦点をあて、とくに興味深い5つのアドオンの使い方を紹介しよう。 カラーツール ColorSuckr (配布元 / ダウンロード) ColorZilla (配布元 / ダウンロード) スクリーンショットツール Abduction! (配布元 / ダウンロード) Image Zoom (配布元 / ダウンロード) Screengrab (配布元 / ダウンロード) 紹介にあたり、ここでの動作環境は次のとおり。 OS … MacOS X 10.5.8 ブラウザ … Firefox 3
speckyboyで、フォームを使いやすくするためのjQueryプラグイン&チュートリアルがまとまっています。 いくつかご紹介しますね。 » In-Field Labels jQuery Plugin inputの中に透かしのラベル名を入れられるプラグイン » A jQuery Inline Form Validation, because Validation is a Mess inputの右上に吹き出し型でバリデートのエラーメッセージを表示 » Justify Elements Using jQuery and CSS – Tutorial jQueryとCSSでlabelのwidthを揃えるチュートリアル » jQuery Comment Preview – Tutorial コメント入力中に投稿内容をプレビューできるプラグイン。↑のキャプチャはこちら » jQuery “High
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く