少しのjQueryコードでHTMLテーブルの列にリンク先を指定できるようにする シンプルでいいアイデアだったのでメモ。 HTMLテーブルの列そのものにリンクを 指定できるようにする、というもの。jQuery でサクッと出来るようですね。ちょっと思 いつきませんでしたけど・・テーブルまわり は使いやすさを向上し...2011.06.09 | 11時15分45秒cssやプログラミングjQueryWebデザイン
画像を使った視差アニメーションを簡単なjQueryのコードで実装するTips マウスの動きに応じて重ねた複数の画像 が動きその動きを使って視差効果を与える、 というjQueryプラグイン。ユニークでいいで すね。ソースも軽量です。こういうの実装され てるだけで、ちょっと味のあるデザインに なりますよね。2011.06.08 | 10時39分34秒cssやプログラミングjQueryWebデザイン
複数並べられたコンテンツをまとめてスライドさせるjQueryプラグイン・Grid Slide Plugin ちょっとうまい説明が思いつかなかった んですけど、複数並べられた画像など を同時にスライドさせるjQueryプラグイン。 省スペースに多くのコンテンツを表示 させる事が出来るのはちょっといいかも 知れません。2011.06.01 | 10時30分32秒cssやプログラミングjQueryWebデザイン
jQuery Mobileを使ったシンプルなHTMLファイルを作成→ダウンロード出来るWebサービス・mobjectify なかなか良かったのでご紹介。jQuery Mobileを使ったスマフォ向けのHTML ファイルをオンラインで作成出来る シンプルなWebサービス・mobjectifyで す。直感のみで作成することが出来ま す。ユーザー登録も不要な...2011.05.30 | 10時30分59秒iPhone / iPadjQueryWebサービスジェネレーター
fieldset要素単位で横スライドするバリデーション付きの入力フォーム用jQueryプラグイン・jQuery Stepy 縦長になるような入力フォームにいいかな と思ってメモ。fieldsetでグループ化された 要素単位でスライド化してくれます。下部 までスクロールする必要が無くなるのと、 どこが誤入力か分かりやすい、場所を取ら ないなどのメリットが...2011.05.27 | 10時23分34秒cssやプログラミングjQueryWebデザイン
iPhoneやAndroid等のタッチデバイス向けイメージギャラリー用JSライブラリ・PhotoSwipeなかなか良いですぞ なかなか良さ気だったので備忘録。 iPhone、AndroidやiPadなどの人気 のタッチデバイス用に作られたギャラ リー用のJSライブラリ・PhotoSwipe。 人気のプラグイン、jQueryMobileでも 利用することが...2011.05.24 | 10時34分45秒cssやプログラミングiPhone / iPadjQueryWebデザイン
jQuery Mobile使用時によく使うマークアップで日本語サンプルを作ったので配布します 簡単なものですけど、jQuery Mobile でのマークアップ時によく使うっぽい UIのサンプル作ったので配布します。 簡単なチートシート代わりになるのでは 無いかと思ったのでシェアしてみよう かと。良かったら使ってください。 ...2011.05.23 | 10時17分46秒cssやプログラミングiPhone / iPadjQueryWebデザイン
jQueryを使って閲覧中のWebサイト自体をその場でプレゼンするサンプル・Screen Presenter 似たようなのがどこかにありました が。閲覧してるWebサイトそのもの をユーザーにプレゼンする、という インターフェースをjQueryで作った デモ。サンプルはダウンロード出来る のでお暇ならぜひ触ってみてください。2011.05.22 | 12時04分08秒cssやプログラミングjQueryWebデザイン
ボタンやタブ、スライドなどのコンポーネントを実装するjQueryベースのUIライブラリ・Ninja UI なかなか素敵だったので備忘録です。 ボタンやスライドやアイコンなどのUI コンポーネントを揃えたjQueryベース のライブラリ・Ninja UI。IE6では実装 出来ませんけどモバイルで使えそう かな。2011.05.20 | 16時17分23秒cssやプログラミングjQueryWebデザイン
キーボードで画面操作するスライド系jQueryプラグイン・Ascensor なかなかユニークなプラグインだった ので備忘録。ちょっとしたイベントサイト 等に使えそうです。キーボードで画面 を縦横にスライドさせることが可能な jQueryプラグイン・Ascensor。スライド にもいいかもですね。2011.05.20 | 15時19分47秒cssやプログラミングjQueryWebデザイン
ツールチップのデザイン変更が容易なjQueryプラグイン・Tooltipsy なるほどと思ってエントリ。マウスオーバー でツールチップを表示させるjQueryプラグ インは沢山ありますが、表示時のデザイン を変えるには、多少なりにライブラリの知識 を必要とする場合も多々あります。これを 非プログラマでも変更...2011.05.15 | 10時31分56秒cssやプログラミングjQueryWebデザイン
スマフォ向けの写真SNS・picplzに投稿した写真を表示できるjQueryプラグイン・apPicplz 人気に拍車がかかる写真共有サービス、 instagramと同様に写真にエフェクトを 掛けて共有出来るpicplzも、ちらほらと ユーザーさんを見かけるようになりました。 そんな中、picplzの写真を簡単に表示 出来るjQuery...2011.05.14 | 12時28分08秒cssやプログラミングjQueryWebデザイン
jQuery Mobileを使ったフリーのスマートフォン向けWordPressテーマ・Generic jQuery Mobile 昨日に続いて今日もjQuery Mobileの 話題。jQuery Mobileを使ったフリーの WordPressテーマです。このテーマを 使えば、ユーザーエージェントで切り替 えるだけでスマフォ対応できますね。2011.05.12 | 11時44分19秒iPhone / iPadjQueryWordPressテーマ
jQuery MobileでGoogleMap APIを使ったサンプルがMITライセンスで公開されてた なかなかいいサンプルだったのでシェア。 jQuery MobileでGoogleMap APIを使った サンプルがオープンソースで公開されて いました。ストリートビューなども表示する ことが可能です。興味の有る方はチェック してみ...2011.05.11 | 11時17分18秒cssやプログラミングiPhone / iPadjQueryWebデザイン
美しいフォームデザインを実装する事が可能なjQueryプラグイン・Ideal Forms チェックボックスやラジオボタンなど、フォーム周り のデザインを美しくする事が出来るjQueryプラグ イン・Ideal Formsのご紹介。スタイルもいくつか 用意されており、フレームワークとして使えるよう です。デザインテーマもい...2011.05.08 | 10時39分58秒cssやプログラミングjQueryWebデザイン
jQueryやHTML5を使ってiPhoneやiPad向け電子書籍を作成する為のフレームワーク・Laker iPadや、iPhoneなどのタッチデバイス の普及で、個人的にも電子書籍への 関心がかなり高まりました。そんな中、 割と良さそうな電子書籍専用のフレーム ワークがあったのでメモがてらご紹介。 こういうの覚えておくと重宝しそうです...2011.05.06 | 12時03分53秒cssやプログラミングiPhone / iPadjQueryWebデザイン
テーブルにソート、内容編集、行の削除等の機能を加えるjQueryプラグイン・TableGear なかなか多機能なライブラリだったので 備忘録。テーブルにソート、コンテンツの 編集や、Ajaxによる行の削除が可能な jQueryプラグイン・TableGearです。この 手のプラグインはいくつかありますが、 中でもかなり高機能な...2011.05.04 | 10時31分20秒cssやプログラミングjQueryWebデザイン
テキストにユニークなマウスオーバーエフェクトを実装出来るjQueryプラグイン・jMagnify どこかで使うかなと思ったのでメモ。 テキストにマウスオーバーすると、 ユニークなエフェクトを掛けることが 出来るjQueryプラグインです。なか なかインパクト有りますね・・2011.05.03 | 11時00分41秒cssやプログラミングjQueryWebデザイン
多彩なエフェクトが魅力なイメージギャラリー用jQueryプラグイン・Skitter なかなか使いやすそうで、汎用性 もあるかなと感じたので備忘録。 エフェクトが多数あり、機能も中々 良く、クロスブラウザ対応している イメージギャラリー用のjQueryの プラグインです。2011.04.25 | 10時59分21秒cssやプログラミングjQueryWebデザイン
Webデザイナー&UIデベロッパー向けのHTML5/CSS3/jQuery/PHPフレームワーク・G5 Framework Webデザイナーやフロントエンドデベロッパー 向けのフレームワークが登場したようですね。 HTML5/CSS3/jQuery/PHPを使って構成さ れており、シンプルで軽量。小規模レベルの プロジェクトのスターターキット等にも利用し...2011.04.23 | 10時47分35秒cssやプログラミングjQueryWebデザイン
テーブル内の行やセルなどの要素をドラッグ&ドロップで自由に配置できるスクリプト・REDIPS.drag テーブル内で自由に要素を配置できる スクリプト・REDIPS.dragのご紹介です。 セル内のdiv要素をドラッグドロップで他 のセルに配置しなおしたり、行ごと順番 を変えることも出来ます。クロスブラウザ で動作します。2011.04.22 | 10時51分32秒cssやプログラミングjQueryWebデザイン
「ノンプログラマーのためのjQuery入門」のスライドが凄く分かりやすいですね Twitterに流れてきたスライドがとっても 分かりやすかったのでブログでより多く の方に拡散。ノンプログラマー向けの jQueryの基本講座。これからjQuery を使おう、という方は読んでおくと良さ そうですね。2011.04.19 | 18時17分04秒cssやプログラミングjQueryWebデザイン