第2回 自分なりの強みを活かしたWebデザイナーになるための考察 | gihyo.jp
多様化・高度化するWebデザイナーのお仕事 近年、Webデザイナーへ求められるスキルは多様化、そして高度化しています。 スキルを細かく分類しても、多岐にわたってしまうことがわかります。 Webデザイナーに求められるスキルを細分化する グラフィック（ビジュアル）デザインスキル (X)HTMLマークアップスキル 文書構造を適切に意味付けする CSS技術スキル HTML/CSSオーサリングソフト操作スキル 代表的なツール：Dreamweaver 目的にそって情報を配置（レイアウトやマッピング） インターフェースデザインを行うスキル 配色スキル JavaScript技術スキル Flashオーサリングスキル グラフィックソフト操作スキル 代表的なツール：Photoshop/Illustrator/Fireworks アクセシビリティ配慮のスキル ユーザビリティ配慮のスキル インフォメーションアーキテ
スタイルシートを分けて管理する方法をまとめる - 2xup.org
comment 2006-10-17T21:15:00+09:00 お好みの言語が英語で無い場合は、日本語でどうぞ。 In this PDF file, the order of the set format rule and property's appearing was announced. This time, the method of separately managing the CSS file used on the site is announced. Why is CSS divided? I think that most reasons are the improvements of the work efficiency. The access to the revision part becomes early They are combined and co
CSSでデザインされたテーブルレスでクールなフォームサンプル:phpspot開発日誌
Tableless forms consider this a very important step in learning web design the right and straightforward way. CSS is no longer just a way of adding some simple styles to an element in your page. CSSでデザインされたテーブルレスでクールなフォームサンプル。 次のようなフォームのサンプルがダウンロードできます。 HTMLとCSS、画像がセットになっているので、ちょっと編集していろいろと応用できそう。 ログインの横にアイコンが表示されていると直感的かつ、オシャレなフォームになってますね。デザイン面で参考に出来そうです。 関連エントリ ブログのコメント部分やコメントフォームのデザインを色々集めたサイト
ブラウザのウィンドウを各種解像度のサイズに自動リサイズできるFireFoxの拡張「Window Resizer」:phpspot開発日誌
ブラウザのウィンドウを各種解像度のサイズに自動リサイズできるFireFoxの拡張「Window Resizer」 2007年02月28日- Window Resizer | Firefox Add-ons | Mozilla Corporation Resize your browser to various standard resolution sizes. ブラウザのウィンドウを各種解像度のサイズに自動リサイズできるFireFoxの拡張「Window Resizer」。 WEBのデザインの際などに、解像度にあわせたサイズにブラウザサイズを調整して、いろんな環境用にデザインを調節したい場合があります。 そんな際に使えるFireFoxの拡張。 インストール後、「ツール」メニューから「Resize Window」を選択して「Window Resizer」を起動します。 起動すると、640x
デザイナーが使う素材集
ページの雰囲気を向上させるため写真などの要素が欲しいときは、各社ベンダーが運営しているフリー素材集販売サイトを使おう。代表的なサイトは以下のとおり。 イメージナビ http://imagenavi.jp/ amana http://amana.jp/ デクスイメージ http://www.dex.ne.jp/deximage/index.html マイザ http://www.mixa.jp/ Shutterstock http://www.shutterstock.jp/ これらは豊富な著作権フリー素材を含むが、利用範囲を視聴者が25万人以下の媒体、あるいはWebサイトのみ、などと限定しているものもあるため、利用の際は各社が定める権利の範囲を確認してほしい。また、モデルの顔などがはっきり認識できるタイプの写真を使うときはちょっと加工して被写体が目立ちすぎるのを回避することも重要だ。そのま
Web2.0風デザインのための秀逸チュートリアル68選 | S i M P L E * S i M P L E
こ、これはかなり使えます・・・。 が、とっても紹介が難しいのでさらりと。今回は実験的なエントリーとして画像一切なしで。 『Web2.0風デザインのためのチュートリアル68選』です。 » Web 2.0 Webdesign-Tutorials | Dr. Web Weblog 以下の7つのカテゴリーにわかれています。 サイトをこれから作るぞー、という人には大いに参考になる素晴らしきチュートリアルかと思います。 ビジュアル効果系（1～11） ロゴ系（12～25） テキスト（26～33）系 バッジ系（34～39） ボタン系（40～46） レイアウト系（47～60） Web2.0まとめ系（61～68） 個人的には1、2、12、13、40、41あたりが好きですね。今後使えそう。 しかし、こういう海外サイトのまとめをまとめとして紹介するのは難しいですよね・・・。そのまま紹介するのも「どうなの、それ？」
無料で200個以上のウェブサイトテンプレートを配布する「OpenDesigns.org」 - GIGAZINE
現時点で約200個以上のウェブサイトテンプレートが無料でダウンロード可能になっており、ライセンスも商用利用可能なものからGPLライセンス、CCライセンスまでいろいろ。 特筆すべきは検索機能の充実具合で、XHTML準拠、ライセンス別、明るい系か暗い系か、幅は固定かそうでないか、カラムの数、色名を組み合わせて絞り込みが可能。 詳細は以下の通り。 Open Design Community - Download Free Web Design Templates - OpenDesigns.org http://www.opendesigns.org/ 強力な検索機能の利用は以下から。 Search Designs ・ OpenDesigns.org 以下からサムネイル画像でテンプレートのプレビューを見ることもできます。サムネイル画像の上にマウスを乗せれば詳細な情報が表示されるので便利。クリック
とほほのスタイルシート入門
CSSリファレンス トップ > CSSリファレンス [ABC順] 概要 CSS入門 リンク サンプル 表記について CSS3関連規約 セレクタ * { ... } E { ... } ns|E { ... } E, F { ... } E.class E#id E F { ... } E > F { ... } E + F { ... } E ~ F { ... } E || F { ... } [attr] [ns|attr] [attr="val"] [attr~="val"] [attr|="val"] [attr^="val"] [attr$="val"] [attr*="val"] :any-link :link :visited :local-link :target :target-within :scope :hover :active :focus :focus-visi
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Dr. Web Weblog ? Blog-Archiv ? Collection of Web 2.0 Navigation Menus
超初心者のためのスタイルシート講座 - 超初心者のためのホームページ作成講座
Webデザインとグラフィックの総合情報サイト - MdN Interactive - Webデザイン超基本のお作法50選
