Palette-js

JavaScript

美しいカラーパレッドを追加できる「Palette-js」

Palette-jsは美しいカラーパレッドを手軽にプロジェクトに追加することができるJSライブラリです。好きなカラーをクリックするだけで、クリップボードにそのカラーをコピーすることができます。

Palette-js

デモ

デモでは、aquamarine、pink、darkturquoise、steelblue、cadetblue、lightblue、lightsalmon、teal、darkseagreen、khaki、lightcoral、lightgrayなど、たくさんのカラーが並べられたパレットが設置されています。

目的のカラーをクリックすると、そのカラーの上に「COPIED!」と表示され、そのカラーをクリップボードに追加することができます。デザイン・レイアウトともにシンプルで美しく、とても見やすいカラーパレットを設置できます。

const colors = [
"aquamarine",
"pink",
"darkturquoise",
"steelblue",
"cadetblue",
// ・・・中略・・・
"lightseagreen"
];

palette(colors, document.querySelector(".example"));

Palette-js

関連記事

  1. jQuery fullsizable
  2. Bootstrap Carousel Touch Slider with Text Animation
  3. NO IMAGE
  4. Tag-it

    JavaScript

    サジェスト機能を搭載したタグ編集ウィジェット「Tag-it」

    Tag-itはサジェスト機能を搭載したjQuery UIプラグインによ…

  5. Responsive Nav

    JavaScript

    レスポンシブ対応の軽量なナビゲーションを実装できる「Responsive Nav」

    レスポンシブ対応のナビゲーションを実装できる「Responsive N…

  6. Checkify

    JavaScript

    軽量でカスタマイズ性も高いjQueryバリデーションプラグイン「Checkify」

    Checkifyは軽量でカスタマイズ性も高いバリデーション機能を実装で…

最近の記事

  1. 広尾のスタバ
  2. マーガレットハウエルとミズノのコラボシューズ
  3. フレンチトーストや自家製ソーセージ
  4. ハレイワ スムージー
  5. クローバーで淹れたコーヒー

アーカイブ

PAGE TOP