フッターやヘッダー、ナビゲーションなど、パーツ別のデザイン例のまとめ
Webデザインパーツごとのデザイン例 ヘッダーだけ、フッターだけみたい、 というように、部分的にデザインの 例を見たいことが多いのでそんな 記事をまとめました。 ヘッダーだけ、フッターだけみたい、 というように、部分的にデザインの 例を見たいことが多いのでそんな 記事をまとめました。まとめのまとめ です。少し重いかもしれません。 主にブログデザインになってしまいますが、ヘッダー、フッター、ナビゲーション、フォームデザインなどなど部分的なデザインを参考にしたいとこに役立つまとめ記事を備忘録としてまとめています。 ヘッダーデザインユーザーにインパクトを与えるヘッダー。派手なデザインが多めです。 30 Creative Website Headers クリエイティブなヘッダーのデザインを30個ほど。凄いのばっかり。 30 Creative Website Headers 27 Stunning
<label> - ラベル - とほほのWWW入門
形式 <label>～</label> サポート LS / H4 / e4 / Ch1 / Fx1 / Sa1 / Op1 / N6 カテゴリ フローコンテンツ フレージングコンテンツ インタラクティブコンテンツ パルパブルコンテンツ フォーム関連要素 (HTML 5.2) 親要素 フレージングコンテンツ を子要素に持てるもの 子要素 フレージングコンテンツ。ただし、ラベルコントロールではないラベル付け化可能要素や、label 要素を子孫に持たない。 タグの省略 開始タグ:必須 / 終了タグ:必須 属性 グローバル属性 for <label> は、フォームの中で、フォーム部品とラベルを関係付けるために用います。ラベルを明示することにより、ブラウザでラベルをクリックした時や、ラベルのアクセスキーを押した時に、その部品をクリックしたのと同じ動作をさせることができるようになります。
テキスト（項目）部分をクリックしてもチェックされる、チェックボックスやラジオボタンを作るCSS | WEB制作の覚書
ラジオボタンやチェックボックスは小さいため、そのままだと使いにくいです。 そこで項目の部分をクリックしてもラジオボタンやチェックボックスにチェックが入るCSSです。 CSSファイル //分かりやすいように、カーソルが乗ったとき「手」にします。 //分かりやすいように、アンダーラインも出しています。 .labelsel { cursor: hand; border-bottom: 1px dotted #FF0000; } HTMLファイル <form> <input name="choice" type="radio" value="1" id="choice1"> <label for="choice1" class="labelsel">選択肢1</label> <input name="choice" type="radio" value="2" id="choice2"> <lab
チェックボックスのラベル範囲を視覚的に分かりやすくするCSS - スタイルシートTipsふぁくとりー
《2016年2月29日 10:00 公開/更新》 チェックボックスのラベル範囲を視覚的に分かりやすくするCSS [フォーム,色] HTMLのinput要素を使ってチェックボックスやラジオボタンを作ると、クリック可能な範囲がとても狭くて若干使いにくいですよね。クリック可能な範囲は「チェックボックスやラジオボタンそのもの」だけで、その横に書いた文字列はクリック対象外になってしまいます。 ところが、input要素と併せてlabel要素を使えば、ラベル部分(チェックボックスやラジオボタンに対応する文字列の部分)もクリック可能になります。そうしておく方が、一般的なソフトウェア上のチェックボックスやラジオボタンと操作の感じが同じになるので、ユーザビリティ上も望ましそうです。 以下の2つのチェックボックスは、1つ目は「チェックボックスそのもの」しかクリックできないデフォルトの状態です。文字列部分をクリッ
WordPress テーマ - Vicuna
無効なURLです。 プログラム設定の反映待ちである可能性があります。 しばらく時間をおいて再度アクセスをお試しください。
ฟรีผลบอลสด ข่าวบอล คาสิโนออนไลน์เกมส์ – ข่าวฟุตบอล ผลบอลล่าสุด คาสิโน โป๊กเกอร์
สำหรับวันนี้ก็จะมาแนะนำ รีสอร์ทที่มีห้องพักที่เพียบพร้อมไปด้วยสิ่งอำนวยความสะดวก และบรรยากาศดีๆ แล้วก็คาสิโนไว้เป็นแหล่งสร้างความบันเทิงให้หลายๆคนได้เข้าไปสนุกสนานและ เสี่ยงโชคไปพร้อมๆกันด้วยครับ ซึ่งมีชื่อว่า ฮาเทียนเวกัสรีสอร์ทแอนดคาสิโน เป็น รีสอร์ทแอนด์คาสิโน ที่ตั้งอยู่ในประเทศเวียดนามครับ ก็เป็นอีกหนึ่งประเทศที่น่าเดินทางไปท่องเที่ยวเหมือนกันครับ ด้วยความที่มีบรรยากาศและวัฒนธรรมที่น่าชื่นชม
【Gimp特集】GimpでWeb2.0風-反射ロゴを作ろう！*二十歳街道まっしぐら
★新URL：http://20kaido.com/ ★新RSS:http://20kaido.com/index.rdf いままでFC2ブログで5年間、お世話になりました。感謝です。 移転先でもよろしくお願いいたします！ 二十歳街道まっしぐら（FC2ブログ時代）人気記事TOP50まとめ Gimpによる画像作成を「特別企画」の【Gimp特集】として まとめることにしました。 過去記事：【Gimp特集】Gimpで飛び出す写真を作ろう！（初心者向け） ======================================================= 【目次】（クリックすると、各ステップへ飛びます。） ステップ１：文字を書く ステップ２：反転させる ステップ３：アルファ（透過）をかける ==================================================
もうPhotoshopは要らない？ブラウザだけでできるグラフィックジェネレータ15選 | S i M P L E * S i M P L E
そのままですが、Mashableで「Forget Photoshop: 15 Online Graphics Generators」が紹介されていました。 これはメモしておかねば。 Buttonator ボタンがいろいろ作れます。設定がいろいろあって良いですね。 RoundedCornr: Rounded Corner and Gradient Generator いわゆる角丸パーツを作れます。 Web 2.0 free buttons maker! 2.0っぽいボタンが作れます。 glassy buttons こちらもボタンジェネレータ。 Ajaxload – Ajax loading gif generator Ajaxのローディング中のパーツが作れます。 Web2.0 Logo Creator by Alex P Logo Maker : Web 2.0 Stylr 2.0っぽいロゴ
製品ロゴなどに使われているおなじみのフォント集 - GIGAZINE
企業ロゴやドリンクのパッケージ・本のタイトルなどで見たことがあるような、なじみ深い字体を模したフォントが大量に集められたサイト。使用は自己責任でお願いします。 詳細は以下から。 Famous Fonts at Sharkshock 11種あるカテゴリは以下の通り。 印刷物のロゴフォント。 Famous Fonts at Sharkshock- Publications 飲み物や食べ物のロゴフォント。 Famous Fonts at Sharkshock- Food-Drinks 外食系のフォント。 Famous Fonts at Sharkshock- Restaurants 企業ロゴ。 Famous Fonts at Sharkshock- Companies 映画やテレビのフォント。 Famous Fonts at Sharkshock- Movies-TV アニメ関係。 Famous
Faviconをつくるときに参考にしたいデザイン＆ツールいろいろ | P O P * P O P
アドレスバーやブックマークの左側に表示されるFavicon（こんなの↓ですね）に関する記事がありました。 参考になりそうなきれいなデザインやツール類があったのでご紹介。これからFaviconつくるぞー、という人はよろしければどうぞ（それよりもこのブログのFaviconをなんとかしなくては・・・）。 » Inspire Yourself: 50 Remarkable Favicons | Smashing Magazine 下記に一部をご紹介。 ■ 花びら系デザイン ↑ カラフルですね。 ■ 丸系デザイン ↑ 丸を上手に使ったデザインはWeb2.0ぽい気がします。 ■ 文字系デザイン ↑ Googleの「G」やmixiの「m」もそうですね。はてなはブックマークは「B」、ダイアリーは「D」などと分けているようです。 ■ 模様系デザイン ↑ 凝ってますね。 ■ 四角系デザイン ↑ Appleは四
Hints of fonts on the web -- Introduction
Section 1：概説 Section 2：画像化テキスト Section 3：サンセリフ欧文(1) Section 4：サンセリフ欧文(2) Section 5：サンセリフ欧文(3) Section 6：セリフ欧文(1) Section 7：セリフ欧文(2) Section 8：セリフ欧文(3) Section 9：草書系・筆書系欧文(1) Section 10：草書系・筆書系欧文(2)・装飾系欧文 Section 11：等幅欧文・その他の欧文 Section 12：ゴシック系和文(1) Section 13：ゴシック系和文(2) Section 14：明朝系和文(1) Section 15：明朝系和文(2) Section 16：その他の和文 Appendix A：無償利用できるフォント Appendix B：Windows の標準フォント Appendix C：PostScript
ウノウラボ Unoh Labs: ユーザビリティって何だろう？（基本のまとめ）
こんばんわ、Sashaです。フォト蔵のUI改善への要望が高まっているのをうけて、最近、ユーザビリティについてみんなで考えています。 基本の基本が気になる私は、「ユーザビリティって何だろう」というところから考えるべく、『ユーザビリティのguru』と呼ばれるJakob Nielsenの「ユーザビリティ」の定義を復習しました。以下はそのまとめです。 ユーザビリティって何だろう？ ユーザビリティは、UIがどのくらい使いやすいものであるのかを示す質的属性です。「ユーザビリティ」という言葉は、モノをデザインする過程で「使いやすさ」を改善するための方法でもあります。 ユーザビリティは、次の5つの品質によって表すことができます。 「学習しやすさ」 初めてそのデザインに触れるユーザーが、どれだけ容易に基本的なタスクを発見し、遂行できるだろう？ 「効率のよさ」 ひとたびそのデザインを学習したユーザーが
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ルーレットカジノ 情報館
http://www4.ocn.ne.jp/~design/
はてなブログ | 無料ブログを作成しよう
eclucifer blog - FC2 BLOG パスワード認証