CSS

• 2016年7月28日
• 2018年2月18日

【5秒実装!!】CSSでYouTubeの埋め込みをレスポンシブ対応に！！

YouTubeの埋め込みをレスポンシブ化する方法 YouTubeの<iframe>タグで埋め込みをすると、レスポンシブ対応になっていないため、スマホで閲覧した際にサイトからはみ出してしまいます。 下記のコードをhtmlファイルとcssファ […]

• 2016年7月24日
• 2018年2月18日

角丸・円を5秒で!!【border-radius】をコピペで実装!!

要素を角丸にする場合 CSS3でのBOXを角丸にする方法のメモ。CSSのborder-radiusをつかって角丸を実装します。 CSS div{ -webkit-border-radius:10px; -moz-border-radius:10px; […]

• 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 <img […]