スポンサード リンク

Web制作関連のエントリ

プログラマ向けのCSSスタイリングJSライブラリ「Descartes」
CSSは様々なスタイリングが可能ですが、JSONベースでスタイリングを書くこ...(続きを読む)
モバイルアプリ風のUIを提供するBootstrapベースのフレームワーク「M...
次のように、タブバーやスライドメニュー、リスト等、iOSアプリ風のUIをWE...(続きを読む)
ページ遷移をアプリっぽくすることができる「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」
。線グラフ、棒グラフ、円グラフ、地図他、データのビジュアライズ用等...(続きを読む)
アニメーションするモダンなモーダルダイアログを汎用的につくれ...
既存のエレメントを特定のサイズに変形し、ダイアログなり、サイドバー...(続きを読む)
« 1 2 3 4 5 6 7 8 9 10 11 » / 2646件
記事をジャンルで探す

not enough data