コーディングのスピードアップを図ろうと、まずは手順をまとめました。 コーディングの手順 レイアウト作成（手描き・イラレ）ブロック分け（手描き） コーディングHTMLマークアップid クラス 命名スタイル指定スタイルマークアップ 上記手順に変更は必要な…

CSSフレームワークとは HTMLに決められたクラス名を指定することで、 レイアウトや機能を追加することができるもの。 コーダーに人気のフレームワークは、Bootstrapやbluma 他多数。 美しいデザインで機能的なレイアウト・タブ・フォームを追加することがで…

HTMLコーディング中によく使う色辞典 昔からお世話になっています。 シンプルでとても良いサイトだと思います。 日本の伝統色もよく利用します。 www.colordic.org

セレクタとは 英：selector 意味：CSSで指定する要素 ■書き方 セレクタ{ プロパティ：値； } ※セレクタ＝何を プロパティ＝どのように ■種類 要素 HTMLの要素 全称 HTMLページ内全ての要素 id idで指定した要素 class classで指定した要素 複数 複数指定 子…

要素とは 英：element 意味：構成するもの ■HTML要素 開始タグから終了タグまでを<p>要素という <p>今日はいい天気です</p> ■親子関係を示す 親要素の中に子要素を入れて、入れ子の関係にある場合 親要素・子要素という</p>

英：Flexible Box Layout Module CSS3のフレキシブルボックスを利用したレイアウト ただし、IE10以下は非対応なので注意する Flexコンテナ（親要素）の中にFlexアイテム（子要素）を含むイメージ □記述方法 親要素に display:inline-flex; を指定する 並びや…

書き方は３つ その１ 外部ファイルで読み込む .cssにスタイルを記述して、HTMLから<a href="">タグを使って読み込む その２ head内に書く </head>の直前に、<style></style>内に記述する その３ HTML要素に追加する <p style="color:red">のように記述する HTML4時代は、HTML要素とhead内に記述することが多かった。</p>…

ベンダープレフィックス CSSで仕様が未確定な機能を、ブラウザに明示する為に付ける接頭辞の事 各ベンダーによって推奨されており、仕様が確定された場合は外す ペンダー 英語表記：vendor 意 味：売り手 製品の供給元 プレフィックス 英語表記：prefix 意 …

疑似要素は、HTMLに記述していない要素に対して要素を作り出し、スタイルを設定できる 例えば ::before や ::after など ::（コロン2つ）の前に a要素を付けて a::before のように記述します。 ■使い方 外部リンクという文字の後に、自動でリンク先を表記す…

⌘（コマンド）＋shift＋X で文字属性をリセット ショートカットを使っていると、アレ？今何押した？ってなる事はありませんか？ それを、『偶然ショートカット』と名付けました。