mootoolsをベースとしたオープンソースのモバイル向けフレームワーク・Moobile いつもjQueryなのでたまには別のライブラリ の話題でもご紹介。mootoolsをベースとした モバイル向けフレームワーク・Moobileです。 mooltoolsベースのものは個人的には初見です が、他にもあるんですかね・・あま...2012.04.23 | 10時37分32秒cssやプログラミングiPhone / iPadWebデザイン
ベーシック且つシンプルなレスポンシブWebデザイン対応CSSフレームワーク・Exegesis-Framework シンプルでベーシックなレスポンシブ Webデザイン対応のCSSフレームワーク をご紹介。シンプルなのでフレーム ワークとしてとても使いやすいイメージ でした。これはこれで覚えておくと いいかも。2012.04.20 | 11時17分05秒cssやプログラミングWebデザイン
複数選択できる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デザイン
擬似クラスや属性セレクタ等でフィルタリング可能なCSSセレクターのシンプルなリファレンス 作りが良かったので参考としてメモ。 CSSのセレクターを、擬似クラスとか 属性とかでフィルタできるリファレ ンスサイトです。自分のチートシート の作りが微妙なので使いやすそうなら 参考にしたい。2012.04.11 | 10時28分56秒cssやプログラミングWebデザイン
CSS3で作る、ドロップダウン⇔アコーディオンの切り替えをするレスポンシブWebデザイン対応のグローバルメニュー JSを使わず、CSSのみでドロップダウン メニューとアコーディオンメニューを 特定のブレークポイントで切り替える レスポンシブWebデザイン対応のグロー バルメニューのサンプルです。これは なかなか良いのでは。2012.04.10 | 10時50分32秒cssやプログラミングWebデザイン
スマフォのフリックにも対応しているカルーセルを実装できるJSライブラリ・inflickity フリックに対応したカルーセルを 実装するライブラリ・inflickity です。動きもかなり軽快ですので、 使いどころも多々ありそうです。 よくあるUIキットにも似たような ものが含まれてますけど、こうして 単体で使えるのも欲し...2012.04.08 | 11時27分32秒cssやプログラミングiPhone / iPadWebデザイン
商用利用もWebフォントも無料で利用出来るサンセリフ系フォント・Subtle Sans 英字フォントですが、なかなか良さそう だったのでシェア。商用利用もWebフォント も無料でリンクなども不要と、結構自由 に使えるのと、個人的にサンセリフの 利用頻度が高いので即DLしてみましたよ。 太さも3種用意されています。2012.04.05 | 10時43分38秒cssやプログラミングWebデザインメディア関連
省スペースで印象的なプレゼンができる・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デザイン
著作権放棄のレスポンシブWebデザイン対応CSSフレームワーク・ingrid シンプルで良さそうだったのでメモ。 パブリックドメインのCSSフレームワ ークです。レスポンシブWebデザイン にも対応していますし、グリッドレイ アウトにも利用出来るのでなかなか 汎用性があるのでは無いかなと。2012.03.27 | 10時35分56秒cssやプログラミングiPhone / iPadWebデザイン
タップやピンチなど、タッチデバイス特有のイベントをサポートする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デザイン
画像にマウスホバーするとズームする拡大鏡っぽいやつを簡単に実装できる2KBの軽量jQueryプラグイン・loupe 結構良かったのでご紹介。ECサイトとか で見かける、マウス乗せると画像が拡大 するやつです。拡大鏡とか言えばいいん でしょうか?ニーズはそこそこありそう ですし、かなり軽量で導入も簡単なので 覚えておくと工数減らせるかもですね。 ...2012.03.21 | 10時12分58秒jQueryWebデザイン
Pinterestっぽいレイアウトを作ってみる 以前、レンガ風に要素を配列するレイ アウトを凄くよく見かけるようになり、 それから一種のブームのように様々な リソースが出回りました。最近はあま り見かけなかったのですが、Pinterest の登場で、また似たようなレイアウト ...2012.03.19 | 11時07分41秒jQueryWebデザイン
ベジエ曲線のラインに沿ってテキストを折り返すことができるjQueryプラグイン・Bacon! ちょっと面白いプラグインだったので 備忘録。曲線に沿ってテキストを折り 返せるようにするjQueryプラグインで す。新聞のようなレイアウトも組めそ うです。用途はあまり無さそうですけ ど、珍しいので覚えておきたい。2012.03.18 | 11時59分38秒jQueryWebデザイン