[B! CSS] pu_cyan1031のブックマーク

ブラウザのスタイルをリセットするスタイルシート集 | コリス

<textarea name="code" class="css" cols="60" rows="5"> html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td{ margin:0; padding:

pu_cyan1031 2013/06/27

開発
CSS

リンク

[JS]納品前の確認に最適、使用されていないCSSのセレクタを見つけ出すスクリプト -Helium

ウェブサイトの多数のページ全体に渡り、スタイルシートで定義されたセレクタが使用されているかどうかチェックし、使われていないセレクタのレポートを生成するスクリプトを紹介します。納品する際に、不要なセレクタを除去するのに役立ちますよ。 Helium -GitHub Heliumの準備 Heliumの使用方法 Heliumの準備 HeliumはjQueryなど他のスクリプトを必要せず動作し、URLのリストから全てのページをロードし、解析して、スタイルシートで見つけたセレクタが全ページで使用されているかどうかチェックし、レポートを作成します。スクリプトは、開発環境で実行してください。公開中のサイトで実行すると、ユーザーにもHeliumの動作が見えてしまいます。 Step 1: 外部ファイルテストするページの全てに、当スクリプトを外部ファイルとして記述します。場所は、head内でも</bo

pu_cyan1031 2013/06/10

リンク

ホームページ作成　タブメニューの作り方（１） - WEBサイト作成　フリー素材コード　の1uphp.com スタイルシート,htmlやFirefox,Operaなどのブラウザの表示結果まで。

【概要】選択されているタブの色が濃く、選択されていない方は薄い色を指定。選択中の色■(#ff3333) ←→ 選択外の色■(#ffcccc) （その他のパターンの一覧はタブメニューのいろいろ（一覧）で見れます。）【重要】『タブ』の色と同色の帯びを、その直下に設置する事が重要です。これは、２色の場合でも、複数色でも、画像を使用する場合でも共通に重要な事です。（『現在訪問しているページが、メニューのどこと一致しているか。』を表現する為です。）現在訪問しているページ自体のリンクは選択できない様にするのが一般的ですが、リンク自体の<a href="リンク先">～</a>を完全に取ってしまうと、スタイルシートを外した場合や、テキストブラウザなどでリンク部分が不明になってしまいますので、『マウスオーバー』時に『何も変化ない状態』が良いと思われます。

pu_cyan1031 2012/12/18

リンク

[Web作成] メニューの展開と折りたたみ - fjiブログ

pu_cyan1031 2011/07/27

リンク

IzzyMenu - Menu Builder - Build your pro CSS/DHTML Menu!（CSSメニューの自動生成ツール）

Website Builder free & simple. Simple websites made easy. The way they should be.

pu_cyan1031 2011/07/26

リンク

クールかつ軽量なCSSメニューを作れる「MenuBuilder.me」

かっこいいCSSメニューを作れるサービスは数えきれないほど存在します。そのなかでも、今回ご紹介するサービスは、デザインがクールな上に、シンプルかつ軽量なCSSメニューを作成できるサービスです。組織のマインドマップツールをマインドマイスターにすべき理由伸びてる産業、会社、事業を紹介しまくるStrainerのニュースレターに登録!! クールで軽量なCSSメニュージェネレーター「MenuBuilder.me」は、クールで軽量、そしてシンプルなCSSメニューを作成してくれるサービス。デザインのテンプレートも豊富で、サクっと作れる上に、デフォルトとマウスオーバー時の色も指定でき、メニューのスタイルもカスタマイズできるようになっています。サンプルCSSメニュー ↑このようなCSSメニューのセットをダウンロードできます。シンプルながらもカスタマイズ性を保持 ↑右側のテンプレートから選択す