https://b.hatena.ne.jp/logic3code/css/ cssに関するlogic3codeのはてなブックマーク (6) https://coliss.com/articles/build-websites/operation/css/background-videos-used-object-fit.html logic3code 2017-05-31T03:07:06Z CSS 59 <blockquote cite="https://coliss.com/articles/build-websites/operation/css/background-videos-used-object-fit.html" title="[CSS] object-fitの使い方: レスポンシブ対応、動画や画像をブラウザいっぱいに表示するCSSのテクニック"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fcoliss.com%2Farticles%2Fbuild-websites%2Foperation%2Fcss%2Fbackground-videos-used-object-fit.html" alt="" /> <a href="https://coliss.com/articles/build-websites/operation/css/background-videos-used-object-fit.html">[CSS] object-fitの使い方: レスポンシブ対応、動画や画像をブラウザいっぱいに表示するCSSのテクニック</a></cite><p><a href="https://coliss.com/articles/build-websites/operation/css/background-videos-used-object-fit.html"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/57e527afd33cf5492771a7cc342b1b724462dc52/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fcoliss.com%2Fwp-content%2Fuploads-201702%2F2017053101-01.png" alt="[CSS] object-fitの使い方: レスポンシブ対応、動画や画像をブラウザいっぱいに表示するCSSのテクニック" title="[CSS] object-fitの使い方: レスポンシブ対応、動画や画像をブラウザいっぱいに表示するCSSのテクニック" class="entry-image" /></a></p><p>HTML内にインラインで配置した動画や画像を、背景画像のようにブラウザいっぱいに表示するCSSのテクニックを紹介します。 レスポンシブに完全対応、スマホでもデスクトップのあらゆるサイズのスクリーンでも最適なサイズで表示されます。</p><p><a href="https://b.hatena.ne.jp/entry/s/coliss.com/articles/build-websites/operation/css/background-videos-used-object-fit.html"><img src="https://b.hatena.ne.jp/entry/image/https://coliss.com/articles/build-websites/operation/css/background-videos-used-object-fit.html" alt="はてなブックマーク - [CSS] object-fitの使い方: レスポンシブ対応、動画や画像をブラウザいっぱいに表示するCSSのテクニック" title="はてなブックマーク - [CSS] object-fitの使い方: レスポンシブ対応、動画や画像をブラウザいっぱいに表示するCSSのテクニック" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/coliss.com/articles/build-websites/operation/css/background-videos-used-object-fit.html"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://coliss.com/articles/build-websites/operation/css/viewport-vs-percentage-units-by-ire.html ビューポート(vw, vh)とパーセント(%)、レスポンシブに適した単位の賢い使い分け方法 | コリス これは覚えておきたい logic3code 2015-07-22T08:40:08Z CSS 391 <blockquote cite="https://coliss.com/articles/build-websites/operation/css/viewport-vs-percentage-units-by-ire.html" title="[CSS]ビューポート(vw, vh)とパーセント(%)、レスポンシブに適した単位の賢い使い分け方法"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fcoliss.com%2Farticles%2Fbuild-websites%2Foperation%2Fcss%2Fviewport-vs-percentage-units-by-ire.html" alt="" /> <a href="https://coliss.com/articles/build-websites/operation/css/viewport-vs-percentage-units-by-ire.html">[CSS]ビューポート(vw, vh)とパーセント(%)、レスポンシブに適した単位の賢い使い分け方法</a></cite><p><a href="https://coliss.com/articles/build-websites/operation/css/viewport-vs-percentage-units-by-ire.html"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/7db6982913fdf7f00658032a195f530614c25fc5/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fcoliss.com%2Fwp-content%2Fuploads-201502%2F2015072201.png" alt="[CSS]ビューポート(vw, vh)とパーセント(%)、レスポンシブに適した単位の賢い使い分け方法" title="[CSS]ビューポート(vw, vh)とパーセント(%)、レスポンシブに適した単位の賢い使い分け方法" class="entry-image" /></a></p><p>先日の記事「フォントサイズの指定方法（翻訳版）」で、CSSの比較的新しい単位「ビューポートの単位(Viewport Units)」について触れました。この単位「vw, vh, vmin, vmax」はブラウザのビューポートのサイズに基づくもので、これらの単位で指定した実際の大きさはビューポートの大きさによって変化するため、レスポンシ...</p><p><a href="https://b.hatena.ne.jp/entry/s/coliss.com/articles/build-websites/operation/css/viewport-vs-percentage-units-by-ire.html"><img src="https://b.hatena.ne.jp/entry/image/https://coliss.com/articles/build-websites/operation/css/viewport-vs-percentage-units-by-ire.html" alt="はてなブックマーク - [CSS]ビューポート(vw, vh)とパーセント(%)、レスポンシブに適した単位の賢い使い分け方法" title="はてなブックマーク - [CSS]ビューポート(vw, vh)とパーセント(%)、レスポンシブに適した単位の賢い使い分け方法" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/coliss.com/articles/build-websites/operation/css/viewport-vs-percentage-units-by-ire.html"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://www.non-period.com/be/dw/cs3/index.html logic3code 2010-09-13T13:32:10Z dreamweaver html css cs3 31 <blockquote cite="https://www.non-period.com/be/dw/cs3/index.html" title="DreamweaverCS3の使い方/リファレンス｜Dreamweaverでゴォ！CS3編"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fwww.non-period.com%2Fbe%2Fdw%2Fcs3%2Findex.html" alt="" /> <a href="https://www.non-period.com/be/dw/cs3/index.html">DreamweaverCS3の使い方/リファレンス｜Dreamweaverでゴォ！CS3編</a></cite><p><a href="https://www.non-period.com/be/dw/cs3/index.html"><img src="" alt="DreamweaverCS3の使い方/リファレンス｜Dreamweaverでゴォ！CS3編" title="DreamweaverCS3の使い方/リファレンス｜Dreamweaverでゴォ！CS3編" class="entry-image" /></a></p><p>簡単なリファレンス（Dreamweaver CS3の場合） 最終更新日： 08/09/04 Dreamweaver CS3の使い方　目次 サイト定義をする CSSを優先にしない設定にする 新規にHTMLファイルを作る 起動時に新規ドキュメントを開くようにする ショートカットキーで新規ドキュメントを作成する 新規にCSSでレイアウトされたドキュメントを作...</p><p><a href="https://b.hatena.ne.jp/entry/s/www.non-period.com/be/dw/cs3/index.html"><img src="https://b.hatena.ne.jp/entry/image/https://www.non-period.com/be/dw/cs3/index.html" alt="はてなブックマーク - DreamweaverCS3の使い方/リファレンス｜Dreamweaverでゴォ！CS3編" title="はてなブックマーク - DreamweaverCS3の使い方/リファレンス｜Dreamweaverでゴォ！CS3編" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/www.non-period.com/be/dw/cs3/index.html"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> http://solidstate.jp/ImageDisplay/slideshow/script_141.html logic3code 2010-09-08T15:57:44Z javascript css html *あとで読む 48 <blockquote cite="http://solidstate.jp/ImageDisplay/slideshow/script_141.html" title="http://solidstate.jp/ImageDisplay/slideshow/script_141.html"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=http%3A%2F%2Fsolidstate.jp%2FImageDisplay%2Fslideshow%2Fscript_141.html" alt="" /> <a href="http://solidstate.jp/ImageDisplay/slideshow/script_141.html">http://solidstate.jp/ImageDisplay/slideshow/script_141.html</a></cite><p><a href="http://solidstate.jp/ImageDisplay/slideshow/script_141.html"><img src="" alt="http://solidstate.jp/ImageDisplay/slideshow/script_141.html" title="http://solidstate.jp/ImageDisplay/slideshow/script_141.html" class="entry-image" /></a></p><p></p><p><a href="https://b.hatena.ne.jp/entry/solidstate.jp/ImageDisplay/slideshow/script_141.html"><img src="https://b.hatena.ne.jp/entry/image/http://solidstate.jp/ImageDisplay/slideshow/script_141.html" alt="はてなブックマーク - http://solidstate.jp/ImageDisplay/slideshow/script_141.html" title="はてなブックマーク - http://solidstate.jp/ImageDisplay/slideshow/script_141.html" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/solidstate.jp/ImageDisplay/slideshow/script_141.html"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> http://html.appelle.jp/ logic3code 2010-08-27T05:01:34Z html css 51 <blockquote cite="http://html.appelle.jp/" title="無効なURLです"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=http%3A%2F%2Fhtml.appelle.jp%2F" alt="" /> <a href="http://html.appelle.jp/">無効なURLです</a></cite><p><a href="http://html.appelle.jp/"><img src="" alt="無効なURLです" title="無効なURLです" class="entry-image" /></a></p><p>無効なURLです。 プログラム設定の反映待ちである可能性があります。 しばらく時間をおいて再度アクセスをお試しください。</p><p><a href="https://b.hatena.ne.jp/entry/html.appelle.jp/"><img src="https://b.hatena.ne.jp/entry/image/http://html.appelle.jp/" alt="はてなブックマーク - 無効なURLです" title="はてなブックマーク - 無効なURLです" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/html.appelle.jp/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://www.htmq.com/jp-jp/ logic3code 2010-08-27T00:25:06Z リファレンス css html 2502 <blockquote cite="https://www.htmq.com/jp-jp/" title="HTMLクイックリファレンス"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fwww.htmq.com%2Fjp-jp%2F" alt="" /> <a href="https://www.htmq.com/jp-jp/">HTMLクイックリファレンス</a></cite><p><a href="https://www.htmq.com/jp-jp/"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/2af6023f30991ef4cb51ee74e60acbb1de7ef29e/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fwww.htmq.com%2Fwp-content%2Fuploads%2F2025%2F04%2Fhtmq-onlinecasino-osusume5.jpg" alt="HTMLクイックリファレンス" title="HTMLクイックリファレンス" class="entry-image" /></a></p><p>{&quot;is_any_tile&quot;:false,&quot;sources&quot;:[{&quot;source&quot;:&quot;bmc_bonus_type&quot;,&quot;table_games&quot;:false,&quot;bonus_types&quot;:false,&quot;game_providers&quot;:false,&quot;slots&quot;:false,&quot;live_games&quot;:false,&quot;is_live_dealer&quot;:false,&quot;payment_methods&quot;:false,&quot;sport_types&quot;:false,&quot;live_streaming&quot;:false,&quot;cash_out&quot;:false}]} ウェルカムボーナス {&quot;is_any_tile...</p><p><a href="https://b.hatena.ne.jp/entry/s/www.htmq.com/jp-jp/"><img src="https://b.hatena.ne.jp/entry/image/https://www.htmq.com/jp-jp/" alt="はてなブックマーク - HTMLクイックリファレンス" title="はてなブックマーク - HTMLクイックリファレンス" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/www.htmq.com/jp-jp/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote>