スポンサード リンク

Web制作関連のエントリ

ページ遷移をアプリっぽくすることができる「jQuery.smoothState.js」
WEBページというと画面遷移で一旦画面がクリアされて再描画されるため、...(続きを読む)
綺麗な右クリックコンテキストメニューを実装できる「jQuery contextM...
次のようなメニューを実装できます。階層化もできるようで便利そう関連...(続きを読む)
ページ間をまるでJSで遷移しているように滑らかにアプリっぽく切...
アニメーションを使ってページの切り替えが行われますが、チラツキなど...(続きを読む)
WEB上で動くドラムセットを実装するチュートリアル
。クリックで音が鳴る上、SVGを使ってドラム等が振動するエフェクト付き...(続きを読む)
カードをテーブルに並べて斜めからみた風の3DのグリッドUI実装
次のようなグリッドUIの実装チュートリアルとサンプルがDLできます。スク...(続きを読む)
ボタンをモーダルに気持よくアニメーションさせつつ変形させるデ...
。アニメーションの動きが派手すぎずアプリっぽくて気持ちいいです。関...(続きを読む)
複雑な検索式等を入力する際に最適なUIを提供できる「structured-filte...
名前が〜で、電話番号が○○、という検索式を入れたい場合に、沢山の入...(続きを読む)
input[type=file]をいい感じにスタイリングするチュートリアル
input[type=file]をいい感じにスタイリングするチュートリアル次のようなフラ...(続きを読む)
CSS3等をフルに活用してボタンのホバー時のエフェクトをこれでも...
。単に数を集めただけではなく、それぞれの質も高く、流行りのデザイン...(続きを読む)
CSSアニメーションを使ったレスポンシブスライダー実装「Jcslider」
1JS、1KBで60以上の切り替えエフェクトがはいっている、という優れものの...(続きを読む)
要素にclassを指定できるだけでcss3アニメーションさせられる「ALL AN...
。とにかく豊富なアニメーションパターンが収録されていますが、気持ち...(続きを読む)
ポップアップ形式のselectの代替になる入力要素を実装できる「PopSel...
inputにフォーカスするとするとポップアップして要素をクリックでアイテ...(続きを読む)
HTML5での追加・廃止タグ・ブラウザサポート等が一目で分かる「The ...
覚えることが多くて非常に大変ですが、チートシートでサクッと把握でき...(続きを読む)
スマホでも動作するJS製の2D物理エンジン「Matter.js」
。デモではパラメータ等も調整して動きをカスタマイズできて面白い。手...(続きを読む)
様々なデータビジュアライズが可能な「JavaScript InfoVis Toolkit」
デモページでは9種類のビジュアリゼーション方法について紹介されてお...(続きを読む)
人員のスケジュールを並べてタイムライン表示できる「schedulerjs」
次のような、横スライド型のタイムチャートを作ることが出来ます。メン...(続きを読む)
かなり豊富な種類のグラフを描画できる「ECharts」
。線グラフ、棒グラフ、円グラフ、地図他、データのビジュアライズ用等...(続きを読む)
アニメーションするモダンなモーダルダイアログを汎用的につくれ...
既存のエレメントを特定のサイズに変形し、ダイアログなり、サイドバー...(続きを読む)
Windowsフォルダ風の階層的にファイルを辿れるUIを実装できる「folder...
フォルダUIの再現度が高く、使い慣れたUIをWEBでも使えるようにできます関...(続きを読む)
JavaScriptでURL書き換えを便利にするユーティリティライブラリ「url.j...
特定のパラメータを追加・更新・削除したり、URLの組み立て等、他の言語...(続きを読む)
« 1 2 3 4 5 6 7 8 9 10 11 » / 2644件
記事をジャンルで探す

not enough data