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