WEB上で複雑なレイアウトのページを自由にWYSIWYGで編集できる「grape...
関連エントリ Markdownが書けるWYSIWYGエディタ「TOAST UI Editor」...(続きを読む)

グラデーションをWEB上で設定に便利なカラーピッカー「grapick」
その場で確認しながらグラデーションを生成できます関連エントリ モダン...(続きを読む)

シャレオツなページめくり効果のデモ「Page Flip Layout」
紙面のようなデザインではありますが、ページの切り替え方がかっこよく...(続きを読む)

JSでタイムゾーンを扱う際に便利な「spacetime」
特定のTZでじこくを時刻を設定し、他のTZに切り替えて今の時間をしるとい...(続きを読む)

シンプルなグリッドベースのギャラリー実装jQuery「sampGallery」
Googleの画像検索っぽい画像の拡大をしてくれるギャラリーが実装できます...(続きを読む)

ソースコードをタイピングアニメーションと共にプレビューできる...
単にソースコードを表示するだけでなく、タイピング付き＆ハイライト表...(続きを読む)

JSでUUIDみたいなユニークなIDを生成する「Nano ID」
ランダムで衝突の少ないIDの生成時に便利そうです関連エントリ タイムラ...(続きを読む)

軽量ページの翻訳機能を実現する「Translator.js」
１ページで複数の言語に対応させることが出来るライブラリです。１ペー...(続きを読む)

右クリックで円形メニューを実装
。画面を右クリックすると次のような円形メニューがでるように実装でき...(続きを読む)

カスタマイズ可能でモダンなWYSIWYGエディタ実装「slate」
次のようなシンプルでモダンなデザインのリッチテキストエディタを実装...(続きを読む)

ホバーでかっこよくイメージをプレビューする「Image Reveal Hover Effec...
テキストをホバーするとアニメーションしながらかっこよく画像がポップ...(続きを読む)

ターミナル上にグラフを描画できる「Ervy」
特定のソフトではなくターミナル上でグラフを描画して視覚的にデータを...(続きを読む)

美しい背景アニメーション集「Ambient Canvas Backgrounds」
Canvasを使ったなめらかで美しいアニメーションを背景にしてサイトを印象...(続きを読む)

シンプルだけどモダンなradioボタンを実装できる「Simple button radios...
次のようなキレイなradioボタンを実装できます。関連エントリ 汎用で使え...(続きを読む)

JSで背景がグリグリダイナミックに動くサンプル
風景のような画像がJSでグリグリ動いて迫力ある画面が作れます関連エン...(続きを読む)

微調整できる数値入力のUI「bootstrap-input-spinner」
左右にプラス、マイナスボタンがついて数値を微調整できる入力UIの実装...(続きを読む)

CSS3とjQueryで作ったテキストアニメーション「sahansira/Text-Slider」
...(続きを読む)

マインドマップ風のツリーを描画できる「Treeviz」
次のような図形を描画できるcodepenでのサンプルです関連エントリ 複数要...(続きを読む)

faviconをローディングアニメーションさせる「favloader」
他タブのローディング状態がわかって便利関連エントリ 特定サイトのfavico...(続きを読む)

CSSベースのドット絵がブラウザ上で描画できる「piCSSel-art」
使いやすいツールでCSSベースのドット絵が簡単にかけます。CSSに画像を埋...(続きを読む)