スマフォ・タブレット向けに作られたオープンソースのIDE付きHTML5製UIフレームワーク・Mobello ネイティブアプリライクなスマフォ やタブレット向けのHTML5製のUI フレームワーク・Mobelloのご紹介。 高速でリッチなインターフェースを Web上で体感出来る、という謳い文句 で公開されています。2012.06.18 | 10時32分43秒iPhone / iPadオープンソースソフトウェア
画面サイズに応じて画像を差し替える軽量jQueryプラグイン・jQuery Picture スマフォやタブレットなどで閲覧した 際に表示する画像を差し替える軽量な jQueryのプラグイン・jQuery Picture のご紹介。レスポンシブWebデザイン でよく問題視される画像のサイズの件 に対応するライブラリです。 ...2012.06.15 | 10時40分12秒iPhone / iPadjQueryWebデザイン
短いjQueryコードでレスポンシブWebデザインに対応したシンプルなスライドショーを作ってみる この手のは沢山出回っているので今更 っていう感じの話題ですけど、個人的 にはどのライブラリも利用しやすい 感じではなかったので簡単なコード で出来るものを作ってみます。2012.06.11 | 10時52分28秒iPhone / iPadjQueryWebデザイン
グリッドレイアウトなレスポンシブWebデザイン対応のテンプレートを手軽に生成出来るジェネレーター・Responsify オンラインで手軽にレシポンシブWeb デザイン対応のテンプレを生成できる というジェネレーター・responsify.it のご紹介。グリッドレイアウトにも 対応可能です。2012.06.01 | 10時13分56秒iPhone / iPadWebサービスWebツール
Twitter BootstrapをjQuery Mobileで使ったデザインテーマ集・jQuery-Mobile-Bootstrap-Theme なかなか良かったので備忘録です。 Twitter Bootstrapのデザインを、 jQuery Mobileのテーマに起用した サンプルソースが公開されていま した。フレームワーク的にも使える かもしれない。2012.05.31 | 10時06分55秒cssやプログラミングiPhone / iPadjQueryWebデザイン
まとめて読みたい記事や薦めたい記事をリスト化してKindleやiPad、iPhoneなどに送信出来るWebサービス・Readlists ちょっと良さそうだったのでシェア。 好きな記事やレシピなど、あとで まとめて読みたいページをリスト化 してKindleやiPad、iPhoneなどに送信 したり、ePubに出力させる事も可能 なWebサービス・Readlistsの...2012.05.26 | 11時02分11秒Webサービスその他
Androidアプリ専門のUIギャラリー・Android App Patterns Androidアプリ専門のUIギャラリー サイト・Android App Patternsの ご紹介。iPhoneのは多いですけど、 Android専門は初見でした。インス ピレーション向上に覚えておいて 損は無いかもですね。2012.05.21 | 9時55分07秒Webデザイン
Webフォントにも利用可能なフリーの天気アイコンフォント・Climacons Font 土曜日なので軽い話題。天気 アイコン型のWebフォントです。 スマートフォンのアプリ向け に作られたみたいです。見た目 が可愛いのでアプリ以外にも 何かに利用したいですね。2012.05.12 | 11時00分36秒Webデザインメディア関連
その場でiPhoneやAndroidのユーザーエージェントに切り替えられるChromeエクステンション・User-Agent Switcher その場でサクッとUAを切り替える 事が出来るChromeエクステンション User-Agent Switcherのご紹介です。 iPhoneやiPad、Androidだけでなく、 FirefoxやIEなどのブラウザにも スイッチで...2012.05.07 | 10時20分10秒iPhone / iPadその他
Media Queriesで設定したブレークポイントをJavaScriptと:after擬似要素でチェックする 便利そうだったので備忘録。Media Queriesで設定したブレークポイント を簡単なJSのコードでチェックする、 という方法です。CSSの:after擬似 要素を併用してチェックします。シ ンプルで良いのでは。2012.05.05 | 10時53分49秒cssやプログラミングiPhone / iPadWebデザイン
jQuery UIをタッチデバイスに対応させるためのライブラリ・jQuery UI Touch Punch jQuery UIをタッチデバイスに対応させる ライブラリ・jQuery UI Touch Punchの ご紹介です。いつか使うかも、と思った ので備忘録。これを見て、そういやスマ フォでjQuery UIを試したことが無いこと ...2012.04.28 | 10時39分34秒iPhone / iPadjQueryWebデザイン
mootoolsをベースとしたオープンソースのモバイル向けフレームワーク・Moobile いつもjQueryなのでたまには別のライブラリ の話題でもご紹介。mootoolsをベースとした モバイル向けフレームワーク・Moobileです。 mooltoolsベースのものは個人的には初見です が、他にもあるんですかね・・あま...2012.04.23 | 10時37分32秒cssやプログラミングiPhone / iPadWebデザイン
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デザイン
li要素で作ったナビゲーションリンクを、Media Queriesで設定したブレークポイントでselect要素にする軽量ライブラリ・TinyNav.js シンプルで使いやすそうだったので 備忘録。Media Queriesと併用して、 ナビゲーションリンクをselect要素 に変換するjQueryのプラグインです。 圧縮版だと300バイトほどと、超軽量で、 様々なブラウザにも対応で...2012.04.03 | 10時26分02秒iPhone / iPadjQueryWebデザイン
著作権放棄のレスポンシブ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デザイン
URL指定可能なレスポンシブWebデザイン対応確認ツール・responsive.isと似たようなやつ何個か ちょっと便利かも、と思ったのでメモ。 URL指定が出来るレスポンシブWebデザイン 対応確認ツールです。この手のツール はかなり増えているので今更感も否め 無いんですが、URL指定で直接見れるの で、人に見せるのには結構いいかも知...2012.03.09 | 10時59分30秒iPhone / iPadWebサービスWebツール
Media QueriesとjQueryを使って、スマートフォンでアクセスした時だけナビゲーションメニューを上に隠す シンプルで良かったので一応メモ。レスポ ンシブWebデザインのTipsです。Media Queries とjQueryを使用して、スマフォでアクセス した時だけ、邪魔になりがちなナビゲー ションメニューを上に隠す、みたいな手段。 ...2012.03.07 | 11時06分33秒iPhone / iPadjQueryWebデザイン
jQuery Mobileのリストでデフォルトの高さのリストにサムネイルを高さ一杯に含める ちょっと意味不明なタイトルですが。 jQuery Mobileでリストを書くときの Tipsです。昨日ちょっと個人的に話題 に上がったのでメモ的に記事にします。 最近はすっかりJQMの話題が減っていた ので丁度いいですね。2012.03.02 | 13時14分31秒iPhone / iPadjQueryWebデザイン
iPadやiPhoneなどのスワイプ操作にも対応の、シンプルなHTML製プレゼンテーションを作成する為のフレームワーク・slides シンプルなHTMLプレゼンテーションを作成 する為のフレームワークのご紹介です。最近 は変わった動きのするプレゼンツールをよく 見かけますが、シンプルなタイプはあまり 見かけませんので選択肢の一つとして。 スマフォのスワイプ操作に...2012.02.29 | 11時46分40秒cssやプログラミングiPhone / iPadWebデザイン
レシポンシブWebデザイン対応のツールチップを実装するjQueryコード 日曜日ですね。まだまだ寒い日が続き ますが如何お過ごしでしょうか。今日 もレスポンシブWebデザイン関連。いい 加減飽きられそうですね。今日はツール チップですのでさほど需要は無いもの と思われます。ただ、簡単に実装出来る ので...2012.02.26 | 11時05分39秒iPhone / iPadjQueryWebデザイン