スマートフォンサイト制作 よãã‚るトラブル㨠解決方法・回é¿æ–¹æ³•
9. パフォーマンスã¯é«˜ããªã„ Android 4.0.4 Mobile Safari 6.0 Chrome 26.0.1410 0 100,000 200,000 300,000 400,000 361,156回/秒 77,906回/秒 53,235回/秒 jsPerfã«ã¦1秒間ã«å‡¦ç†ã§ãã‚‹ createElement ã®å›žæ•°ã‚’計測：http://jsperf.com/loop-130517-01/2 GALAXY NEXUS iPhone 4S MacBook Air
ã“ã‚Œã¯å‡¶æ‚ªâ€¦â€¦ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã®ãƒ¤ãƒã„ãƒã‚°ï¼†ä»•æ§˜ã€€Best5 | æ ªå¼ä¼šç¤¾LIG(リグ)｜DX支æ´ãƒ»ã‚·ã‚¹ãƒ†ãƒ 開発・Web制作
ã“ã‚“ã«ã¡ã¯ã€‚LIGフィリピン支社代表ã®ã›ã„ã¨ã§ã™ã€‚ コーディングä¸ã«ãƒã‚°ã‚„ブラウザ仕様ã®ã›ã„ã§ã€ã€Œãªã‚“ã˜ã‚ƒã“りゃアアã€ã£ã¦ãªã‚‹ã“ã¨ã€çš†ã•ã‚“ã‚ã‚Šã¾ã›ã‚“ã§ã—ょã†ã‹ã€‚ 今回ã¯ã€ãã®ä¸ã§ã‚‚ã¨ã‚Šã‚ã‘「ãªã‚“ã˜ã‚ƒã“りゃアア具åˆã€ãŒæ¿€ã—ã„トラブルをã€åƒ•ã®ç‹¬æ–ã¨å見ã®ãƒ©ãƒ³ã‚ング形å¼ã§ãŠè©±ã—ã•ã›ã¦ã„ãŸã ãã¾ã™ã€‚ ãªã‚“ã§ãƒ©ãƒ³ã‚ング形å¼ã«ã—ãŸã‹ã¨ã„ã†ã¨ã€ãã£ã¡ã®æ–¹ãŒé¢ç™½ã„ã¨æ€ã£ãŸã‹ã‚‰ã§ã™ã€‚é¢ç™½ããªã‹ã£ãŸã‚‰ã”ã‚ã‚“ãªã•ã„。 第5ä½ã€€IE9.jsを入れるã¨ã€IE7ã§è¬Žã®éš™é–“ãŒç™ºç”Ÿã—ã¾ãã‚‹ IE9.jsを採用ã—ãŸã‚µã‚¤ãƒˆã‚’IE7,8ã§è¦‹ã‚‹ã¨ã€ <class="ie7_anon ie7_class6" id="ie7_pseudo2" style="overflow: hidden; display: block;"/> ã“ã‚“ãªã‚‚ã®ãŒè¿½è¨˜ã•ã‚Œã¦ã„ãŸã‚Šã—ã¾ã™ã€‚ ã“ã„ã¤ã«é«˜ã•ãŒã‚ã‚‹ã›ã„ã§ã€éš™é–“ãŒç”Ÿã¾ã‚Œã¦ã—ã¾ã„ã¾ã™ã€‚ãŒã€ã“ã„ã¤ãŒãª
IDEA * IDEA
ドットインストール代表ã®ãƒ©ã‚¤ãƒ•ãƒãƒƒã‚¯ãƒ–ãƒã‚°
IEã§ã®CSSã®ãƒã‚°ã‚’回é¿ã™ã‚‹hasLayout | コリス
IE7ã§æ‹¡å¤§ãƒ»ç¸®å°æ™‚ã«ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆãŒé‡ãªã£ã¦ã—ã¾ã£ãŸã‚Šã€IEã§ãƒ•ãƒãƒ¼ãƒˆã—ãŸè¦ç´ ãŒã¯ã¿å‡ºã¦ã—ã¾ã£ãŸã‚Šã¨IE独自ã®CSSã®ãƒã‚°ãŒã„ãã¤ã‹ã‚ã‚Šã¾ã™ã€‚ ã“ã‚Œã¯ã€IEã®hasLayoutãŒåŽŸå› ã®ã²ã¨ã¤ã¨ãªã£ã¦ã„ã‚‹ã®ã§ã€ãれを回é¿ã™ã‚‹æ–¹æ³•ã‚’考察ã—ã¾ã™ã€‚ hasLayoutã¨ã¯ IEã§ã®CSSã®ãƒã‚°ã‚’回é¿ã™ã‚‹hasLayoutã®å€¤ CSSã®ãƒã‚°ã«åŠ¹æžœã®ã‚ã‚‹hasLayoutã®æŒ‡å®šæ–¹æ³• hasLayoutã®å‚考ページ hasLayoutã¨ã¯ hasLayoutã¨ã¯ã€ã‚ªãƒ–ジェクトãŒãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚’æŒã£ã¦ã„ã‚‹ã‹ã©ã†ã‹ã‚’示ã™ã‚‚ã®ã§ã™ã€‚ hasLayoutã®å€¤ã¯read-onlyã®ãŸã‚èªã¿è¾¼ã¿ã®ã¿å¯èƒ½ã§ã€falseã¨trueãŒã‚ã‚Šã¾ã™ã€‚ hasLayoutã®å€¤ï¼ˆread-only） false デフォルト値。 オブジェクトãŒãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚’æŒã£ã¦ã„ãªã„。 true オブジェクトãŒãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚’æŒã£ã¦ã„る。 IEã§ã®CSSã®ãƒ
[CSS]æ°—ã‚’ã¤ã‘ãŸã„IE 7ã®ãƒã‚° -CSS-Discuss
CSS-Discussã«ã‚¢ãƒƒãƒ—ã•ã‚Œã¦ã„る「IE 7 Bugsã€ã®æ„訳ã§ã™ã€‚ çœç•¥ã—ã¦ã„る箇所も多数ã‚ã‚‹ã®ã§ã€åŽŸæ–‡ã‚‚å‚ç…§ãã ã•ã„。 Internet Explorer Win Bugs - css-discuss 注æ„： ãƒã‚°ã«ã¯ã€IE7ã®ã¿ã§ãªãã€IE 5, 5.5, 6ã®ã‚‚ã®ã‚‚å«ã¾ã‚Œã¦ã„ã¾ã™ã€‚ 公開ã•ã‚Œã¦ã‹ã‚‰æ™‚é–“ãŒçµŒã£ã¦ã„ã‚‹ãŸã‚ã‹ã€ã¡ã‚‡ã£ã¨å¤ã„ã‚‚ã®ã‚‚ã‚ã‚Šã¾ã™ã€‚ IEã®ãƒ•ã‚©ãƒ³ãƒˆã‚µã‚¤ã‚ºã®ãƒã‚° フォントサイズã®ç¶™æ‰¿ IEã®ç›¸å¯¾æŒ‡å®šã®ãƒ•ã‚©ãƒ³ãƒˆã‚µã‚¤ã‚ºã®ç¶™æ‰¿ã¯ã€ã†ã¾ã機能ã—ã¾ã›ã‚“。 相対指定を行ã†å ´åˆã€emより%ã§æŒ‡å®šã‚’è¡Œã†æ–¹ãŒä¾¿åˆ©ã§ã™ã€‚ã‚‚ã—ã€em指定を行ã†å ´åˆã¯æœ€åˆã«%指定を行ã£ã¦ãã ã•ã„。 例： body{ font-size: 100.01%; } ※100%ã®ä»£ã‚ã‚Šã«100.01%を使用ã™ã‚‹ã®ã¯ã€Operaã§ã®ç¶™æ‰¿ãƒã‚°ã®å›žé¿ã®ãŸã‚ã§ã™ã€‚ ã‚ーワード指定ã§ã®ã‚µã‚¤ã‚º フォントサイズã«ã€Œsmall
![[CSS]æ°—ã‚’ã¤ã‘ãŸã„IE 7ã®ãƒã‚° -CSS-Discuss](https://cdn-ak-scissors.b.st-hatena.com/image/square/bc54860ba06deaa45382cf2bddc929515def0354/height=288;version=1;width=512/https%3A%2F%2Fcoliss.com%2Fshared%2Flogo-2014050501-en.png)
[CSS]IE6ã§ã‚ˆãéé‡ã™ã‚‹6ã¤ã®ãƒã‚°ã¨ãã®è§£æ±ºæ–¹æ³• | コリス
CSS Trickã®ã‚¨ãƒ³ãƒˆãƒªãƒ¼ã‹ã‚‰ã€IE6ã§ã‚ˆãéé‡ã™ã‚‹6ã¤ã®ãƒã‚°ã¨ãã®è§£æ±ºæ–¹æ³•ã®ç´¹ä»‹ã§ã™ã€‚ IE CSS Bugs That’ll Get You Every Time ボックスモデルã®ãƒã‚° マージンãŒäºŒå€ã«ãªã£ã¦ã—ã¾ã†ãƒã‚° min-width, min-heihgtã¨åŒç‰ã®æŒ‡å®š Stepdownãƒã‚° hover擬似クラスをaè¦ç´ 以外ã«ã‚‚対応 é€éŽPNGã‚’é€éŽè¡¨ç¤ºã«å¯¾å¿œ ボックスモデルã®ãƒã‚° <textarea name="code" class="css" cols="60" rows="5"> div#box{ width:100px; border:2px solid black; padding:10px; } </textarea>
IE6ã§ã‚ˆãéé‡ã™ã‚‹CSSã®ãƒã‚°ã¨ãã®è§£æ±ºæ–¹æ³• | コリス
Dave Woodsã®ã‚¨ãƒ³ãƒˆãƒªãƒ¼ã€ŒIE6 -CSSã®ãƒã‚°ã¨ãã®è§£æ±ºæ–¹æ³•ã€ã‹ã‚‰ã€IE6ã§ã‚ˆãéé‡ã™ã‚‹ï¼“ã¤ã®CSSã®ãƒã‚°ã¨ãã®è§£æ±ºæ–¹æ³•ã®æ„訳ã§ã™ã€‚ IE6 - CSS Bugs and Fixes Explained IE6ã§ã€ãƒžãƒ¼ã‚¸ãƒ³ãŒï¼’å€ã«ãªã£ã¦ã—ã¾ã†ãƒã‚° IE6ã§ã€hasLayoutプãƒãƒ‘ティã«ã‚ˆã£ã¦èµ·ã“ã‚‹ãƒã‚° IE6ã§ã€å°ã•ã„高ã•ã‚’指定ã—ãŸå ´åˆã«èµ·ã“ã‚‹ãƒã‚° IE6ã§ã€ãƒžãƒ¼ã‚¸ãƒ³ãŒï¼’å€ã«ãªã£ã¦ã—ã¾ã†ãƒã‚° IE6ã§ã€ãƒ•ãƒãƒ¼ãƒˆã—ãŸè¦ç´ ã®ãƒžãƒ¼ã‚¸ãƒ³ãŒï¼’å€ã«ãªã£ã¦ã—ã¾ã†ãƒã‚°ã¨è§£æ±ºæ–¹æ³•ã®ç´¹ä»‹ã§ã™ã€‚ 下記ã®ã‚³ãƒ¼ãƒ‰ã§ã€IE6ã¯ãƒžãƒ¼ã‚¸ãƒ³ãŒ20pxã«ãªã‚Šã¾ã™ã€‚ sample:ãƒã‚° #navigation{ float: left; width: 200px; margin-left: 10px; } #content{ float: right; width: 500px; margin-right: 10p
CSS： marginã®æ£ã—ã„ç†è§£ - kojika17
toggle()や変数ã€calcã€:matchãªã©ã€ä»Šã¾ã§ã«ãªã„CSSプãƒãƒ‘ティã€ã‚»ãƒ¬ã‚¯ã‚¿ãŒæ案・実装ã•ã‚Œã¦ã€CSS3, CSS4も楽ã—ããªã£ã¦ãã¦ã„ã¾ã™ã€‚ border-radiusã‚„ã€box-shadowãªã©ã‚‚ã€å¤ã„Androidブラウザ以外ãªã‚‰ã€prefixãªã—ã§ä½¿ãˆã‚‹çŠ¶æ³ã‚‚増ãˆã¦ãã¾ã—ãŸã€‚ 最新技術ã¯ã€ã“ã‚Œã‹ã‚‰å¿…è¦ã«ãªã£ã¦ãã‚‹ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ãŒã€åŸºæœ¬ã‚‚大切ã§ã™ã€‚ float ã‚„ position ãªã©ã€CSSコーディングを悩ã¾ã›ã‚‹ã‚¿ãƒã¯ã„ãã¤ã‚‚ã‚ã‚Šã¾ã™ãŒã€ä»Šå›žã¯ãã®ä¸ã§ã‚‚ç§ãŒCSSã§ä¸€ç•ªé›£ã—ã„ã¨æ€ã† margin ã«ã¤ã„ã¦æ›¸ãã¾ã™ã€‚ 「marginã¯ãƒã‚°ãŒå¤šã„ã€ã¨ã„ã†å£°ã‚’ãŸã¾ã«èžãã¾ã™ã€‚ ã—ã‹ã—話をèžã„ã¦ã¿ã‚‹ã¨ã€æ£å¸¸ãªå‹•ä½œã‚’ãƒã‚°ã¨é–“é•ã£ã¦èªè˜ã—ã¦ã„るケースもã‚ã‚Šã¾ã™ã€‚ marginã‚’æ£ã—ãç†è§£ã™ã‚‹ã“ã¨ã«ã‚ˆã£ã¦ã€åŠ¹çŽ‡çš„ãªãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚’構築ã§ãã¾ã™ã®ã§ã€åŸºæœ¬çš„ãªå†…容ã§ã™ãŒã€èªã‚“ã§é ‚ã‘ã‚Œã°å¹¸
1
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
{{#tags}}- {{label}}
{{/tags}}