タグ

ブックマーク / blog.webcreativepark.net (5)

  • AndroidやiPhoneのHTML,CSS,JavaScriptのバグまとめ

    AndroidiPhoneHTML,CSS,JavaScriptのバグまとめ AndroidiPhoneなどのスマートフォンではHTML,CSS,JavaScriptにバグが多くてコーディングが大変になります。そこでバグを紹介しているサイト、記事をまとめてみました。(中にはバグではなく仕様なものもあるかもしれません) iOS 8.4.1の:hover問題 iOS 8.4.1で:hoverを指定していると1タップでページ遷移できない問題 【STINGER5】AndroidChromeで が「・」になってる気がする | ビビビッ  を に変更すると直るとのこと。 Mobile Safari 8でposition: fixedした擬似要素が完全に位置が固定されない - Weblog - Hail2u.net Mobile Safari 8でposition:

    AndroidやiPhoneのHTML,CSS,JavaScriptのバグまとめ
  • スマートフォンサイトをデザインする上で知っておくべき10のTIPS

    スマートフォンサイトをデザインする上で知っておくべき10のTIPS iPhoneAndroidのスマートフォンの仕様を知らないけどデザインしなくちゃいけなくなったというデザイナーさんに知っておいてもらいたい10(+1)のTIPSです。 1.実機で確認する 当たり前のことですが作成したデザインを実機で確認して下さい。スマートフォンとPCでは目からの距離やDPIが違いますので、PCでは十分に見れたからといって実機で確認すると文字が小さすぎることなどがよくあります。書きだしたJPGをFTPでアップして確認してもいいですし、メールでスマートフォンに送って確認してもいいです。個人的にはDropboxで転送するのが手軽でおすすめです。 2.横幅は320pxもしくは640pxでデザインする スマートフォンでは基横幅が320pxで表示されるのでデザインする際も320pxでデザインしましょう。ただ、Re

    スマートフォンサイトをデザインする上で知っておくべき10のTIPS
  • Xcode4.2インストール後にiPhone4以下のiOSシミュレータを利用する

    Xcode4.2インストール後にiPhone4以下のiOSシミュレータを利用する 作業環境をMac OS X 10.6 Snow LeopardからMac OS X 10.7 Lionにアップデートしたので、Xcodeのバージョンも3.2.6から4.2にアップデートしました。ちなみにXcode 4.2からまた無料でインストールできるようになっています。(続:Xcode4.2インストール後にiPhone4以下のiOSシミュレータを利用するも参考にしてください。) Xcode4.2のiOSシミュレータを立ち上げた所、バージョンの切り替えがiOS5のみで他のバージョンを選択できません。 古いバージョンのiOSシミュレータを立ち上げようと色々探しているとHDに「Developer-3.2.6」というフォルダが! 以下の箇所にiPhone4.3以下のiOSシミュレータが格納されており、立ち上げること

    Xcode4.2インストール後にiPhone4以下のiOSシミュレータを利用する
  • ユーザーがページのどこをクリックしたか解析するツール[to-R]

    ユーザーがページのどこをクリックしたか解析するツール ユーザーがどのようにサイトを巡回しているかはアクセス解析なのでわかりますが、ページのどこをクリックしたかも知りたくないでしょうか? 今回は、ページのどこがクリックされたかを解析するツールを紹介します。 Crazy EggはwebページにJavaScriptのコードを一行追加するだけでwebページのどこがクリックされているかを解析できるおもしろいツールです。 ちなみにto-Rを解析した所、このような結果になりました。 最初のエントリーの『続きを読む』にクリックが集中してますね。 CSSのカテゴリーページも結構人気っぽいです。 お約束として『パーマリンク』を用意しているのですが全くクリックされていませんので必要なさそうですね。 などアクセス解析やデザインを見ているだけではなかなか見えないwebサイトの性質が見えてきます。 セットアップ まず

    ユーザーがページのどこをクリックしたか解析するツール[to-R]
  • [書評]CSS3デザイン プロフェッショナルガイド

    [書評]CSS3デザイン プロフェッショナルガイド CSS3デザイン プロフェッショナルガイドを献頂きました、ありがとうございます。 書は、Chapter 1では「CSS3の基」としてCSS3とはどういったものかについて書かれており、Chapter 2では「CSS3リファレンス」として主要なCSS3プロパティについて簡単なサンプルを交えたリファレンスが書かれています。Chapter 3では「CSS3ビジュアルサンプル」とボタンやナビゲーション、レイアウト、フォームなどをCSS3で作るTIPSが書かれており、リファレンスとしても、レシピブックとしても使える一冊です。 とくにChapter 3のビジュアルサンプルが、かなりかっこいいので手を動かして学習する際にもモチベーションを保つことが出来そうな感じです。 詳細はつぎのような内容です。 Chapter 1 CSS3の基 Section

    [書評]CSS3デザイン プロフェッショナルガイド
  • 1