javascript | sounansa.net

使い勝手の良いカラーピッカーのjavascriptライブラリ　商用利用OKなもの1４選　

多くのケースでは、WEBシステムでカラーピッカーを実装しようと思うと、グラデーションのパレットから選択するよりも、あらかじめ決められたいくつかのパレットの中から選択させるほうが、ユーザービリティに優れ...

業務系WWEBアプリケーションで必ずといっていいほど必要になるのが、データグリッドコンポーネントです。単純な表組みであれば、HTMLのtableタグで事足りますが、フロントエンドのリッチな表現が当た...

WEBシステムでグラフを実装する機会があり、グラフのライブラリを探してみたのでまとめてみました。昔はおしゃれなグラフといえば、Flashで実装していたものですが、今ではJavascriptでかっこい...

フォームのselectタグをそのまま利用するとデザインが味気ないですよね。でもフォームはCSSでデザインをいじるのに苦労することが多いのも事実であり、手間をかけてられない部分でもあります。ここは手っ...

Googleが2015年4月21日までにスマホ対応しないとスマホ検索の順位を下げるぞ！と警告を出しまくってますね。ボクももらいました。たくさんのアラートメール。個人で運営しているサイトならまだしも...

かつてはFlashの独壇場だったアニメーションですが、CSS3とjsで結構すごいアニメーションも作ろうと思えばできるようになりました。 Flash使わなくたって、cssでもすごいここまで描画できるんだ...

チェックボックスやラジオボタンを超オシャレにするテクニックです。javascript、css、SVGを組み合わせて実現しています。こんなかわいいフォームだと、アンケートや問い合わせも楽しくなりますね...

タブレット対応などで良く使う、デフォルトでは非表示だけど、ボタンやアイコンをタップするとサイドメニューがにょきっと登場するやつです。一般的なデザインフレームワークなんかでは、スマホと一緒で上から降り...

Googleの提唱するデザインの指針「Material Design」でアニメーションについての記述が興味深いです。この中の一つに波紋のアニメーションでクリック（タップ)時の反応を表現することについ...

背景を透過にして写真を切り取るには、PhotoshopやFireworksで加工する方法が一般的ではありますが、あえて写真には手を加えず、HTML上で切り取りたいときもありませんか？え、ないって？・...