iPhone ＆ iPad用ã®Webサイト・シミュレーター「Electric Mobile Simulator for Windowsã€
å°‘ã—ã®ã‚³ãƒ¼ãƒ‰ã§å®Ÿè£…å¯èƒ½ãª15ã®ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã‚µã‚¤ãƒˆç”¨å°æŠ€é›†
å°‘ã—ã®ã‚³ãƒ¼ãƒ‰ã§å®Ÿè£…å¯èƒ½ãª15ã®ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã‚µã‚¤ãƒˆç”¨å°æŠ€é›†ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ãŒæ™®åŠã—ã¦ãã¦ã€Webサイトを作る時ã€ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã‚µã‚¤ãƒˆã‚‚一緒ã«åˆ¶ä½œã—ã¦ã„る方も多ããªã£ã¦ãã¦ã„ã‚‹ã¨æ€ã„ã¾ã™ã€‚ç§ã‚‚スマホサイトを制作ã™ã‚‹æ©Ÿä¼šãŒå¢—ãˆã€ã ã‚“ã ã‚“Evernoteã«ä¿å˜ã—ã¦ã„ãŸã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã‚µã‚¤ãƒˆã‚’作る時ã®å°æŠ€ãŒãŸã¾ã£ã¦ããŸã®ã§ã€iPhoneã§ä½¿ãˆã‚‹å°æŠ€ã‚’ä¸å¿ƒã«ã¾ã¨ã‚ã¦è¨˜äº‹ã«ã—ã¦ã¿ã¾ã™ã€‚ã„ãã¤ã‹ã‚µãƒ³ãƒ—ルも作ã£ã¦ã„ã‚‹ã®ã§ã€ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã‹ã‚‰ã‚ã‚ã›ã¦ã”覧下ã•ã„ï¼ ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã‚µã‚¤ãƒˆç”¨å°æŠ€é›†ã€€ç›®æ¬¡ã„ãã¤ã‹ã‚µãƒ³ãƒ—ルも作ã£ãŸã®ã§ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã‹ã‚‰ã€ã‚‚ã—ãã¯ãƒ–ラウザーã‹ã‚‰ãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚¨ãƒ¼ã‚¸ã‚§ãƒ³ãƒˆã‚’ iPhone ãªã©ã«åˆ‡ã‚Šæ›¿ãˆã¦ã”覧ãã ã•ã„ï¼ æ¨ªå¹…ã‚’ãƒ‡ãƒã‚¤ã‚¹ã®å¹…ã«ã‚ã‚ã›ã‚‹æ–‡å—サイズã®è‡ªå‹•èª¿æ•´ã‚’オフリストã®ã‚¯ãƒªãƒƒã‚¯ï¼ˆã‚¿ãƒƒãƒ—）範囲を広ã’ã‚‹ç”»é¢ã®å¹…ã«ã‚ã‚ã›ã¦ CSS を変ãˆã‚‹ãƒªãƒ³ã‚¯ãƒ†ã‚ストã®ã‚ã‚‹ Div 全体をクリック（タップ
iPhone Memo » ç”»é¢èªè¾¼æ™‚ã«ã‚¢ãƒ‰ãƒ¬ã‚¹ãƒãƒ¼ã‚’éš ã™
iPhoneサイト作æˆã®Tipsを備忘録ã¨ã—ã¦ãƒ¡ãƒ¢ã—ã¦ãŠãã¾ã™ã€‚サイトを表示ã•ã›ã‚‹éš›ã«ã€è‡ªå‹•ã§ã‚¢ãƒ‰ãƒ¬ã‚¹ãƒãƒ¼ã‚’éš ã—ã¾ã™ã€‚ ＜使用ã—ã¦ã„ã‚‹TIPS＞ ・èªè¾¼ã¿æ™‚ã«ã‚¢ãƒ‰ãƒ¬ã‚¹ãƒãƒ¼åˆ†ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã€‚ ・bodyã®é«˜ã•ã‚’最低416pxã«æŒ‡å®šã™ã‚‹ã€‚ ・画é¢ã®ç¸¦æ¨ªãŒå¤‰ã‚ã£ãŸå ´åˆã®å¯¾å¿œ （å†åº¦ã‚¢ãƒ‰ãƒ¬ã‚¹ãƒãƒ¼ã‚’éš ã™ãƒ»æ–‡å—サイズ固定） â—アドレスãƒãƒ¼ã‚’スクãƒãƒ¼ãƒ«ã•ã›ã‚‹Script <script type=â€text/javascriptâ€> function hideAdBar(){ setTimeout(“scrollTo(0,1)â€, 100); } </script>
Aptana Studio IDE Dark Color Theme « NightLion
Aptana Studio is currently my IDE of choice. It’s fast, flexible and built on Eclipse. Using it day in and day out, I’ve decided to create a custom, light on dark color theme. Supported Aptana Editors Custom color themes have been created for all of the current Aptana Studio editors, including: CSS HTML Javascript jSON PHP PHP Doc PHP Smarty PHP Smarty Config ScriptDoc XML Sample Screens [View wit
Android対応スマートフォンサイトã®ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆï¼ˆviewport・コンテナ編）
最近ã„ã‚ã‚“ãªã‚¹ãƒžãƒ›æœ€é©åŒ–ã•ã‚ŒãŸã‚µã‚¤ãƒˆã‚’見るよã†ã«ãªã‚Šã¾ã—ãŸã€‚ ãã‚Œã¨åŒæ™‚ã«ã€å¤šæ§˜ãªAndroid端末ãŒæ€¥é€Ÿã«æ™®åŠã—ã€iPhone3GSãŒå…¨ç››ã ã£ãŸåŽ»å¹´ã¾ã§ã®åˆ¶ä½œæ–¹æ³•ã§ã¯å¯¾å¿œãŒä¸å分ã«ãªã£ã¦ãã¦ã¾ã—ã¦ã€åƒ•è‡ªèº«ã‚‚試行錯誤ä¸ãªã“ã¨ã‚‚ã‚ã‚Šã€2011å¹´5月時点ã§ã®iPhone・Androidã«å¯¾å¿œã§ãる自分ãªã‚Šã®ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆæ–¹æ³•ã‚’ã¡ã‚‡ã£ã¨ã¾ã¨ã‚ã¦ã¿ã‚ˆã†ã¨æ€ã„ã¾ã™ã€‚ 今回ã¯å…¨ä½“ç·¨ãªã®ã§ã€ä¸»ã«viewportã®è¨å®šã¨å…¨ä½“を囲むコンテナè¦ç´ ã«ãƒ•ã‚©ãƒ¼ã‚«ã‚¹ã‚’絞りã¾ã™ã€‚ viewportã¯device-widthã€ã‚³ãƒ³ãƒ†ãƒŠã¯width:100%ãªã©ã®ä¼¸ç¸®ã™ã‚‹ãƒªã‚ッドレイアウト㫠端末ã®æ¨ªå¹…を最大é™ã«æ´»ã‹ã—ãŸæ–¹ãŒã‚ˆã„ 特ã«ç†ç”±ãŒç„¡ã‘ã‚Œã°ã€å¤§æŠµã®å ´åˆã¯ã€ viewportã¯device-widthã€ã‚³ãƒ³ãƒ†ãƒŠã¯width:100%ãªã©ã®ä¼¸ç¸®ã™ã‚‹ãƒªã‚ッドレイアウトã«ã™ã‚‹ 自然ãªè€ƒãˆæ–¹ã§è€ƒãˆã‚‹ã¨ã€PCã«æ¯”ã¹ã‚‹ã¨ãŸã ã§ã•ãˆç‹
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
{{#tags}}- {{label}}
{{/tags}}