app-life.jpThis domain may be for sale!
レスポンシブWebデザインから始まる適応への道
2月22日 Web担当者Forum 主催のイベント 企業サイトのスマホ“対応”とその一歩先の”最適化”とは？ に登壇させていただきました。今回はレスポンシブ Web デザインの話題を中心に、Web への窓口がますます増える今後にどう対応していけば良いのかを、技術・デザイン・企画・そして具体的なソリューションなど様々な視点で講演されました。 今回は、先月執筆したレスポンシブにデザインするために克服することをキッカケで話すことになりました。「未来へレスポンシブに対応するための設計と戦略」と題して、スマートフォンやタブレットだけでなく、もう少し視野を広げてレスポンシブの実現について話をしました。 クロスオーバーする時期が来た 制作者向けのセミナーであれば、レスポンシブ Web デザインを語るのにふさわしい人は他にいると思うのですが、今回は Web担当者Forum という制作者以外の方が多く参加さ
21 Creative Mobile Websites
Designing for a mobile website can be tricky and exciting. Tricky because you have a small window to work with. Exciting because its a challenging to making something creative within a small space. 21 Creative Mobile Websites I’m showcasing here did a great job on design. If you would like to get mobile design ideas visit mobileawesomeness.com they do a great job picking some of the best designed
その場でサクッとiPhoneやiPad等の幅でWebサイトの表示確認が出来るレスポンシブWebデザインの補助用ブックマークレット・Resizer - かちびと.net
ここ何日かずっとレスポンシブWebデザイン のネタが続きますが・・便利なブックマーク レットです。閲覧中のWEBサイトをiPhoneや iPadの幅で見たときの表示状態で確認出来る ブックマークレットです。というか単純に リサイズしてくれる、ってやつですね。 その場でレシポンシブWebデザイン対応の表示確認が出来るブックマークレットです。UAの切り替えとかじゃなく、単純にリサイズするだけですが、シンプルで手軽に表示確認出来るので使おうかなと思います。 地味に便利でした。使い方・・・の説明は不要だと思いますが他に書くこと無いので一応ｗ ブックマークレット使うと右上になんか出ます。 あとは好みのデバイス選べばその場でリサイズされます。Webサイトのほうで背景色を決めてないとオーバーレイの色に依存しちゃいますけど。 でもこのブックマークレットはGithubでコードが公開されてますので好みのブック
[JS]iPhone, iPadにも対応したCSS3アニメーションを使ったシンプルな画像ギャラリー -Glisse.js
シンプルで、Responsive Web Designにも対応、フルカスタマイズも可能な画像ギャラリーを実装するjQueryのプラグインを紹介します。 CSS3非対応ブラウザでの動作も考慮しています。 Glisse.js [ad#ad-2] Glisse.jsの主な特徴 Glisse.jsのデモ Glisse.jsの使い方 Glisse.jsの主な特徴 Glisse.jsは、CSS3アニメーションの美しいエフェクトを使った画像ギャラリーで、Responsive Web Designにも対応しており、実装は簡単でフルカスタマイズも可能です。 キーボードナビゲーション CSSのフルカスタマイズ キーフレームを使ったCSS3アニメーション 7種類の移行エフェクト 異なる画面サイズに最適化 iPhone, iPad対応 Androidももうすぐ完全にサポート 対応ブラウザ Firefox 4+ O
このアプリのこの動きがたまらない 〜UIが斬新なiPhoneアプリ特集〜 - #RyoAnnaBlog
Tweet アニメーションや効果音が、たまらなく気持ちいいアプリがある。スワイプした時の動き、ボタンを押した時の効果音、ピンチアウトのユーザーインターフィエス。ちょっとしたギミックが、そのアプリの魅力を決定的なものにする。 今回は、UIが斬新なiPhoneアプリを集めた。同じ感覚の人がいると嬉しい。 Daily Routine 1日のルーティンワークを設定して通知するアプリ。カラフルなスロットを上下に動かした時の、マーブルの曲線がとても綺麗だ（動画 00:05）。 関連記事：時間にくさびを打って24時間を習慣化する Daily Routine | Lifehacking.jp Daily Routine - YouTube Tweetbot 小気味よいアニメーションと効果音がクセになるアプリ。とりわけ、ツイートを左右にスワイプした時の動きと音がたまらない（動画 01:30）。また「ツイート
スマホ案件の見積もりについて - ku-sukeのブログ
Android案件の見積り ｜ クラスメソッド開発ブログ を読んで、業界人らしき人のブコメが、「この程度でホッテントリか」という感じで、僕もややそっちよりの意見だったので、ざっくり補足できそうな点について書いて見ました。もう転職して受託の立場ではなくなったので。やや発注側の視点も含まれています。 責任のないリスクについてコスト負担範囲を決める すべてにおいて最重要項目です。変化の激しいスマホ業界においては、互いのリスクテイクについての認識をあわせておく必要があります。例としてはこんなものがあります。 開発期間中に突如OSのメジャーバージョンアップがあった。 顧客「あ、新しいのでましたね。対応できますよね＾＾」 世論に応じて機能の根幹部分が突然リジェクト対象になる。 りんご「今日から電話番号認証禁止ね＾＾直さないと削除しちゃうよ＾＾」 過去を顧みない方針転換がなされる ぐぐる「メニューボタン
H2O Blog., iOS 5の Safariで追加された「autocapitalize」属性値
iOSのSafariには「autocapitalize」という属性があり、onにすると、英語で例えば「Hello」などと最初の文字を大文字で打ち込みやすいように、あらかじめShiftキーが押された状態になりました。 iOS 5では、この属性が拡張されて、「on/off」に加えて次のような属性値が設定できるようになりました。 characters ずっとShiftキーが押された状態になり、すべて大文字で記入されます。一時的に解除することはできますが、1文字小文字を打ち込んだらすぐにShiftキーが押された状態に戻ります。 sentences（textareaのみ） 改行するごとに、最初の文字が大文字になります。「on」と同じ値でしょうか？ words 空白を入れるごとにShiftキーが押されます。「Hello Again」などの文章が打ち込みやすくなります。 といった具合。どちらにしても、あ
スマートフォン専用ページを作成する際に知っておきたいポイント｜Webpark
最近今あるサイトをスマートフォンに対応させるべく、コツコツがんばっているわけですが、その際に気になったことや知っておきたいポイントをまとめてみました。基本的な内容も多いと思いますが、ご参考になればと思います。 1. スマートフォンに対応させるには？ ウェブサイトをスマートフォンに対応させるには2つのパターンがあると思います。 PCにもスマートフォンにも対応したページを作成するか、PC用ページとは別にスマートフォン専用ページを作成するかです。 1つ目のPCにもスマートフォンにも対応したページは、Media Queriesを使う場合が多いと思います。 Media Queriesを使うと画面のサイズの違いによって適用するCSSを変更することができます。 例えば、CSS-Tricksというサイトは画面サイズによってレイアウトが大きく変わってます。 Media Queriesについては後で簡単に紹介
initTouchEventにおけるAndroidとiOSの引数違い - KAYAC Engineers' Blog
こんにちは。毎日欠かさずAndroidと心で対話をおこなうHTMLファイ部の高橋です。入社4週目にしての初投稿です。 UIのタッチ操作が絡むJSのテストで、タッチイベントを生成する際のハマりどころをエントリします。 きっかけ 先日、JsTestDriverでタッチイベントの生成をした際、Androidだけイベントが生成されず何のエラーも出ないという事象が発生。 その答えは「selenium」の中にありました。 events.js#443 | selenium // Android's initTouchEvent method is not compliant with the W3C spec. // Android's initTouchEvent method is not compliant with the W3C spec. // Android's initTouchEven
スマートフォン向けのWebアプリを作ろう
この特集では、現在利用者が急増している2大スマートフォン、iPhoneおよびAndroid端末向けのアプリケーションを作ります。と言っても、それぞれのOSにネイティブなアプリケーションではなく、iPhone/Androidが搭載するWebブラウザの上で動くWebアプリケーションです。具体的には、HTMLおよびCSSの最新バージョンであるHTML5とCSS3を使ってiPhone/Androidアプリケーションを作成する方法、およびその際のポイントを説明します＊1。 iPhone/AndroidならHTML5とCSS3でアプリを作れる Webアプリケーションは、OSやプラットフォームに依存しないと言われています。確かに、Webアプリケーションの動作や見栄えは、OSやプラットフォームにはあまり依存しません。しかし、Webブラウザの種類やバージョンに強く依存します。異なるWebブラウザで同じように
DraftPadとMyScriptsでより快適なブログ更新環境を作る！ 〜 AmazonHtmlによる作例 - matuダイアリー
先週、「MyScripts」というすごいiOSアプリが登場しました。 MyScripts 1.0 カテゴリ： 仕事効率化, ユーティリティ 販売元： Unit Kay - Takeyoshi Nakayama 執筆時の価格：￥350 簡単にいうとJavaScriptのためのエディタであり、実行環境なのですが、個人的には 作成したJavaScriptを外部から直接実行できる(直接というとちょっと語弊があるかもしれませんが…) JavaScriptの出力を外部に転送できる ところが特に凄いと思いました！ これによりSafariを介さずともJavaScriptが起動可能になり、結果を好きなアプリで処理することが可能になったりします。 つまりiPhoneでブログを書くのがより楽になることが予想されます( ^ω^ )ﾆｺﾆｺ 今日は、 DraftPad(MyScripts起動) -> MyScrip
H2O Blog., 「JavaScriptだけで作る、Titanium Mobile iPhone/Androidアプリ開発入門」が超良書
Titanium Mobileを学習したくて、書籍を購入したりWebの情報をあさったりしているのですが、秀和システムさんから出ている『JavaScriptだけで作る、Titanium Mobile iPhone/Androidアプリ開発入門』が超良書でした。 280ページ程度という多くはないページ数ながら、Titanium MobileのインストールからApple Developer Networkへの登録の方法、JavaScriptの入門、Titanium Mobileらしいサンプルプログラムの作成が3本と、デバッグ手法、ストアへの出品方法と、全体がうまく網羅されています。 そして、素晴らしいのは取り上げている3本のアプリ。ストップウォッチと、RSSリーダー、アルバムアプリと、使って楽しいサンプルを、丁寧な解説で作り上げていきます。 Webビュー、カメラ、Googleマップと、スマートフ
iPhone向けWebサイトを細かく制御するグリッドライブラリ·iPhone.gs MOONGIFT
iPhone.gsはiPhone用のWebサイト向けのグリッドライブラリです。 iPhone向けの最適化サイトを作る際に、グリッドに沿った奇麗なサイトを作りたいと思ったらiPhone.gsを使ってみましょう。4/6/8のグリッド表示ができます。 4カラムのグリッドです。320pxを最大幅として1:3、2:2、1:1:1:1に分かれます。 同様に6カラムのグリッドです。この場合は460px（サイトでは480pxとなっています）を最大幅としています。 8カラムです。かなり細かくなっています。 HTMLソースです。 横向きなら何とか…。 8カラムになると相当細かい印象ですが、より細かく制御したサイトが作れそうです。iPhone.gsはベースとして960 Grid Systemが使われています。 iPhone.gsはiPhone用のオープンソース・ソフトウェア（GPLとMIT Licenseのデュ
新年こそiPhone外部バッテリー環境を整えたい！妥協せずに選んだ私的ベストはこの３点。心底買って良かった無接点充電！[レビュー] | iPhone女史
とにかく消費の激しいiPhoneのバッテリー。待受だけならさほど減らないのですが、ツイッターやFacebook、アプリなど触ってると見る見るうちに赤電池マーク。バッテリー残量のダイアログが表示された時の切なさと言ったら。。。 2012年こそ、ストレスのないバッテリー環境を整えようといろいろと探してみました。iPhoneのバッテリーがちゃんと持ってくれるのが一番ストレスないんですが…。 続きます▼ 今年購入したバッテリーたちです。捨てたものもかなりあるので全部で１０個以上試しました。 小さいものや、安いものは全然ダメでした。エネループ系はかなり優秀です。ただ、充電が煩わしいのでつい忘れたりしがちでした。肝心な時にないって言うパターンが多かったです。過充電ストップ機能がないものはやはりダメですね。 年も新しくなるので、ストレスの少ない環境を整えようと決心しました。過去の無駄と反省をい
Youtubeの動画を背景に
Introduction In the ever-evolving landscape of web browsing, staying abreast of the latest technologies is crucial. HTML5, the fifth and current version of the Hypertext Markup Language, has revolutionized the way we experience the web. With its advanced features and enhanced capabilities, HTML5 has become the cornerstone of modern web development, offering a more seamless and interactive user exp
iPhone Wireframe Templates for Sketching – Interactive Logic
In the spirit of Open Source, I have posted some iPhone Paper Prototyping and Design templates, and you can Download The .Zip File Here. There are two layouts, and both layouts are in PDF and Viso (VSD) formats. Feel free to download and tweak them as needed. Have fun with them! UPDATE: With all the recent activity following the Smashing Magazine article on Wireframing, I’ve added the PDF files on
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Titanium でつくろう！ iPhone/Android 両対応アプリ
海外のスマートフォンサイトデザイン
Imageless iPhone 4 by Vasyl Zubach
