グリッドレイアウトなレスポンシブ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デザイン
その場で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デザイン
スマフォのフリックにも対応しているカルーセルを実装できる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デザイン
CSS3による様々なエフェクトが選択可能なレスポンシブWebデザイン対応イメージスライダーを実装するjQueryプラグイン・REFINESLIDE 3Dやスライスなど、様々なアニメーション エフェクトを使用できて、且つレスポンシブ Webデザインにも対応可能なイメージスライ ダーを実装できるjQueryプラグインのご 紹介。REFINESLIDEというプラグインです。 覚えて...2012.04.02 | 9時51分33秒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デザイン
JavaScript無しで作るレスポンシブなコンテンツスライダー・CSS3 Responsive Slider 使えそうだったので参考にしました。 JavaScriptを使わず、CSSのみで動作 させるレスポンシブWebデザイン対応 のコンテンツスライダーのサンプル です。軽量化にも繋がりそうですね。2012.02.27 | 11時05分10秒cssやプログラミングiPhone / iPadWebデザイン
レシポンシブWebデザイン対応のツールチップを実装するjQueryコード 日曜日ですね。まだまだ寒い日が続き ますが如何お過ごしでしょうか。今日 もレスポンシブWebデザイン関連。いい 加減飽きられそうですね。今日はツール チップですのでさほど需要は無いもの と思われます。ただ、簡単に実装出来る ので...2012.02.26 | 11時05分39秒iPhone / iPadjQueryWebデザイン
デザインやツール、フレームワークなど、スマフォアプリの開発向けリソースだけを淡々と紹介するサイト・Mobile Tuxedo スマフォ向けのアプリ開発者さん向けの リソースサイトで良さそうなのがあった のでシェア。デザインやツールなどを 淡々と紹介するMobile Tuxedoです。既に 結構な量が紹介されていますので購読先 に加えて見ては如何でしょう。...2012.02.22 | 11時15分17秒iPhone / iPadインスピレーション
その場でサクッとiPhoneやiPad等の幅でWebサイトの表示確認が出来るレスポンシブWebデザインの補助用ブックマークレット・Resizer ここ何日かずっとレスポンシブWebデザイン のネタが続きますが・・便利なブックマーク レットです。閲覧中のWEBサイトをiPhoneや iPadの幅で見たときの表示状態で確認出来る ブックマークレットです。というか単純に リサイズ...2012.02.16 | 10時14分47秒iPhone / iPadjQueryWebデザイン
HTML5製のWebサイト向けUIフレームワーク・Kendo UIモバイル版の日本語サンプル作った 以前ご紹介した、HTML5製のWebサイト 向けUIフレームワーク・Kendo UIの モバイル版に触ってみたついでに 日本語化してサンプルにしました。 まだベータ版みたいなので、実用 段階では無さそうですが。2012.02.06 | 11時01分51秒iPhone / iPadjQuery
[書評]jQuery Mobile スマートフォンサイト デザイン入門 ASCII様よりご献本頂きました。書評を 持って御礼とさせていただきます。よ うやく正式版がリリースされたjQuery Mobileですが、まだまだ実践向けの 情報の書かれたブログ記事なども少な いですが、こちらはかなり実践向け...2012.01.31 | 10時59分35秒cssやプログラミングiPhone / iPadjQueryプライベート個人的な日記
iPhoneやiPadのホーム画面向けアイコン作成用のPSDテンプレート・App Icon Template iPhoneやiPadなどのホーム画面に表示 させるアイコンを作るためのPhotoshop 用テンプレート・App Icon Template をご紹介。そんなに多用するものじゃ 無いと思うんですけど、便利っちゃ 便利でした。2012.01.27 | 10時05分26秒iPhone / iPadWebデザインメディア関連