スポンサードリンク

2024年 | 2023年 | 2022年 | 2021年 | 2020年 | 2019年 | 2018年 | 2017年 | 2016年 | 2015年 | 2014年 | 2013年 | 2012年 | 2011年 | 2010年 | 2009年 | 2008年 | 2007年 | 2006年 | 2005年

web制作関連のエントリ (2015年)

並替え：関連度順 | 新着順 | スコア順

複雑な検索式等を入力する際に最適な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」
デモページでは９種類のビジュアリゼーション方法について紹介されてお...(続きを読む)

人員のスケジュールを並べてタイムライン表示できる「schedulerjs」
次のような、横スライド型のタイムチャートを作ることが出来ます。メン...(続きを読む)

かなり豊富な種類のグラフを描画できる「ECharts」
。線グラフ、棒グラフ、円グラフ、地図他、データのビジュアライズ用等...(続きを読む)

アニメーションするモダンなモーダルダイアログを汎用的につくれ...
既存のエレメントを特定のサイズに変形し、ダイアログなり、サイドバー...(続きを読む)

Windowsフォルダ風の階層的にファイルを辿れるUIを実装できる「folder...
フォルダUIの再現度が高く、使い慣れたUIをWEBでも使えるようにできます関...(続きを読む)

JavaScriptでURL書き換えを便利にするユーティリティライブラリ「url.j...
特定のパラメータを追加・更新・削除したり、URLの組み立て等、他の言語...(続きを読む)

CSSオンリーで作られたLightBox「css-lightbox」
CSSのみで作られたとは思えないような感じのLightboxがピュアCSSで実現され...(続きを読む)

物理ベースのアニメーションライブラリ「Dynamics.js」
。SVGアニメーション、ローダー、メニュー等のリアルなアニメーションに...(続きを読む)

ページを２分割した面白UI実装デモ「Dual Sliding Panels」
ページを２分割して一方をクリックでページが開く感じのモダンなUIが作...(続きを読む)

selectボックスでもっと高速に選択できるようにするUI実装「Quick sele...
通常のselectは一旦ドロップダウンを開いてから探して選択、という使い方...(続きを読む)

WEB、アプリにフリーで使えるクールなUIキット「EVENTRAY UI KIT」
。次のようなカッコいいUIキットがフリーで入手できます。関連エントリ A...(続きを読む)

CSS、jQueryでレスポンシブな高品質サイドバーナビゲーションを作成...
階層的なメニューにも対応しており、なかなか高品質なサイドバーが実装...(続きを読む)

記事をジャンルで探す

» 新着エントリ » 全てのエントリ(スコア順) » 月別アーカイブ

最新のブログ記事(新着順)