APIと少しのjQueryコードでGoogle Mapの地図の色を変更する Google MapのデザインをjQueryで変更する為のメモ書き。Google Map APIとjQueryでGoogle Mapの色合いを変更し、オリジナルのマーカーを付けてみます。こうする事で、既存デザインに合わせたGoogle Ma...2012.05.17 | 12時40分31秒jQueryWebデザイン
文章中の任意のキーワードをアニメーションしながら定期的に別のキーワードに置き換える軽量jQueryプラグイン・dynamo.js 珍しい感じだったのでご紹介。軽く 目を惹かせる事が出来そうな感じ。 文章中の特定のキーワードを、 定期的に別のキーワードに置き換える 事が出来ます。アニメーションさせ るので部分的に目立ちそうですね。2012.05.16 | 10時33分11秒jQueryWebデザイン
jQueryでフォームのlabel要素をinput内に表示し、フォーカスしたらスライド、入力中は非表示にする 説明的なタイトルですが・・input要素 の中にlabel要素のテキストを表示させ、 フォーカス時にはアニメーションで右に スライドし、入力中は非表示にする、と いうのを実装できるjQueryのプラグイン です。2012.05.15 | 12時58分31秒jQueryWebデザイン
ドロップダウンするページ内スクロール用の固定ナビゲーションを実装するjQueryプラグイン・fixedTOC 個人的に使いそうなのでメモ。 よくあるページ内スクロールを 固定させてドロップダウン式に するjQueryプラグインです。 これはなかなか実用性があると 思います。2012.05.10 | 11時11分11秒jQueryWebデザイン
カウントダウン終了後に任意のコードを実行できる軽量jQueryプラグイン・jquery-countdown カウントダウンタイマーの実装と 終了後に任意のイベントを発生 させられるjQueryのプラグイン、 jquery-countdownのご紹介です。 たまに見かけるやつですね。使用 頻度は高くは無さそうですけど。2012.05.08 | 11時26分50秒jQueryWebデザイン
羅列した要素をjQueryで徐々にランダム表示させる 羅列された要素をフェードイン しながら徐々にランダムで表示 させるエフェクトをjQueryで実装 出来る、というプラグインの ご紹介。割と短いコードで作れる エフェクトなので覚えておきたい ですね。2012.05.06 | 11時07分48秒jQueryWebデザイン
Gistに書いたCSSやJavaScriptのコードを表示し、その場で実行出来るjQueryプラグイン・Intelligist Gistのコードを表示させるだけでなく、 その場で実行出来るようにする、という jQueryのプラグインです。あんまり 用途は浮かばないかもですけど、珍しい ので一応メモ的に。Gistは複数指定 可能です。2012.05.03 | 10時39分02秒jQueryWebデザイン
Facebookのように、顔文字を絵文字に変換するjQueryのプラグインと、絵文字の作成、共有が出来るサービス 参考になったのでついでにシェア。 顔文字を絵文字の画像に置換する プラグインです。Facebookで特定 の顔文字を入力すると絵文字に自動 で変換されますが、そんな機能を 加える事が出来ます。2012.05.01 | 10時24分34秒jQueryWebデザインジェネレーター
オープンソースのPHP+jQuery製オンラインファイルマネージャ・elFinder OSSのファイルマネージャが良さそう だったのでご紹介。結構高性能っぽい です。こういうのは手軽なものがあま りない印象なので使う機会は無いけど 一応抑えておきたいところです。うま く使いたいところですけどね・・2012.04.30 | 12時27分51秒jQueryオープンソースソフトウェア
jQuery UIをタッチデバイスに対応させるためのライブラリ・jQuery UI Touch Punch jQuery UIをタッチデバイスに対応させる ライブラリ・jQuery UI Touch Punchの ご紹介です。いつか使うかも、と思った ので備忘録。これを見て、そういやスマ フォでjQuery UIを試したことが無いこと ...2012.04.28 | 10時39分34秒iPhone / iPadjQueryWebデザイン
複数選択できるselect要素で選択した項目を分かりやすく表示するjQueryプラグイン・bsmSelect フォームのselect要素で複数選択 可能なフォームをユーザーが利用 しやすくする為のプラグインです。 現在選択中の項目を分かりやすく 表示してくれます。2012.04.19 | 12時09分46秒jQueryWebデザイン
Webページの印刷プレビューを見やすく素早く表示させるjQueryプラグイン・Print Preview Webページの印刷プレビューを、 その場で見やすく素早く表示 させるjQueryプラグインです。 地味だけど結構良かったです。 IEには対応して無い様ですが、 印刷が必要なページに導入する と良いユーザービリティになるかも。2012.04.18 | 11時58分22秒jQueryWebデザイン
スクロールすると左右から画像が集まってくるWebデザインのNizoっぽいやつをjQueryで作る 以前少し話題になった、Nizoというサイト がああります。このサイトで導入している、 スクロールに応じて要素をアニメーション させるエフェクトがちょっと素敵なんです が、これと同じような効果をjQueryで作る、 というのが今日の...2012.04.17 | 9時28分59秒jQueryWebデザイン
見た目がFacebookのLikeboxっぽいTwitterウィジェットを作成出来るjQueryプラグイン・Twitter Follow Box 使いそうだったので備忘録。Facebook で恐らく最も利用されてると思われる ソーシャルプラグインのLikeboxと似た ようなものを、Twitterアカウントで 作成するjQueryプラグインです。デザ イン的にもバランスが取...2012.04.13 | 10時58分04秒jQueryWebデザイン
省スペースで印象的なプレゼンができる・Presenteer.js 省スペースで印象的なプレゼンを行える jQueryのプラグインです。ちょっと見た 事のないタイプだったのでご紹介してみ ました。用途はかなり限られそうですが、 印象的ではありますね。省スペースで ある必要は無いかもですがw2012.04.04 | 11時18分39秒jQueryWebデザイン
li要素で作ったナビゲーションリンクを、Media Queriesで設定したブレークポイントでselect要素にする軽量ライブラリ・TinyNav.js シンプルで使いやすそうだったので 備忘録。Media Queriesと併用して、 ナビゲーションリンクをselect要素 に変換するjQueryのプラグインです。 圧縮版だと300バイトほどと、超軽量で、 様々なブラウザにも対応で...2012.04.03 | 10時26分02秒iPhone / iPadjQueryWebデザイン
CSS3による様々なエフェクトが選択可能なレスポンシブWebデザイン対応イメージスライダーを実装するjQueryプラグイン・REFINESLIDE 3Dやスライスなど、様々なアニメーション エフェクトを使用できて、且つレスポンシブ Webデザインにも対応可能なイメージスライ ダーを実装できるjQueryプラグインのご 紹介。REFINESLIDEというプラグインです。 覚えて...2012.04.02 | 9時51分33秒iPhone / iPadjQueryWebデザイン
画像の任意の箇所にツールチップを配置出来るjQueryプラグイン・iPicture 画像内の任意の箇所に自由にホバーで テキストを表示するツールチップを 配置出来るjQueryプラグイン・iPicture のご紹介。この手のライブラリは、 実務でかなり有効的に使えますので 覚えて置いて損は無いのでは。2012.03.31 | 11時29分04秒jQueryWebデザイン
様々なフォーマットにも対応可能な、美しい年表コンテンツを実装できるjQueryプラグイン・Timeline 珍しいので一応メモ。年表を作れる jQueryプラグインです。見た目も 綺麗なんですが、スプレッドシート や、JSON形式にも対応出来るので どこかで使えるかも、と思いました。 機能も申し分ありません。2012.03.29 | 10時48分59秒jQueryWebデザイン
要素にフローティング効果を手軽に与えられるjQueryプラグイン・jqFloat.js 画像とかをフワフワ動かすやつです。 指定した要素を、指定どおりに継続 的にサイト内で動かします。CPUの 問題とかもあると思うので多用は 出来ないと思いますが、よく見かけ るといえば見かけるので一応メモ。2012.03.28 | 11時49分47秒jQueryWebデザイン
タップやピンチなど、タッチデバイス特有のイベントをサポートする2KBの軽量jQueryプラグイン・Hammer.js タップ、ダブルタップ、ピンチや 長押しなど、タッチデバイス特有 のイベントをサポートしてくれる JSライブラリ・Hammer.jsのご紹介。 2KBと軽量なのでいつか使うと思っ て記事にしておきます。2012.03.26 | 11時12分59秒iPhone / iPadjQueryWebデザイン
アニメーションしながら少しずつ文字を表示させていくエフェクトを実装するjQueryプラグイン・Lettering Animate 使いどころもありそうだったので 備忘録。文字をアニメーションし ながら少しずつ表示させていく様 なエフェクトを実装できるjQuery プラグイン・Lettering Animate です。2012.03.23 | 10時34分09秒jQueryWebデザイン