コニファ・ロゴ

ツール集:選んだ色を画面に貼り付け記憶しておける付箋紙

webページ作成作業用に、選んだ色を画面の好きな位置に貼り付け、この画面を閉じても内容をlocalStorageに記憶しておける付箋紙です。以前作成した「jQueryを使って、内容、色、位置をlocalStorageに保存できる付箋」を発展させたものです。

使い方:「色入力欄」に16進数色コード(#は必須・3文字または6文字)を入れ、「新規作成」をクリックすると、その色を背景色にし、そのコードを記述した付箋紙を入力欄の下に追加します。背景色が薄く見づらい場合は付箋紙を選択しておき、「文字色」ボタンをクリックして、文字色を黒にできます。同じく付箋紙を選択し「削除」ボタンをクリックすると付箋紙を削除します。また付箋紙をダブルクリックすると、textの内容を変更、追加できます。付箋紙はドラッグできるので、画面の中で自由に配置できます。付箋紙の情報(文字色黒を除く)をlocalStorageに記憶するので、閉じたときと同じ状態を次に開くまで保持できます。古いブラウザではlocalStorageの動作に問題があるかもしれません。

色入力欄:

 

 

 

 

 

 

戻るボタン