単純なパララックス効果を少しのjQueryコードで作る シンプルなパララックス効果 を少しのjQueryコードで作る というTips。プラグイン化さ れていますのでレイヤーの追加 も簡単です。2012.08.03 | 10時58分47秒jQueryWebデザイン
jQueryを使用している良デザインなWebサイトを集めたWebデザインギャラリー・Best jQuery jQueryをうまく取り入れた良デザインなWebサイトを収集しているデザインギャラリー・Best jQueryのご紹介。jQueryを使用するWeb制作者さんには、インスピレーション向上だけでなく、コードやUIも参考になるかもですね。2012.07.18 | 9時59分42秒jQueryWebデザインインスピレーション
テキストでも画像でもルーペのように拡大できるjQueryのコード よくある拡大鏡を実装するスクリプト です。マークアップも楽で、コード も少量で済むので参考にしました。 そんなに多用するUIではありませんが、 便利は便利なので覚えておきたいです。2012.07.17 | 11時16分15秒jQueryWebデザイン
ベーシックなコンテンツスライダーを実装するjQueryプラグイン・EVO SLIDER お休みですので軽い話題。もう いいだろってくらい出回ってい るコンテンツスライダーですが、 汎用性が高そうだったのでご 紹介。アコーディオンにも出来 るプラグインです。2012.07.15 | 11時30分32秒jQueryWebデザイン
スマフォ向けサイトを構築する為のシンプルなJSフレームワーク・Sidetap ちょっと良さそうだったのでメモ。 スマフォ用サイト向けのシンプル なフレームワーク・Sidetapです。 jQueryのライブラリですので、動作 にはjQueryが必要ですが、ライブ ラリ自体はそこそこ軽量みたい。2012.07.07 | 10時36分00秒iPhone / iPadjQueryWebデザイン
チェックボックスやinput要素などのフォーム周りのユーザビリティを少しだけ向上できる地味に便利なjQueryコードいくつか フォームで利用するjQueryのスニペット コードをいくつか。どれも既出だと思う のでおさらいという事で。とはいえ、所詮 はスニペットですので実際に導入する際 は動作をしっかりと検証する事を強く 推奨します。2012.07.04 | 11時02分20秒jQueryWebデザイン
ol要素で利用出来るHTML5のreversed属性をjQueryでクロスブラウザ対応にする HTML5でol要素でリストに振る番号 を逆にするreversed属性が追加され ました。と言ってもまだChromeしか サポートしていません。便利っちゃ 便利なのでjQueryで他ブラウザに 対応します。2012.07.03 | 10時40分14秒jQueryWebデザイン
iPhone4のRetinaディスプレイで閲覧したらjQueryでRetina向け画像(@2xのやつ)に自動で切り替える iPhone4のRetinaディスプレイで閲覧 された際に自動で高解像度の画像に 自動で切り替えるjQueryのコード。 @2xが付くアレです。ちょっと今更 な話題なので誰も見て無さそうな 日曜日に書いて置こうと思います。2012.07.01 | 10時31分55秒iPhone / iPadjQueryWebデザイン
Dribbbleの投稿をjQueryで自分のサイトに表示させる ちょっと調べ物をしたので備忘録です。 デザイナー専門のコミュニティサイト、 Dribbbleの投稿を自分のサイトに表示 させる方法。APIとjQueryを使って表示 させて見ます。日本ではDribbbleの利 用者は少なそうですけ...2012.06.29 | 10時24分28秒jQueryWebデザイン
WordPress3.4でjQuery UIをiPhoneやiPadなどのタッチデバイスに対応させる 先日リリースされたWordPressの 新バージョン、WordPress3.4から コアファイルにjQuery UIをタッチ デバイスで動かすライブラリが 追加されたみたいです。jQueryUI あんま使わないですけど・・2012.06.21 | 10時23分08秒iPhone / iPadjQueryWordPressカスタマイズ
ネストされたリストにも対応のドラッグ&ドロップによる要素の入れ替えを可能にするjQueryプラグイン・Nestable 入れ子のリストにも対応した、 ドラッグ&ドロップによるソート 可能なjQueryプラグインの ご紹介。jQuery UIを使うほど でも無いような時はこういう のあると嬉しいですね。2012.06.19 | 10時55分37秒jQueryWebデザイン
画面サイズに応じて画像を差し替える軽量jQueryプラグイン・jQuery Picture スマフォやタブレットなどで閲覧した 際に表示する画像を差し替える軽量な jQueryのプラグイン・jQuery Picture のご紹介。レスポンシブWebデザイン でよく問題視される画像のサイズの件 に対応するライブラリです。 ...2012.06.15 | 10時40分12秒iPhone / iPadjQueryWebデザイン
シンプルで見やすいガントチャートを描けるjQueryプラグイン・jQuery.Gantt シンプルで見やすいガントチャート を描画できるjQueryのプラグイン。 以前見かけてから放置していたので 少し触って見ました。使う機会は 個人的には多くありませんけど、 覚えて置いて損はしないかと。2012.06.14 | 10時14分36秒jQueryWebデザイン
拡大時にアコーディオンのように画像が広がるカルーセルを実装するjQueryプラグイン・Accarousel クリックで画像を拡大する際に アコーディオンのように広がる カルーセルを実装するjQueryの プラグイン・Accarousel。機能 はシンプルですが、動きが好み だったので備忘録。2012.06.13 | 11時19分43秒jQueryWebデザイン
短いjQueryコードでレスポンシブWebデザインに対応したシンプルなスライドショーを作ってみる この手のは沢山出回っているので今更 っていう感じの話題ですけど、個人的 にはどのライブラリも利用しやすい 感じではなかったので簡単なコード で出来るものを作ってみます。2012.06.11 | 10時52分28秒iPhone / iPadjQueryWebデザイン
jQueryでリンク先のファビコンをリンク脇にアイコンとして表示する方法 少し前にCSS-TricksにあったTipsを 見たんですが、利用している外部の サイトがあまり信頼性があると思え ないので代替案をいくつか書いてみ ようと思います。2012.06.09 | 10時32分31秒jQueryWebデザイン
シンプルなインターフェースのカラーピッカーを実装するjQueryプラグイン・jquery-colorpicker シンプルなカラーピッカーを実装 できるライブラリのご紹介です。 jquery-colorpicker。高性能な カラーピッカーが不要なシーンで いかがでしょう。2012.06.02 | 10時25分01秒jQueryWebデザイン
Twitter BootstrapをjQuery Mobileで使ったデザインテーマ集・jQuery-Mobile-Bootstrap-Theme なかなか良かったので備忘録です。 Twitter Bootstrapのデザインを、 jQuery Mobileのテーマに起用した サンプルソースが公開されていま した。フレームワーク的にも使える かもしれない。2012.05.31 | 10時06分55秒cssやプログラミングiPhone / iPadjQueryWebデザイン
impress.jsを使ったユニークなプレゼンをオンラインで生成出来るWSIWYGライクなWebツール・Impressionist ユニークなHTML製のプレゼンを生成 出来るライブラリ、impress.js使用 のプレゼンテーションをオンラインで 作れるWSIWYGライクなWebサービス・ Impressionistのご紹介。まだアルファ 版のようです。2012.05.25 | 10時02分32秒jQueryWebサービスWebツール
ページ内でどれくらいスクロールされているかをGoogleアナリティクスで解析する為のjQueryプラグイン・Scroll Depth ユーザーにどれくらいページ内で スクロールされているかをGAの イベントAPIを使って解析する為 のjQueryプラグイン・Scroll Depth のご紹介。2012.05.24 | 10時03分47秒jQuerySEO検索エンジン
jQueryでpre、code要素内に書いたコードをプレーンテキストで別窓表示できるようにする <pre>と<code>内に書いたコード をプレーンテキストで別窓表示させるリンク をjQueryで作るコードです。Web制作者向けの Tipsになります。地味に便利そうだったの で備忘録。2012.05.22 | 11時07分44秒jQueryWebデザイン
チェックボックスやラジオボタンのデザインを変更可能な送信フォームを実装する為のフレームワーク・Ideal Formsにバリデーション機能が付いた チェックボックスやラジオボタン、 セレクトボックスなどのデザイン を変更可能で、バリデーションも できる送信フォームのフレームワ ーク・Ideal Formsのご紹介です。2012.05.20 | 8時18分22秒jQueryWebデザイン