【献本御礼】 「CSS3+jQueryで作るスマートフォンサイトUI図鑑」をご献本頂きました いつものお方より「CSS3+jQueryで作るスマートフォンサイトUI図鑑」をご献本頂きました。有難うございます!スマフォ向けサイトはここ数年で一気に高需要となり、より最適なUIが求められるようになっていますのでこういった技術本が一冊あると...2015.03.02 | 11時45分33秒iPhone / iPadその他もろもろ
緩いライセンスで提供された、モバイルファーストなWebサイト制作用フレームワーク・Kraken モバイルファーストなWebサイトの制作向けに作られたフレームワークです。ライセンスはあまり聞きなれないWTFPLというもの。かなり緩いので使いやすいのでは無いかと思います。2013.02.13 | 14時08分54秒cssやプログラミングiPhone / iPadWebデザイン
タッチデバイスで要素を回転させたりリサイズ、ドラッグによる移動を可能にするスクリプト・Touch-box タッチデバイスで要素の回転やリサイズ、ドラッグ移動等を可能にするためのスクリプト、Touch-boxのご紹介です。シンプルでいい感じでした、iOSでしかテストしていませんが・・2013.01.23 | 13時10分52秒iPhone / iPadjQueryWebデザイン
グリッドレイアウト向けのレスポンシブWebデザイン対応CSSフレームワーク・MUELLER グリッドレイアウトなWebサイトを構築できるフレームワークのご紹介。レスポンシブWebデザインにも対応しており、カラム幅やMedia Queriesもコントロールしやすく設計されてるみたいです。2013.01.22 | 12時37分58秒cssやプログラミングiPhone / iPadWebデザイン
スクリーンショットを「iPhoneやiPadなどで閲覧中」の写真に合成するサービス・PlaceIt ちょっと面白いサービスだったので ご紹介。iPhoneやiPadなどのモバイ ルデバイスで閲覧中っぽい画像を 作ってくれる、というもの。説明が 上手くできませんけど、よく見かけ る構図なのでどこかで使えるかも。2013.01.09 | 12時49分06秒iPhone / iPadWebサービスジェネレーター
tableをレスポンシブWebデザインに対応させるスクリプト・FooTable table要素をレスポンシブに対応させる、というスクリプトです。他にも同じようなスクリプトは存在しますが実用的ではなかったので紹介してなかったですけどこれはアリな気がします。2012.11.25 | 11時08分13秒iPhone / iPadjQueryWebデザイン
ドラッグ&ドロップによる再配置も可能な、タイル状に要素を配置するjQueryプラグイン・jQuery.Shapeshift 要素をタイル状に配置してくれる、というjQueryプラグイン。特に目新しいものでは無いですけど。Pinterestライクなレイアウトを実装出来る、と言ったほうが伝わりやすいかも知れませんね。2012.11.19 | 10時34分57秒iPhone / iPadjQueryWebデザイン
エレコム製のiPhone/iPadでもPCでも使えるコンパクト化が可能なワイヤレスキーボードがちょっといいかも 土曜日なのでたまには軽い話題。 11月6日にエレコム社からワイヤ レスキーボードが登場しました。 iPhoneやiPad、Win PCでも使えて コンパクト化も可能とのこと。 なかなか良さそうです。2012.11.10 | 10時31分36秒iPhone / iPadビジネスマーケティング
商用利用可能なタッチデバイス向けのジェスチャーアイコンセット・TOUCH GESTURE ICONS タッチデバイス独特の操作方法を明示 するジェスチャーアイコンが商用利用 も可能で、セットで配布されていたの でご紹介。他にもあった気はしますが、 汎用的なデザインで利用しやすそうだ ったのでメモ。2012.10.24 | 10時38分04秒iPhone / iPadWebデザインメディア関連
タッチデバイスで要素をスムーズに回転させるjQueryプラグイン・Touchy タッチイベントによるホイール スクロール等を可能にするjQuery のプラグイン。ラッチ(カチカチ感) の無い、慣性ホイールスクロール も実装可能です。ドラッグや フリックなども対応してるみたい。2012.10.22 | 11時17分20秒iPhone / iPadjQueryWebデザイン
jQuery Mobileでシンプルなイメージギャラリーを実装する為のプラグイン・ImageFlip JQM向けのイメージギャラリーを 実装する為のjQueryプラグイン です。フリック操作で進める事 が出来ます。特に変わったエフ ェクトも無いのでシンプルで使 いやすい印象でした。2012.10.03 | 10時32分09秒iPhone / iPadjQueryWebデザイン
iPhone向けにレイアウトされたWebデザインのギャラリーサイト・Meer.li iphone向けにレイアウトを組んだ Webサイトのデザインギャラリー・ Meer.liのご紹介です。同じような デザインギャラリーは沢山あるの で参考までに。他にもアイコンや iPad用も構築中みたい。2012.09.21 | 10時31分39秒iPhone / iPadWebデザインインスピレーション
直感でモバイルサイトのモックアップを作成出来るオンラインツール・Fluid UI 結構良かったのでご紹介。スマフォ やタブレットなどのモックアップを 直感で作成出来るWebサービスです。 かなり簡単に作れるので選択肢の 一つとして覚えておくといいかもし れません。2012.07.21 | 9時56分40秒iPhone / iPadWebサービスWebツール
スマートフォン向けのHTML5製フレームワーク・Lungo.js 今更ですけどLungo.jsを少し触って 見ました。Lungo.jsはHTML5+CSS3の スマートフォン向けフレームワーク です。jQueryやmootoolsなどを必要 としない非依存型のライブラリです ので覚えておいて損は...2012.07.16 | 10時46分29秒iPhone / iPadオープンソースソフトウェア
画面サイズに応じて任意のCSSファイルをロードするJavaScriptライブラリ・sizeit.js 画面のサイズを指定して、その サイズに応じて任意のCSSファイル をロードするスクリプトのご紹介。 Media Queries等によってCSSが 肥大化してしまった場合は使って あげると軽量化できるかもですね。2012.07.14 | 10時21分31秒cssやプログラミングiPhone / iPadWebデザイン
スマフォ向けサイトを構築する為のシンプルなJSフレームワーク・Sidetap ちょっと良さそうだったのでメモ。 スマフォ用サイト向けのシンプル なフレームワーク・Sidetapです。 jQueryのライブラリですので、動作 にはjQueryが必要ですが、ライブ ラリ自体はそこそこ軽量みたい。2012.07.07 | 10時36分00秒iPhone / iPadjQueryWebデザイン
iPhone4のRetinaディスプレイで閲覧したらjQueryでRetina向け画像(@2xのやつ)に自動で切り替える iPhone4のRetinaディスプレイで閲覧 された際に自動で高解像度の画像に 自動で切り替えるjQueryのコード。 @2xが付くアレです。ちょっと今更 な話題なので誰も見て無さそうな 日曜日に書いて置こうと思います。2012.07.01 | 10時31分55秒iPhone / iPadjQueryWebデザイン
電力も使わない、シンプルでエコロジーなiPhone用アンプ・eco-amp いいアイデアだったのでシェア。 エコなiPhone用のアンプ、eco-amp は、再生紙で出来た折り紙形式 のアンプです。購入も可能です が、手先の器用な方なら自作でき るかも知れないですね。2012.06.30 | 11時05分33秒iPhone / iPadアイデアビジネスマーケティング
WordPress3.4でjQuery UIをiPhoneやiPadなどのタッチデバイスに対応させる 先日リリースされたWordPressの 新バージョン、WordPress3.4から コアファイルにjQuery UIをタッチ デバイスで動かすライブラリが 追加されたみたいです。jQueryUI あんま使わないですけど・・2012.06.21 | 10時23分08秒iPhone / iPadjQueryWordPressカスタマイズ
スマフォ・タブレット向けに作られたオープンソースの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デザイン