- 2016年7月28日
- 2018年2月18日
【5秒実装!!】CSSでYouTubeの埋め込みをレスポンシブ対応に！！
YouTubeの埋め込みをレスポンシブ化する方法 YouTubeの<iframe>タグで埋め込みをすると、レスポンシブ対応になっていないため、スマホで閲覧した際にサイトからはみ出してしまいます。 下記のコードをhtmlファイルとcssファ […]
CATEGORY
CSS
- 2016年7月24日
- 2018年2月18日
角丸・円を5秒で!!【border-radius】をコピペで実装!!
要素を角丸にする場合 CSS3でのBOXを角丸にする方法のメモ。CSSのborder-radiusをつかって角丸を実装します。 CSS [crayon-678b2555d63c9017002286/] これだけでdivが角丸になります。 四つ角の一部 […]
- 2016年7月20日
- 2018年2月18日
【超便利!!】「:before」「:after」の基本的な使い方。画像やfontawesomeも挿入
:before :afterって何？？ すごく簡単に説明すると、htmlで記述してないけど、文字をcssのみで反映させたかったり htmlで記述してないけど、ボックス要素を作りたかったり htmlでは書いてないんだけど！！ってときに使う疑似要素！ h […]
- 2016年7月19日
- 2018年2月18日
Bootstrapレスポンシブ対応コピペで使えるカラム・モーダル他10選
Bootstrapといえば、今や欠かせないコーディングのレスポンシブに対応したフレームワークとなっています。 そんなBootstrapのよく使われる便利なclassの使い方10選を紹介致します。 1.レスポンシブ対応のimg html [crayon […]