Skip to main content

web

webでのデザインをまとめていく

checkbox​

  • 覚えておくべきこと HTMLのinputタグを使ってチェックボックスを作成する場合チェックボックスの形や色などをCSSで指定することはできない チェックボックスをカスタマイズする方法として、いったんチェックボックスの標準スタイルを無効にして好みのチェックボックスを作成する方法。

  • 無効にしカスタマイズする手順 参考URL

  1. display: noneをinputに設定
input[ type=checkbox] {
    display: none; /* checkboxを非表示にする */
}

  1. チェックボックスのラベルに装飾する.

Tips​

シンプルなcheckbox

Webサイトの作り方​

ブレークポイントの選び方​

デバイスクラスに基づいてブレークポイントを選ばないでください。 最初に小さな画面に収まるようにコンテンツを設計してからブレークポイントが必要になるまで画面を拡大する。 これにより、コンテンツに基づいてブレークポイントを最適化し可能な限り少ない数のブレークポイントを維持できる。

  1. スマホサイズで見やすいレイアウトを作成する。
  2. 次に要素間に空白が多きすぎるまでブラウザのサイズを変更する。

Blob(Binary Large Object)​

バイナリーデータを表すオブジェクト。格納するための型。 巨大な画像/音声ファイル/動画ファイルなどを扱うことができる。 immutable = 不変 blobを直接変更できないが、blobから値を切り出したり新しいblobを作ることは可能。

JSでのBlobの扱い

ファイルダウンロードの仕組み​

参考URL

Last updated on