タグ

お役立ちとHTMLに関するARTOFLIFEのブックマーク (6)

  • Mozilla Japan - Firefox 用アドオン - 拡張機能 - 開発者向けツール

    ダウンロード ステータスバーに、ページの読み込み比率、読み込まれた画像の数、ダウンロード済みバイト数、平均ダウンロード速度、読み込み時間を表示します。Opera のステータスバーに似た機能です。

  • firefoxを使用して htmlのcssを見る方法を教えてください。 - OKWAVE

    的に、HTMLCSSも、隠すほどのものではなくというか、そもそも隠すべきではないものなのですから、自由に見て勉強してください。覗き見というレベルではまったくありません。だってどちらもテキストデータで、それを読んでブラウザが解釈しているわけですから、ブラウザに読めるということ=誰の目にも見える。 HTMLCSSJavaScriptのルールは自由に使えるように公開されているのに、それで書かれた物を見たり、利用したら困るという思考そのものがないのですから・・・ 以前のfirefox1.0あたりまでは、スタイルシートを読む機能もありましたが、利用者が少ないためアドオンに任せられました。下のJSView・・・ さて、その友人が使っているアドオンは、間違いなくfire bugです。あまりにも有名で、ウェブ開発には欠かせないツールになっています。ウェブ開発者で知らない人はいないと思います。 C

    firefoxを使用して htmlのcssを見る方法を教えてください。 - OKWAVE
  • カラーコード HTML・CSS用

    Webデザイン用のプチツール 選択したデザインパターン上でブロックの色を変えことができます。選択したブロックのカラーコードも表示されます。 配色保存用アドレス機能 あなたの作った配色をブログやメールで紹介することができます。パレット右上の「保存用URL表示」をクリックするとURLが表示されますのでコピペしてご利用ください。 配色のヒント 雑誌や生活雑貨を参考にする 文が読みにくい配色はさける。 同系統の色でまとめてみる。 同じぐらいの彩度でまとめてみる。 WEBデザインのヒント 重要なナビゲーションは、探せばすぐに見つかるように配置する 色、文字の大きさ、ブロック周りの余白を調整すると、目立つようになる ページを開いて、まずどこに目がいくのかを意識する 関連のある情報を固める 関連性の薄い情報ブロックの間には余白を入れる

  • 画像に枠をつける - FC2ブログのテンプレート工房

    カスタマイズが簡単な共有テンプレートを配布しています。テンプレートをカスタマイズして自分だけのオリジナルブログを作りませんか? 記事に掲載する写真等の画像に枠をつけて立体的にみせる方法を紹介します。 スタイルシートの一番下に次の記述を加えます。 【 standard の場合 】 /* 記事に掲載する画像に枠を付ける*/ .article img{ margin:0px 3px 0px 0px; padding: 3px; background: #ffffff; border-right: #999999 1px solid; border-bottom: #999999 2px solid; } img.emoji { padding: 0; margin:0; background: #ffffff; /* ここには背景と同じ色を設定 */ } 【 lightframe の場合 】 /

  • スタイルシートリファレンス(目的別)

    font …… フォントに関する指定をまとめて行う font-style …… フォントをイタリック体・斜体にする font-variant …… フォントをスモールキャップにする font-weight …… フォントの太さを指定する font-size …… フォントのサイズを指定する font-family …… フォントの種類を指定する font-size-adjust …… フォントのサイズを調整する font-stretch …… フォントを縦長・横長にする line-height …… 行の高さを指定する text-align …… ブロックコンテナ内の行の揃え位置・均等割付を指定する text-justify …… 均等割付の形式を指定する vertical-align …… 縦方向の揃え位置を指定する text-decoration …… テキストの線・色・スタイルをまと

  • <BLOCKQUOTE>-HTMLタグリファレンス

    <BLOCKQUOTE>~</BLOCKQUOTE>で囲まれた部分が引用・転載であることを表します。 <BLOCKQUOTE>タグは、比較的長めの文章を引用・転載する際に使用します。 改行を必要としない程度の短い文章を引用・抜粋する際には、<Q>タグを使用してください。 Internet Explorer等の一般的なブラウザでは、<BLOCKQUOTE>~</BLOCKQUOTE>で囲まれた部分は 上下に1行分のスペースが挿入され、左右もインデント(字下げ)され、上下左右にスペースが空きます。 ただし、インデントさせることを目的に<BLOCKQUOTE>タグを使用するのは誤りです。 インデントが目的の場合にはできるだけスタイルシートを使用してください。 スタイルシートでは、<div style="margin: 10px">~</div>などと記述します。 ■属性 HTMLソース 芥川龍之

  • 1