デザインやツール、フレームワークなど、スマフォアプリの開発向けリソースだけを淡々と紹介するサイト・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デザイン
簡単なjQueryコードで動く、レスポンシブWebデザイン対応のカルーセルを実装する為の雛形っぽいやつを作成してみる レスポンシブWebデザインに対応できる コンテンツスライダーのようなものの 雛形のようなものが欲しかったので、 自分で作成しました。テンプレなので 他の配布スクリプトのように親切な 設計じゃないですけど・・2012.02.15 | 11時26分21秒jQueryWebデザイン
HTML5製のWebサイト向けUIフレームワーク・Kendo UIモバイル版の日本語サンプル作った 以前ご紹介した、HTML5製のWebサイト 向けUIフレームワーク・Kendo UIの モバイル版に触ってみたついでに 日本語化してサンプルにしました。 まだベータ版みたいなので、実用 段階では無さそうですが。2012.02.06 | 11時01分51秒iPhone / iPadjQuery
シンプルで汎用的なアイコンを扱うPICTOSがTypekitライクなWebフォントサービスを始めたみたいです 日曜なので軽めのネタでも。つい最近 アイコンのWebフォントに関するリソース を書いたばかりで、タイムリーだった のでご紹介。PICTOSっていう、様々な サイトで用いられている汎用的なアイコン があるんですが、このアイコンの新た...2012.01.22 | 11時13分57秒Webサービスその他
スマフォのHTML5環境向けに作られたjQueryライクな軽量フレームワーク・jQ.Mobiの日本語サンプル作った なかなか良さそうだったので備忘録。iOSやAndroidなど、スマートフォンでのHTML5環境に合わせて作られた軽量モバイルフレームワークです。jQuery互換なので慣れてる方は使い方もすぐに覚えられると思います。特に軽量なのが嬉しいですね...2012.01.18 | 10時52分02秒cssやプログラミングiPhone / iPadオープンソースソフトウェア
Media Queriesのように、モニターサイズに応じてスタイルを変更可能にする非依存型で1KBの軽量jsライブラリ・syze シンプルで良さそうだったので一応備忘録。 Media Queriesライクにブレークポイントに 応じてスタイルを変更できるライブラリです。 非依存型で1KBと、超軽量スクリプトなので 簡単なキャンペーンサイトとかならこれでも いい...2012.01.16 | 10時49分38秒cssやプログラミングiPhone / iPadWebデザイン
ウィンドウサイズに応じてli要素とselect要素を切り替えるレスポンシブなメニューを実装する軽量jQueryプラグイン・Responsive Menu ウィンドウサイズに応じてli要素と select要素にスイッチできるjQuery プラグイン、Responsive Menuのメモ。 ブレークポイントを設定して、閲覧 するウィンドウサイズがそのポイント に達したらli要素で作った...2011.12.29 | 11時17分27秒iPhone / iPadjQueryWebデザイン
css3で実装する3Dなロールオーバーエフェクトのサンプル 面白かったのでご紹介。マウスホバーによるロールオーバーエフェクトをcssで3D表現したサンプルです。休日ですし、ちょっとネタ的な内容ですけど、これはこれで勉強になりました。いろいろと考えますね、ほんと・・2011.12.23 | 12時57分44秒cssやプログラミングWebデザイン
国内のiPhoneアプリでデザインが参考になったWebサイトいろいろ 以前からちょいちょいブックマーク していたんですが、いつの間にか増 えてたので一覧化してみたいと思い ます。国内のiPhoneアプリサイトで Webデザインが参考になったサイトの まとめ。あんまり無いですが・・2011.12.16 | 10時58分05秒iPhone / iPadWebデザインインスピレーション
jQueryライクで軽量なライブラリのzepto.jsを使用したモバイル向けフレームワーク・Zoeyと日本語サンプル 選択肢の一つとして備忘録。jQueryの ように扱えて、jQueryより軽量なjs ライブラリにzepto.jsというものが あるんですが、このzepto.jsをコアに 使ったモバイル用のフレームワーク をご紹介。2011.12.15 | 12時04分31秒cssやプログラミングiPhone / iPadWebデザイン
モバイルサイズになると自動でグローバルメニューをPathのような横スライド式に切り替える軽量jQueryプラグイン・PageSlide Responsive 結構良さそうだったので備忘録。レスポンシブWebデザイン向けのライブラリです。モバイルのサイズになるとグローバルナビを横スライド式に切り替える、というもの。面白いですねー。2011.12.08 | 11時22分42秒iPhone / iPadjQueryWebデザイン
ドロップダウンメニューやスライドショーなどを取り入れたWebサイトをレスポンシブWebデザイン対応で構築する為の勉強用テンプレ・YAMB 気になったので備忘録。ドロップダウン のメニューやコンテンツスライダーなど、 一般的によく見かけるUIを取り入れたWeb サイトをレスポンシブWebデザイン対応で 構築する為の勉強用になるかと思って メモ書き。まだちゃんと触ってま...2011.12.07 | 11時46分05秒cssやプログラミングiPhone / iPadjQueryWebデザイン
iPhoneやiPadでドラッグやリサイズ可能なコンテンツを容易に実装出来る・jQuery.ui.touch-punch.js iPhoneやiPadのタッチイベントに 対応させるjQueryプラグインです。 軽量なんですが、jQueryUI併用な ので一応軽量とは謳わないように しておきます。導入も結構簡単 なので覚えておいて損は無いかも。2011.12.06 | 11時22分10秒iPhone / iPadjQuery
iPhoneやAndroid向けのUIパターンギャラリー・Mobile Design Pattern Gallery カテゴリがしっかり分けられていて 凄く見やすかったのでご紹介。iPhone やAndroid向けのUIパターンギャラリー です。アプリデベロッパーさんや アプリデザイナー、モバイル向けの デザインの参考にいかがでしょう。2011.11.20 | 12時26分46秒iPhone / iPadWebデザインインスピレーション
レスポンシブWebデザイン設計用のシンプルなテンプレート・The Goldilocks Approach もういくつも出回ってますので今更感 もありますが、個人的にはいくつあって も困らないのでご紹介。レスポンシブ Webデザイン設計用のシンプルなテンプ レート・The Goldilocks Approachです。 殆ど何もない状態な...2011.11.19 | 12時32分46秒cssやプログラミングiPhone / iPadWebデザイン
iPhoneとiPadの切り替えが可能で、ランドスケープ(横向き表示)対応のブラウザシミュレーター・Electric Plum結構イイ!(・∀・)※Win用 iPhoneとiPadをサクッと切り替え 出来て、ランドスケープ(横向き) にも切り替え可能なiOS向けの無料 のシミュレーターが結構良かった のでシェア。Windows用です。表示 の確認には結構いいんじゃないかな と思います...2011.11.17 | 11時13分44秒iPhone / iPadソフトウェアフリーソフト
レスポンシブWebデザイン対応のHTML5製ギャラリーサイト用WordPressテーマ・Shotoku(β版)を公開しました iPhoneやiPadにもレイアウトを調整する レスポンシブWebデザイン対応でHTML5製 のギャラリー用WordPressテーマを作成 しましたので無償公開します。と言っても 実は未完成なのでベータ版として。作り はシンプルな...2011.11.02 | 11時44分59秒WordPressテーマ
様々なデバイスにレイアウトを最適化するレスポンシブWebデザイン対応でタブやフォームなどのリッチUIもセットにしたフレームワーク・Foundation(と、サーバー移転のお知らせ) iPadやiPhoneなど、様々なデバイスにもレイアウトを最適化するレスポンシブWebデザイン対応で、タブやグリッド、フォームデザインなど、UIをリッチなデザインに変更可能なマルチフレームワーク・Foundationのご紹介。2011.10.20 | 14時17分27秒cssやプログラミングiPhone / iPadWebデザイン
CSS3のハードウェアアクセラレーターを使ったビジュアルエフェクト生成用jsライブラリ・Alice.js 気になったので備忘録的に触って見ました。 ハードウェアアクセラレーターを使った CSS3の新機能を実装出来るjsライブラリ・ Alice.jsです。と、分かったような事を 書きましたが、まだちょっと勉強不足で いろいろ調査中です。...2011.10.18 | 10時22分50秒cssやプログラミングiPhone / iPadWebデザイン
iPhoneやAndroidなどスマートフォンのスワイプ操作で動かせるカルーセルを実装する非依存型スクリプト・SWIPEVIEW iPhoneやiPadなどのスワイプで動かせる カルーセルを実装する軽量なライブラリ・ SWIPEVIEWのご紹介。jQueryやmootoolsな どのライブラリにも依存しない、非依存型 の軽量スクリプトですので既存のサイト に...2011.10.12 | 11時37分11秒cssやプログラミングiPhone / iPadWebデザイン
iPhoneやAndroidのUIパターンを収集するシンプルで見やすいギャラリーサイト・Patterns of Design いくつか同じようなギャラリーサイトは ありますが、こちらもなかなか見やすか ったのでメモ。スマートフォンのUIの パターンギャラリーサイトです。スマー トフォンに限らず、通常のWebサイトの パーツデザインの参考にもなりそうです。...2011.10.03 | 11時17分47秒iPhone / iPadWebデザインインスピレーション