[B! iPhone][web] hypyukaのブックマーク

15 Useful Code Snippets for Smartphone Website

2014年8月22日 Webサイト制作, スマートフォンスマートフォンが普及してきて、Webサイトを作る時、スマートフォンサイトも一緒に制作している方も多くなってきていると思います。私もスマホサイトを制作する機会が増え、だんだんEvernoteに保存していたスマートフォンサイトを作る時の小技がたまってきたので、iPhoneで使える小技を中心にまとめて記事にしてみます。いくつかサンプルも作っているので、スマートフォンからあわせてご覧下さい！ ↑私が10年以上利用している会計ソフト！スマートフォンサイト用小技集　目次いくつかサンプルも作ったのでスマートフォンから、もしくはブラウザーからユーザーエージェントをiPhoneなどに切り替えてご覧ください！横幅をデバイスの幅にあわせる文字サイズの自動調整をオフリストのクリック（タップ）範囲を広げる画面の幅にあわせてCSSを変えるリンクテ

hypyuka 2012/02/22

リンク

Web制作に役立った！iPhoneアプリのまとめ（無料8+有料1） | Webデザインのタネ

一定期間更新がないため広告を表示しています

hypyuka 2011/10/12

リンク

iPhoneアプリのようなリッチなUIをブラウザで実現！Web 2.0 Touchが凄すぎる！ » SHINGOLOG

iPhoneアプリのようなリッチなUIをブラウザで実現！Web 2.0 Touchが凄すぎる！ 2011年8月25日 in iPhone, Web Web 2.0 Touchは、WebKitエンジン上で動作するJavaScriptライブラリです。 2011/8/22に公開されたばかりの模様。 iPhoneアプリのようなリッチなUIをブラウザでも簡単に作ることができます。 iPhone・iPad・Androidに対応しています。どんな動きが出来るのか、これを見ると一目瞭然です。アニメーション上下左右のフリップ(画面が反転する動き)、ポップイン、ポップアウト、上下左右のスライドが出来ます。テーブル表示お馴染みのテーブル表示もこの通り。角丸タイプのテーブルも作れるようです。ボタンやタブ表示、吹き出しタブ表示は便利な機能ですが、自分ではとても作れないところなので、需要ありそう

hypyuka 2011/09/01

リンク

Webサイトにおけるユーザービリティの復習をしたので、よくチェックするポイントをリスト化した

ユーザービリティに関して少し復習したのでメモっておきます。初心忘れるべからずという事で・・・Webサイトは基本的にユーザビリティを考慮したレイアウトやコンテンツが理想です。もちろんケースバイケースではありますが、これは全共通して言える、という事を忘れないようにメモ書き。というわけで、申し訳ないですけど目新しい事は何一つ無い内容です。そもそもこのブログ自体ユーザビリティを考慮した設計とは言えません（「やっちゃダメなこと」もしています）ので全然説得力ない感じです。いろいろとテスト&エラーをして行きたいのでご了承下さい。はじめに正しいユーザビリティはコンテンツによってケースバイケースだと思いますが基本的には僕はヤコブ・ニールセンの考えに従っています。全ての項目は「すべてが正しい」ものではありません。100のサイトがあれば100通りのユーザビリティが考えられるはずです。場合に

hypyuka 2011/08/09

リンク

iPhoneやiPad等にもWebサイトを最適化するレスポンシブWebデザイン構築に役立つフレームワークやTipsいろいろ

hypyuka 2011/08/04

リンク

jQuery Mobileとは――スマホ時代の到来とWeb制作 (1/3)

「jQuery Mobile」は、モバイルWebアプリケーションやスマートフォンサイトの構築でいまもっとも注目されているフレームワークです。jQuery Mobileを使えば、iPhone/Androidをはじめ、さまざまなスマートフォンのブラウザーに対応したスマートフォンサイトを手軽に制作できます。 jQuery Mobileを使ったスマホサイト制作の基本から実践的なテクニックまで、ベストセラー「Web制作の現場で使う jQueryデザイン入門」（Web Professional Books）の著者・西畑一馬さんが解説します。（編集部）「jQuery Mobile」は、モバイルWebアプリケーションやスマートフォンサイトの構築でいまもっとも注目されているフレームワークです。jQuery Mobileを使えば、iPhone/Androidをはじめ、さまざまなスマートフォンのブラウザーに対

hypyuka 2011/05/12

リンク

『iOSヒューマンインターフェイスガイドライン』はUI解説書の枠を越えている：国内・海外情報から見える『企業のWEB活用法』：ITmedia オルタナティブ・ブログ

中小企業がITを活用して売り上げにつなげるにはどうしたらいいか？WEBマーケティングとWEB戦略コンサル実績350社50業種以上の実績とノウハウで、海外の最先端情報を中心に、噛み砕いてご紹介。作成者：中山陽平 iOS、実質的にはiPhoneのアプリケーションを作る際に参照してくださいと言う事で配布されている「iOSヒューマンインターフェイスガイドライン（以下iOS_HIG）」弊社のシステムを真剣にスマートフォン対応にするために読み始めたのですが、この内容が、ただのインターフェイスのガイドラインだけではなく、さらに踏み込んだ内容になっていて驚きました。 Appleのサードパーティアプリに対する姿勢、サードパーティアプリケーションがiPhoneの大きな魅力であるという認識が、このガイドラインからはにじみ出ています。 App開発者以外もぜひ見ておくべきこれはぜひ、WEBに関わる方は見て頂き

hypyuka 2011/04/23

リンク

[図解]Evernoteユーザに捧ぐ！現在使用中のiPhoneアプリ+Webサービス17選！！

HOME>Evernote>[図解]Evernoteユーザに捧ぐ！現在使用中のiPhoneアプリ+Webサービス17選！！新年度ですね。何かを始めたり、見直したりする格好の機会ですね。と言うことで本日は、Evernoteに情報をインプットするために現在私が使用しているiPhoneアプリとWebサービスを挙げ連ねておこうと思います。（アプリの値段は執筆時のものです。購入時はご確認ください。）今年の一月にエントリーした記事では、iPhoneアプリのみに絞って現在のEvernote周りを晒しあげたのですが、今回は大変便利なWebサービスも一緒にご紹介したいと思います。以前と変更していないところもありますが、それらについてもサラッと触れつつ進めていこうかと。（クリックでPDFが別窓表示されます）上が、2011年4月現在の私のEvernote連携事情。NANAの人物相関図よりは簡単だね