UGA Boxxx

つぶやきの延長のつもりで、知ったこと思ったこと書いてます

【Web】HTML, JS, CSS の便利パターン集

Web

コピペで使えるHTML, JS, CSS の便利パターン集というものを知ったのでみてみた

web.dev

ちょっとみただけで興味があるのがたくさんあった

  • Advanced apps patterns
  • Animation patterns
  • Clipboard patterns
    • 画像をコピーする方法
    • テキストをコピーする方法
    • ファイルの貼り付け方法
    • 画像の貼り方
    • テキストの貼り付け方法
  • Component patterns
    • Breadcrumbs
    • Buttons
    • Carousel
    • Dialog
    • Game Menu
    • Loading Bar
    • Media Scroller
    • Multi-Select
    • Settings
    • Sidenav
    • Split Buttons
    • Stories
    • SVG Favicon
    • Switch
    • Tabs
    • Toast
  • Files and directories patterns
    • ディレクトリをドラッグ アンド ドロップする方法
    • ファイルをドラッグ アンド ドロップする方法
    • ファイルエクスプローラーから開いたファイルの扱い方
    • ディレクトリを開く方法
    • 1 つまたは複数のファイルを開く方法
    • 共有ファイルの受け取り方法
    • ファイルの保存方法
    • ファイルを共有する方法
  • Layout patterns
  • Media patterns
  • Theming patterns
  • Web Vitals patterns