HTML&CSS Dreamweaver CC 2017.5で新しく加わったGit機能を使う方法
2017年6月にDreamweaver CC 2017にいよいよGitの機能が標準で搭載されました。さっそく使ってみることにします。
今回の記事はすでにGitの使用経験がありSorceTreeなどから乗り換えたいとお考えの方対象です。
...
HTML&CSS
HTML&CSS HTML&CSS CSSで表現するブレンドモード〜CSS3
ブレンドモードは２つの画像や画像と塗りをブレンドして表現するものです。
Photoshopなどで頻繁に活用される手法ですが、CSSでも使用することができます。
background-blend-modeプロパティ
注）IEもEdg...
HTML&CSS CSS3でフィルター効果をつける
フィルター効果は本来SVGのグラフィック効果として実装されました。しかし、フィルター効果はCSSからも利用することができます。
CSSでフィルター効果をつけるのは非常に簡単な上にその効果も大きくPhotoshopなどでの一手間を省けるかも...
HTML&CSS [HTML5.1] tfootの使い方が変わっています。
テーブルの構造化を行うタグ「tfoot」の使い方がHTML5.1で変更になりました。
「tfoot」は「thead」「tbody」の後に使用する事となっています。
HTML4.01時代は「thead」「tfoot」「tbody」の順...
HTML&CSS HTML5.1勧告でh1の使い方に変更〜アウトラインの作成
2016年11月にHTML5.1の勧告ではセクショニング・コンテンツ内であっても適切なランクの「heading」を使用する事とされています。
HTML5から「h1」の使い方が大きく変更されていました。
セクショニングタグの新規登場に...
HTML&CSS Sublime Text3でSassとCompassを使えるようにする
SassとCompassの導入がすでに行われており、Sublime Text3でscssファイルを保存すると自動でコンパイルするための方法です。
そうするとKoalaなどを使用する必用もなく手軽にSassが使えます。
SassとCo...
HTML&CSS FlexBoxの使い方（６）〜flexプロパティの練習
flexプロパティの練習用サンプルを作成しました。
flex-grow、flex-shrink,flex-basisの値を入れてレイアウトを確認するものです。
値は数字の０以上の整数を入れてください。
数値入力後に「CSS設定する」ボ...
HTML&CSS FlexBoxの使い方（５）〜flexプロパティについて（動画あり）
flexプロパティの動画
flexプロパティについて解説します。
display:flexを指定したときflexコンテナはblockの性格を持ち、親要素の幅いっぱいに広がります。flexコンテナでflexアイテムをき...
HTML&CSS FlexBoxの使い方（４）〜display:inline-flexについて（動画あり）
inline_flexの動画
「inline-flex」を簡単に説明すると「inline-block」の拡張版と言えます。
「inline-block」の性格を持ちながら、尚且つ「flex」の性格を持ちます。結構万能に使...
HTML&CSS FlexBoxの使い方（３）〜flexアイテムの順番を入れ替え（動画あり）
flexアイテムの順番の入れ替えについて解説します。
flex アイテムに対するプロパティの使い方動画
flexBoxレイアウトの初期状態
flexBoxレイアウトをorderプロパティで並べ順を変えた状態
...