[B! スマートフォン][まとめ] y-kawazのブックマーク

y-kawaz id:y-kawaz

スマートフォンとまとめに関するy-kawazのブックマーク (3)

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

webデザイン

まとめ
リンク
Mobile Patterns - UI UX Inspirational Gallery for iOS and Android
Sign In to View Your Boards Inspirational UI UX Patterns That Work Explore Pattern Categories Made with love for designers by designers @Simform & Maitrik Kataria
y-kawaz 2011/02/15
webデザイン

スマートフォン

iPhone

まとめ
リンク
スマートフォン向けサイトの作り方エントリのまとめ:phpspot開発日誌
スマートフォン向けサイトの作り方エントリのまとめ。スマートフォン元年といわれる2011年ですが、注目を集めているせいか、サイト作成法についてのエントリも盛り上がりをみせていますね。個人的にもしっかり覚えておきたかったのでまとめてみました。基本的には解像度が大きく異なるので、それにあったインタフェースに変えましょうね、という点と、HTML5/CSS3が使えるので駆使して楽にＵＩデザインしましょうという点、ユーザインタフェースがマウスではなくタッチである、という３点以外は、普通のサイト作りと変わりませんが、クセやバグがあったり、テクニックもあるので、しっかり押さえておきたいですね。基本スマートフォン向けサイトの作り方｜ユージックサイトの幅、高さ viewportによるズーム指定の方法便利なJSライブラリユーザエージェントシュミレーター等の有用情報 Androidサイトは横幅
y-kawaz 2011/01/31
iPhone

Android

Web制作

まとめ

スマートフォン
リンク
1