タグ スマホサイト制作
人気順 5 users 50 users 100 users 500 users 1000 usersIOS8.1.3が公開されたけど…Phone6 iOS8 Safariブラウザバグまとめ
スマホサイト制作の検証はandroidは2.3以降、iPhoneはiOS6以降というケースが多いと思います。 そのなかでもandroid2系の対応は骨が折れますよね。。。 しかしこの検証端末の中にiPhone6 iOS8が追加され、iOS8も油断ならぬ存在です。 先週IOS8.1.3が公開されバグもほとんど無くなってきてますが、 アップデートをした事が無い、したくない。というユーザーもいるのではな... 続きを読む
ボーダーに画像を指定する CSS3 プロパティ「border-image」を試してみる | バシャログ。
もういくつ寝るとワールドカップですね。こんにちはLatinです。 さて、スマホサイト制作では CSS3プロパティが特に威力を発揮し、非常に便利ですよね。 そんな CSS3プロパティですが、今回は使った事のない「border-image」プロパティについて色々と調べてみました。 border-imageプロパティとは border-imageプロパティは、画像ボーダーについてまとめて指定する際に使用... 続きを読む
Google Chromeでスマホサイト制作 - to-R
@ichigamiさんからTwitterで「Chrome の開発者ツール、下でなくて右に表示させることができるの知らんかったー」とコメントを貰ったので、普段わたしがどんな感じでスマホサイト制作をしているかご紹介します。 基本的には開発者ツールは右に表示。これは開発者ツールの左下のアイコンを長押しで設定できます。 他にも右下の歯車の設定から、「Device metrics」にチェックを入れ「Scre... 続きを読む
コレを抑えておけばOK!スマホサイト制作に役立つ記事・サイトまとめ! | PLUS
一般企業サイトでもスマートフォンに対応するサイトが増えてきました。ちょっと前までは提案しても、もうちょっと先でいいよという話に落ち着いていたんですが、ようやく身近なクライアントも導入をはじめています。そこで今回は実際にスマホサイトを作る立場から、役に立ちそうな記事やサイトをまとめてみました。 スマホサイトのギャラリー 絶対見ておきたい有名企業のスマホサイトまとめ 優れたiPhoneサイトデザイン集... 続きを読む
スマホサイト制作を支援する Adobe Shadow の Labs リリース 1 公開 - akihiro kamijo
アドビの新しい Web 制作支援ツールとして Shadow の Labs リリース 1 が Adobe Labs に公開されました。 (Shadow@Adobe Labs) 今回公開された Shadow の主な機能は、以下の 2 つです。 デバイス上の表示の同期 デスクトップ上でコンテンツを表示すると、ネットワーク経由で iOS や Android デバイス上の表示が同期される コンテンツのリモー... 続きを読む
スマホサイト案件の見積もりについて[to-R]
スマホサイト案件の見積もりについて Check Tweet 「Android案件の見積り」や「スマホ案件の見積もりについて」を受けて、アプリではなくHTML+CSSでつくるスマホサイト制作の見積もりではまりやすいポイントをまとめています。 HTML+CSS構築ではPCの0.7倍くらいの単価 スマホサイトはPCより小さいのでHTML+CSSの構築コストも安くみます。ただ、CSS3で作ったほうが良いと... 続きを読む
allWebクリエイター塾 ブログ: iPhone で 「position:fixed」をスムーズに実現する 「Scrollability」
2011年8月5日金曜日 iPhone で 「position:fixed」をスムーズに実現する 「Scrollability」 スマホサイト制作でナビゲーションを画面最下部に固定したいと思ったことはありませんか? ページの最下部にナビゲーションを設置 しかし、残念ながらiOS4.Xは position:fixed; は指定できません。そこで紹介したいのが「Scrollability」です。「Sc... 続きを読む
ASCII.jp:jQuery Mobileとは――スマホ時代の到来とWeb制作|西畑一馬のjQuery Mobileデザイン入門
「jQuery Mobile」は、モバイルWebアプリケーションやスマートフォンサイトの構築でいまもっとも注目されているフレームワークです。jQuery Mobileを使えば、iPhone/Androidをはじめ、さまざまなスマートフォンのブラウザーに対応したスマートフォンサイトを手軽に制作できます。 jQuery Mobileを使ったスマホサイト制作の基本から実践的なテクニックまで、ベストセラー... 続きを読む
スマホサイト制作:URLバーをページ読込み完了時に引っ込める方法
今回もあまりがっつり書ける時間が無いので、超小技のエントリー( ̄▽ ̄;) たとえば、Yahooさんとかがやっているんですが、 「ページを読込んだときに、URLバーが引っ込む」という、ちょっとした気配りの動き。 Yahoo! JAPAN (スマートフォンサイト) (Yahooさんの手法とは違うかもしれませんが) その方法を紹介します。 僕の場合は、ページ読込みが完了した時に1ピクセルだけスクロールさ... 続きを読む
スマホサイト制作:URLバーをページ読込み完了時に引っ込める方法
今回もあまりがっつり書ける時間が無いので、超小技のエントリー( ̄▽ ̄;) たとえば、Yahooさんとかがやっているんですが、 「ページを読込んだときに、URLバーが引っ込む」という、ちょっとした気配りの動き。 Yahoo! JAPAN (スマートフォンサイト) (Yahooさんの手法とは違うかもしれませんが) その方法を紹介します。 僕の場合は、ページ読込みが完了した時に1ピクセルだけスクロールさ... 続きを読む