[B! スマートフォン] sevenstars000のブックマーク

スマートフォン対応でよく使うhtml、css、javascriptのまとめ

スマートフォン(ios、android)向けのウェブサイト・ウェブアプリを作る際に個人的によく使うhtml、css、javascriptの備忘録。 html関連 headタグ内での設定 <meta name="viewport" content="width=device-width, initial-scale=1.0">  <meta name="format-detection" content="telephone=no">  <link rel="apple-touch-icon" href="icon.png">  <link rel="apple-touch-icon

sevenstars000 2012/04/23

スマートフォン

リンク

スマフォサイト作りの前に知っておくべきデザインギャラリー等リソースまとめ:phpspot開発日誌

スマフォサイト作りの前に知っておくべきデザインギャラリー等リソースまとめ。「スマートフォン向けサイトの作り方エントリのまとめ」にてスマフォ用サイト作りの基本はまとめましたが、実際にデザインする際の参考になりそうなギャラリーサイトやブログエントリをまとめてみました。インタフェースの研究ということで、サイトデザインのみではなくアプリのデザインギャラリーも紹介。ギャラリーサイト CSS iPhone 様々な海外ポータルやデザインサイトのiPhone向けサイトをサムネイル付きで紹介。どのサイトもよくデザインされており、非常に参考にできる部分が多そうです。 iOSpiration iPhone Web Design Inspirations - iPhone and iPad Design Inspiration iPhone/iPadサイトやiPhone/iPadアプリ・ゲームのデザインギ

sevenstars000 2011/02/23

リンク

[CSS]IEを含めた主要ブラウザと各スマートフォンに対応した@font-faceの指定方法

IE6, 7, 8, 9をはじめとする主要ブラウザ、iOS, Androidのスマートフォンに対応させるための@font-faceの指定方法を紹介します。 The New Bulletproof @Font-Face Syntax [ad#ad-2] 各ブラウザ・スマートフォンに対応させる@font-faceの指定方法各主要ブラウザ、スマートフォンに対応させる@font-faceの記述は、下記のようになります。 @font-face { font-family: 'MyFontFamily'; src: url('myfont-webfont.eot?') format('eot'), url('myfont-webfont.woff') format('woff'), url('myfont-webfont.ttf') format('truetype'), url('myfont-w

sevenstars000 2011/02/07

リンク

スマートフォン向けサイトの作り方エントリのまとめ:phpspot開発日誌

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

sevenstars000 2011/02/01

リンク

「スマホ対応サイト制作　初心者向け」みたいな感じで書いてみた　-1.メニュー編-（※iPhone寄り） - Kaleidoscope

【目次】 1.メニュー編 2.HTMLとCSSで画像を操る編（前編） 2.HTMLとCSSで画像を操る編（後編）今持ってるPCサイトをスマホ対応したいなぁ…と思ってるものの、「どこから手を付けていいのやら、わからん！！」って方も多いのではないでしょうか？ということで、記事でも書いてみっかぁ！と、なぜかやる気になったので、連載形式で書いてみることにしました。ただ、途中で飽きたり、やる気が無くなったら、予告無く終了する可能性大です(￣▽￣;) 僕自身、人に教えられるほどのスマホサイト制作の熟練者というわけでは無いので、もっと良い手段や方法があるかもしれません。「ここはこうしたらいい」など、ご意見ありましたら、逆に教えてください(^-^; 【まずはじめに】スマホサイトと言っちゃったものの、とりあえずはiPhone向けのサイトを基準とします。 Androidの「ブラウザ」も、iPhon