PR

HTML/CSSを学ぶ

スポンサーリンク
HTML/CSSを学ぶ

HTMLにおける、上手に比率維持した画像を作る方法(imgタグ/background-image)

こんにちは。今回はHTMLにおいて意外と厄介な「画像の扱い方」について説明していきます。 比率維持した状態でimgタグを使う まずはimgタグです。imgタグは基本的には画像の元のサイズ/比率のまま出力されます。これを調整する場合、親要素の...
HTML/CSSを学ぶ

HTMLタグに必ずクラスをつけるべき理由

こんにちは。今回はHTMLタグになぜ必ずクラスをつけるべきなのか、その理由を解説していきます。 タグの意味をわかりやすくするため 例えば、こんな要素があったとします。 htmlはこんな感じ。 <div> <div> <img src="./...
HTML/CSSを学ぶ

HTMLだけじゃない?emmetを使ってCSSを爆速で書く方法

こんにちは。今回はemmetというHTML/CSSを短縮記法で書けるようになるツールを紹介します。主にCSSのよく使う短縮記法をお伝えしようと思います。 もっとコーディングを爆速にして時給を上げたい方はこちらの本がおすすめ!emmet以外に...
HTML/CSSを学ぶ

input type=”date”で、どこをクリックしてもカレンダーが表示されるようにする。

こんにちは。今回はinputタグについてです。最近仕事で出くわしたので紹介します。(ブラウザによっては動作しない可能性があります。Chrome/Firefoxで動作確認) input type="date"は、次の画像のように日付を入力する...
スポンサーリンク