[B! css] logic3codeのブックマーク

[CSS] object-fitの使い方: レスポンシブ対応、動画や画像をブラウザいっぱいに表示するCSSのテクニック

HTML内にインラインで配置した動画や画像を、背景画像のようにブラウザいっぱいに表示するCSSのテクニックを紹介します。レスポンシブに完全対応、スマホでもデスクトップのあらゆるサイズのスクリーンでも最適なサイズで表示されます。

logic3code 2017/05/31

CSS

リンク

[CSS]ビューポート(vw, vh)とパーセント(%)、レスポンシブに適した単位の賢い使い分け方法

先日の記事「フォントサイズの指定方法（翻訳版）」で、CSSの比較的新しい単位「ビューポートの単位(Viewport Units)」について触れました。この単位「vw, vh, vmin, vmax」はブラウザのビューポートのサイズに基づくもので、これらの単位で指定した実際の大きさはビューポートの大きさによって変化するため、レスポンシブデザインにあった単位と言えるでしょう。これらの単位を使うことは「フォントサイズの指定方法」でフォントサイズに使うことを反対しましたが、レイアウトでは非常に役立つ単位です。 Viewport vs. Percentage Units 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様に許可を得て翻訳しています。ビューポートの単位(Viewport Units)とは要素を幅いっぱいに指定 (% > vw) 要素を高さいっぱいに指定 (

logic3code 2015/07/22

ビューポート(vw, vh)とパーセント(%)、レスポンシブに適した単位の賢い使い分け方法 | コリスこれは覚えておきたい

CSS

リンク

DreamweaverCS3の使い方/リファレンス｜Dreamweaverでゴォ！CS3編

簡単なリファレンス（Dreamweaver CS3の場合）最終更新日： 08/09/04 Dreamweaver CS3の使い方　目次サイト定義をする CSSを優先にしない設定にする新規にHTMLファイルを作る起動時に新規ドキュメントを開くようにするショートカットキーで新規ドキュメントを作成する新規にCSSでレイアウトされたドキュメントを作成するウィンドウサイズの変更・調整 HTMLファイルのプロパティの変更文字の入力文字の大きさを変更する文字の色を変更する画像を追加する画像ソフトからコピー&ペーストで画像を挿入する罫線（区切り線）を追加する箇条書きを作るクリックでメーラーを起動させるようにする表を作る別ページへリンクを作るドキュメントにリンクされたページを開く HTMLファイルに名前をつける HTMLファイルを保存する背景、テキスト、リンクなどの色を