簡単Javascriptもなぜ、CSS3でやらなければならないか。 出来る事は全て、CSS3で行う。データが軽くなるので。 スマホ完成見本CSS3でのアニメーション 完成図 スマホで見た時：タップしたときに色を付ける。 -webkit-tap-highlight-color: rgba(170,119,0,0.…

HTML5からimgタグのalt属性は詳細に入力するようになった。 HTML5からは必ずdispay:blockを入力する。もともとはデフォルトでdisplay:blockだった。 article,aside,canvas,details,figcaption,figure, footer,header,hgroup,menu,nav,section,summary { disp…

スマホ用のサイトの知識 西畑一馬 スマートフォンサイト制作/よくあるトラブルと解決方法 出来る事は全てcss3で行う。(デバイス幅が変わっても対応しやすい) カンプは640px（iphone4くらい）で作成する。 pxパーフェクトにこだわらない。 viewportを設定する…

viewport

MobileESPの利用 MobileESP head内に記述 <script src="mdetect.js"></script> <script> window.onload = function() { if(!(DetectTierIphone() || DetectTierTablet())) { var mediaquery = document.querySelectorAll("link[media]"); for (var i=0;i

CSS3のメディアクエリの機能を利用してスタイルシートを切り替えることで様々なデバイスに対応する。 webクリップ用アイコン webクリップ：webページへのショートカットをホーム画面に登録し、できたショートカットのこと。アイコンで表示される。 webクリッ…

レスポンシブサイトを作成するときはsafariをシュミレーターとして使用する。(Appleだからという理由ではない） 開発 ユーザーエージェント