|
UIデザインで困らないために押さえておくべき7つのWEBサービス 技術 UI Web デザイン まとめ デザイン リンク集 開発 ウェブサイトにおいて、画像や配色だけがデザインではありません。ページャーやパンくずリスト、タブやアイコンなど、サイトの随所に存在するユーザーインターフェース(UI)... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
turn.js - The page flip effect for HTML5 HTML5で美麗なページめくり効果が作れるJSライブラリ「turn.js」 ドラッグ＆ドロップでべらっとめくるあのインタフェースがHTML5で実現でき、iPadやiPhoneなどでも動作します。 電子書籍ビューアとし... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
Windows Phoneが渾身の力をこめて投入してきたUIがMetroです。確かにすっきりとした格好いいインタフェースになっています。そんなMetro UIをTitaniumを使って再現したのがTiMetroになります。 0 [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
業務システムなどではWeb上にテーブルを表示するというケースがよくあります。さらに一歩進んで表計算のように集計したり並び替えたりしたいという無茶な要望が出るかも知れません。そんな時に使ってみたいのがjQuery.sheetです。jQuery製の表計算ソフトウェアです。 0 [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
html2canvas - screenshots with JavaScript JavaScriptでスクリーンショットが取れるライブラリ「html2canvas」 サーバサイドでブラウザを動かしてスクリーンショットを取るというより、利用者のブラウザ上でスクリーンショットをJavaScript... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
商用利用可、クレジット表記・バックリンク不要のフリー素材を紹介するサイト。webエレメント (27) アコーディオン (2) カレンダー (2) スライダー (1) ツールチップ (2) ナビゲーション (6) フォーム (5) ボタン (13) アイコン (15) テクスチャ (4) パターン ... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
このところHTML5関連のモバイルアプリケーション開発について調べていて、先週の水曜日にはSwapSkills主催のイベント「jQueryモバイルで簡単！ スマートフォンサイト作成」に参加してjQuery Mobileについて勉強してきました。jQuery Mobileとは、jQueryのプラグイ... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
もはやこの業界ではかなり浸透しつつあるjQuery。 今回はそんなjQueryにスポットを当て、本年度紹介された中でも、ホットなトレンドプラグインをご紹介します。 ※プラグインつかってないのもあります。 １）3D表示プラグイン サンプルデモ 今年のトレンドと言えば3D。 というわけでこちら。まずは... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
jGmaps | jQuery Plugins Googleマップを使った経路案内も一瞬で実装できるjQueryプラグイン「jGmaps」 必要なライブラリを読み込んで、次のようにjgmapsメソッドを呼び出すとGoogleマップによる経路案内の地図と文字による案内情報が出ます。 $('#mapa... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
jQuery Form Tips Plugin フォーム要素にうっすらデフォルト値を入れてヒント表示できる「jQuery Form Tips」 フォームにデフォルト値を入れておくことで利用者が何をいれていいのか、というのが直感的にわかり、かつスペースもとらないのでよく使われる手法ですが、実装も超簡... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
これ、なんだかスゴそうですよ。今風のインタフェースを作るためのJavaScriptのライブラリです。EXT.jsの凄い奴、って感じかな。↑ こういう部品群が用意されています。↑ デモとして用意されている『Google Wave』風インターフェース。こんなのもできちゃうってすごすぎじゃね？ちなみにW... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
これはいつか使いたいのでさくっとメモ的にご紹介。jQuery Roundaboutを使えば立体的にぐるぐる回るコンテンツギャラリーを作れます。横方向だけでなく、縦方向や斜め方向にも回転できてかなりかっちょいい。↑ この右側のようなやつ。ま、これはシンプルすぎるけど。マークアップも簡単ですな。詳細＆... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
ボックス要素をレンガ状に綺麗に整列させる「jQuery Masonry」が凄いです。 普通、高さの違うボックス要素を float とかで並べると次のような、どう見ても見れない崩れたデザインになってしまいます。 が、今回紹介するjQuery Masonry を使うと、次のように、綺麗にテトリスっぽく... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
1.5KBで実装できるスライドショー用JavaScript ライブラリ「TinySlider」。 次のような、左右のナビゲーションとページ番号がついたスライドショーの実装スクリプトの紹介です。 jQueryプラグインではありませんが、jQueryバリに簡単に実装できる模様です。var slides... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
jScrollPane スクロールのデザインするならコレが便利なjQueryプラグイン「jScrollPane」。 ちょっと前に話題になっていたような気がしますが便利なのでご紹介。 デザインサイトなどで、スクロールを使ってしまうとOSによって見栄えが変わってきてしまって全体のデザインを崩してしまい... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
これは注目！様々なタイプのCAPTCHAが作れるPHPライブラリ「Securimage PHP CAPTCHA」2009年09月30日-Securimage PHP CAPTCHA - Free PHP Captcha Script 次のように、実に様々なタイプのCAPTCHAが作れるPHPライブ... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
Multiple File Upload With Progress Bar Using jQuery jQueryで実装する進捗グラフ付き複数ファイルアップローダー。 次のようなマルチファイルアップローダーが実装できるjQuery＋PHPなソースが公開されています。 アップロード部分には swf... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
Tutorial9で、Webデザイナーのための美しいjQueryプラグインが紹介されています。ざっといくつかご紹介。» jQuery.popeye - an inline lightbox alternative lightboxをギャラリーのようなインターフェースに代替したjQuery.pope... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
|
リッチなウィジェット実装などが可能な超多機能JavaScriptフレームワーク「UIZE JavaScript Framework」が凄い件2009年08月12日-リッチなウィジェット実装などが可能な超多機能JavaScriptフレームワーク「UIZE JavaScript Framework」 ... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
これもいつか使うかもしれないのでメモ的にエントリー。フォームの入力欄の中にラベルを表示させるjQueryのプラグインですよ。使いどころは難しそうですが、説明文とかいれておくとユーザビリティが向上するかもですよ。↑ こういうやつね。マークアップも簡単ですね。普通にHTMLとCSSを設定しつつ、jQu... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
