動画を角丸にするChrome拡張

OVERVIEW

jsonファイルの勉強

YEAR 2020


概要

【対応ブラウザ】Chrome

【開発人数】1人

【担当箇所】企画 / デザイン/ コーディング

【製作期間】約1時間半

検証して気づいた点

1カスタムプロパティを大量に使用している

カラーコードはもちろん、opacityやfont-weight、line-heightなどほとんどの値が定義されており、大勢でも管理しやすいコードになっている

2メディアクエリでの指定が少ない

横幅変更時にJSによってHTMLに直接スタイルを指定しているためCSSファイルのメディクエリでの指定が少なく、読み込み速度の向上につながっている

ダウンロード


WEBSITE