テキストでも画像でもルーペのように拡大できるjQueryのコード よくある拡大鏡を実装するスクリプト です。マークアップも楽で、コード も少量で済むので参考にしました。 そんなに多用するUIではありませんが、 便利は便利なので覚えておきたいです。2012.07.17 | 11時16分15秒jQueryWebデザイン
ベーシックなコンテンツスライダーを実装するjQueryプラグイン・EVO SLIDER お休みですので軽い話題。もう いいだろってくらい出回ってい るコンテンツスライダーですが、 汎用性が高そうだったのでご 紹介。アコーディオンにも出来 るプラグインです。2012.07.15 | 11時30分32秒jQueryWebデザイン
画面サイズに応じて任意のCSSファイルをロードするJavaScriptライブラリ・sizeit.js 画面のサイズを指定して、その サイズに応じて任意のCSSファイル をロードするスクリプトのご紹介。 Media Queries等によってCSSが 肥大化してしまった場合は使って あげると軽量化できるかもですね。2012.07.14 | 10時21分31秒cssやプログラミングiPhone / iPadWebデザイン
ページ遷移不要の、シンプルなWebサイトを作るための軽量jQueryプラグイン・Pagify よく見かける、ページ遷移のない Webサイトを作る為のjQueryプラ グイン。ですが、高機能な物では なく、極めてシンプルで、ライブ ラリも軽量です。サクッと作りた い時のテンプレにもいいかも。2012.07.10 | 12時04分44秒Webデザイン
グローバルメニューとかでマウスホバーしているリンク以外にCSSだけでブラー効果を与える JavaScriptでよく見かける、ホバー 状態のアイテム以外にエフェクトを かける、みたいなのをCSSで実装する という内容です。目新しい手法では 無いです。2012.07.08 | 11時15分29秒cssやプログラミングWebデザイン
スマフォ向けサイトを構築する為のシンプルな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デザイン
ChromeのデベロッパーツールでCSSの未使用セレクタを調べる方法 Google Chromeのデベロッパーツール で現在閲覧中のページでロードされて いるCSSファイルから未使用のセレクタ を調べる、という方法です。こんなの Web制作者にとって常識だろ、みたい な内容だったらごめんなさい。2012.07.02 | 10時37分54秒cssやプログラミングWebデザイン
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デザイン
JavaScriptも使わず元画像も変更せずに画像をグレースケール表示させる ちょっと調べ物をしたのでメモ。 画像1枚だけで、グレースケール、 マウスホバーでカラー画像に、 みたいなのを実装したい、出来れ ばJavaScriptも使用せず、みたい な内容です。2012.06.27 | 10時25分29秒cssやプログラミングWebデザイン
ソースも公開されているオンラインのJavaScript構文チェックツール・jsLint.it Githubでソースも公開されている JavaScript構文チェックツール・ jsLint.itのご紹介。結構軽量で 使い勝手が良さそうだったので自 分のサーバーに入れて使いたいと 思います。2012.06.25 | 9時55分55秒cssやプログラミングオープンソースソフトウェア
geekli.stのユーザー登録画面でのパスワード項目のエラーメッセージがちょっと良かった 土曜日ですし軽い話題でも。 geekli.stというコミュニティ サイトがあるんですが、この サイトのユーザー登録時の パスワード項目のエラー文が 面白かった。2012.06.23 | 10時25分15秒Webデザインインスピレーション
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デザイン
Webベースのダイナミックでクールなプレゼンテーションを実装する為のJavaScriptフレームワーク・Mosho Web上でプレゼンする為のJavaScript フレームワーク、Moshoのご紹介です。 impress.jsライクなダイナミックな 動きのプレゼンテーションをHTMLで 実装する事が可能です。シンプルで 良かったのでお勧め。2012.06.16 | 10時44分48秒cssやプログラミングWebデザイン
画面サイズに応じて画像を差し替える軽量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デザイン