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

Bara-Bones-Slider優れたカスタマイズ性を有するjQueryスライダー「Bara-Bones-Slider」前のページ

シンプル・軽量で使い方も簡単なハンバーガーメニュー実装「Animated Toggle Menu」次のページAnimated Toggle Menu

関連記事

  1. simpleDialog

    JavaScript

    レスポンシブ対応のシンプルなポップアップ・ダイアログを実装できる「simpleDialog」

    simpleDialogはレスポンシブに対応したポップアップ・ダイアロ…

  2. anchor.js

    JavaScript

    ページ内リンクをスムーズにスクロール移動できるjQueryプラグイン「anchor.js」

    anchor.jsはページ内リンクをスムーズなスクロールで移動すること…

  3. VerticalShift

    JavaScript

    要素を縦長に並べてマウスオーバーで全部表示させるjQueryプラグイン「VerticalShift」…

    とても面白い見せ方だったのでご紹介します。要素を縦長に並べてマウスオー…

  4. lightGallery
  5. Before and after slider
  6. jQuery cardslider

    JavaScript

    カードをスライドさせるようにコンテンツを表示できる「jQuery cardslider」

    jQuery cardsliderは、コンテンツをカードのように表示し…

最近の記事

  1. 甘柿
  2. 冬用のふとん
  3. 田沢湖
PAGE TOP