Youtubeã®å‹•ç”»ã‚’背景ã«
Introduction In the ever-evolving landscape of web browsing, staying abreast of the latest technologies is crucial. HTML5, the fifth and current version of the Hypertext Markup Language, has revolutionized the way we experience the web. With its advanced features and enhanced capabilities, HTML5 has become the cornerstone of modern web development, offering a more seamless and interactive user exp
ç”»åƒã‚’使ã‚ãšCSS3ã ã‘ã§å°–ã£ãŸBack・Nextボタンを作る方法
CSS3ã ã‘ã§ã€iOS風ã®Backã‚„Nextã®å°–ã£ãŸãƒŠãƒ“ゲーションボタン作る方法ãªã„ã‹ãªã€œã¨æŽ¢ã—ã¦ã„ãŸã¨ã“ã‚ã€è‰¯è¨˜äº‹ãŒã‚ã£ãŸã®ã§ç´¹ä»‹ã—ã¾ã™ã€‚Androidã§ç¢ºèªã—ã¦ã¾ã›ã‚“ãŒã€webkitå‘ã‘ãªã®ã§ãŸã¶ã‚“Androidã§ã‚‚大丈夫ã ã¨æ€ã„ã¾ã™ã€‚Androidã¯ã²ã¨å·¥å¤«å¿…è¦ãã†ã§ã™ã€‚ CSS3 Wizardry -Back and Next Buttons Revisited- CSS3 Wizardry -Subpixel Rendering- Buttons Revisitedã®æ–¹ãŒæ”¹è‰¯ç‰ˆã§ç–‘ä¼¼è¦ç´ ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã¿ãŸã„ã§ã™ã€‚原ç†ã¯Subpixel Renderingã®æ–¹ãŒã‚ã‹ã‚Šã‚„ã™ã„ã§ã™ã€‚ ãƒã‚¤ãƒ³ãƒˆã¨ãªã‚‹HTML ボタンを構æˆã™ã‚‹è¦ç´ ã¯ã“ã‚Œã ã‘。 <!--ボタンè¦ç´ --> <div class="button bordered back"> <span class="label">Back</s
スマートフォンコーディング : ノウãƒã‚¦ã‚³ãƒ©ãƒ ： HTML/XHTMLã€CSSコーディング最安ä¿éšœï½žã‚¯ãƒãƒŽãƒ‰ãƒ©ã‚¤ãƒ–～
iPhoneブラウザã®ç‰¹å¾´ã®ä¸€ã¤ã¨ã—ã¦ã€ç”»é¢ã‚’å·¦å³ã«90度傾ã‘ã‚‹ã¨ç”»é¢ã®ä¸ã‚‚ãã‚Œã«åˆã‚ã›ã¦å›žè»¢ã™ã‚‹æ©Ÿèƒ½ãŒã‚ã‚Šã¾ã™ã€‚ ãã®ãŸã‚ã€ç”»é¢å¹…ã«åˆã‚ã›ã¦ä¼¸ç¸®ã™ã‚‹ãƒªã‚ッドレイアウトã¨ã—ã¦ãƒ‡ã‚¶ã‚¤ãƒ³ãƒ»ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã—ã¾ã™ãŒã€ä¸ã«ã¯ãã‚Œã ã‘ã§ã¯é›£ã—ã„ã‚‚ã®ã‚‚ã‚ã‚Šã¾ã™ã€‚ ãã“ã§ã€å‚¾ãã«åˆã‚ã›ã¦bodyã®classを切り替ãˆã‚‹jqueryã®javascriptを紹介ã—ã¾ã™ã€‚ サンプル サンプル ※iPhoneã§è¦‹ã¦ã¿ã¦ãã ã•ã„。 ダウンãƒãƒ¼ãƒ‰ tilt.zip 使ã„æ–¹ ダウンãƒãƒ¼ãƒ‰ã—ãŸtilt.jsã‚’jquery.jsã¨ä¸€ç·’ã«èªã¿è¾¼ã‚€ã ã‘ã§å‹•ä½œã—ã¾ã™ã€‚ 用途 縦横ã§ãƒœãƒƒã‚¯ã‚¹ã®å¹…を切り替ãˆã‚‹ 縦横ã§èƒŒæ™¯è‰²ã‚’切り替ãˆã‚‹ 縦（ã¾ãŸã¯æ¨ªï¼‰ã®å ´åˆã ã‘表示ã™ã‚‹æ–‡ç« ã‚„ç”»åƒã‚’è¨ç½®ã™ã‚‹ 縦ã«æœ€é©åŒ–ã•ã‚ŒãŸã‚µã‚¤ã‚ºã®ã¾ã¾ã€æ¨ªã®å ´åˆã¯ãれをä¸å¤®å¯„ã›ã«ã—ã¦è¡¨ç¤ºã™ã‚‹ ç‰ã€…... 仕組㿠仕組ã¿ã¯ã¨ã¦ã‚‚å˜ç´”ã§window.orientatio
スマホサイト：Webアプリモードã§æ„外ã¨æ›¸ã‹ã‚Œã¦ã„ãªã„è½ã¨ã—ç©´ - Kaleidoscope
ã¡ã‚‡ã£ã¨ä»Šå›žã¯ã¾ã‚知è˜çš„ãªå†…容ã§ã™ã€‚ 最近ã€ã€ŒiPhoneã§Webアプリを作æˆã€ã¨ã„ã£ãŸè¨˜äº‹ã‚’よã見ã‹ã‘ã¾ã™ã€‚ （jQuery Mobileãªã©ã‚’利用ã—ãŸé–‹ç™ºæ–¹æ³•ã¯ç½®ã„ã¨ã„ã¦ï¼‰ HTML5+CSS3+JavaScriptã§ä¸€ã‹ã‚‰ä½œæˆã™ã‚‹æ–¹æ³•ã«ã¤ã„ã¦ã€æ„外ã¨è‚心ãªæ³¨æ„点ãŒæŠœã‘ã¦ã‚‹ã‚ˆã†ã«æ€ã„ã¾ã™ã€‚ ã¨ãã«ã€ã‚ˆãmetaタグを使ã£ãŸã€ŒWebアプリモード（フルスクリーンモード）ã€ã«ã™ã‚‹æ–¹æ³•ãŒæ›¸ã‹ã‚Œã¦ã„ãŸã‚Šã—ã¾ã™ã€‚ <meta name="apple-mobile-web-app-capable" content="yes" /> ã“れをやるã¨ã€URLãƒãƒ¼ã¨ã‹ãŒç„¡ããªã£ã¦ã€ã‚µã‚¤ãƒˆãŒãƒã‚¤ãƒ†ã‚£ãƒ–アプリã£ã½ããªã£ã¦ã‹ã£ã“ã„ã„ã‚“ã§ã™ã‚ˆã。 ã“ã‚Œã§ã€ã‚µã‚¤ãƒˆã‚’アプリã£ã½ã見ã›ã‚‰ã‚Œã‚‹ï¼ã£ã¦ã¡ã‚‡ã£ã¨èˆˆå¥®ã—ã¡ã‚ƒã„ã¾ã™ã‚ˆã。 ãŸã ã€ã“ã‚Œã£ã¦æ„外ãªè½ã¨ã—ç©´ãŒã‚ã‚‹ã‚“ã§ã™(￣▽￣;) 今回ã¯ã€åƒ•ãŒçŸ¥ã£ã¦ã‚‹å¤§ããªï¼’ã¤ã®æ³¨æ„点を
「スマートフォン版GREE HTML5+JavaScript & Androidã€è¬›æ¼”資料公開ã„ãŸã—ã¾ã—㟠| GREE Engineering
ã“ã‚“ã«ã¡ã¯ã€‚グリーã®ç”°å°»ã§ã™ã€‚ 先日1月9日（日）æ±äº¬å¤§å¦ã§è¡Œã‚ã‚ŒãŸAndroid Bazaar and Conference 2011 Winterã«ã¦ã€å¼Šç¤¾ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢@kuãŒç™»å£‡ã•ã›ã¦é ‚ãã¾ã—ãŸã€‚テーマã¯ã€Œã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ç‰ˆGREE HTML5+JavaScript & Androidã€ã§ã™ã€‚ 当日ã®ä¼šå ´ã¯æº€å“¡ã§ã€ãŠè¶Šã—ãã ã•ã£ãŸã¿ãªã•ã¾ã€æœ¬å½“ã«ã‚ã‚ŠãŒã¨ã†ã”ã–ã„ã¾ã—ãŸï¼ 好評ã«ã¤ã本日ã¯è¬›æ¼”当日ã®è³‡æ–™ã‚’公開ã„ãŸã—ã¾ã—ãŸã®ã§ã€å½“æ—¥å‚åŠ ã§ããªã‹ã£ãŸæ–¹ã«ã‚‚ãœã²ã”å‚考ã«ã—ã¦é ‚ã‘ã‚Œã°ã¨æ€ã£ã¦ãŠã‚Šã¾ã™ã€‚ Android Bazaar and Conference 2011 Winter
HTML5ã¨CSS3を使ã£ã¦ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³å‘ã‘ã‚µã‚¤ãƒˆã‚’æ§‹ç¯‰ã€€ï¼ iPhone版Yahoo!JAPANトップã®é–‹ç™ºäº‹ä¾‹ç´¹ä»‹
CodeZine編集部ã§ã¯ã€ç¾å ´ã§æ´»èºã™ã‚‹ãƒ‡ãƒ™ãƒãƒƒãƒ‘ーをスターã«ã™ã‚‹ãŸã‚ã®ã‚«ãƒ³ãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹ã€ŒDevelopers Summitã€ã‚„ã€ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã®ç”Ÿãã–ã¾ã‚’ブーストã™ã‚‹ãŸã‚ã®ã‚¤ãƒ™ãƒ³ãƒˆã€ŒDevelopers Boostã€ãªã©ã€ã•ã¾ã–ã¾ãªã‚«ãƒ³ãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹ã‚’ä¼ç”»ãƒ»é‹å–¶ã—ã¦ã„ã¾ã™ã€‚
1
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
iPhoneã‚„iPadç‰ã«ã‚‚Webサイトを最é©åŒ–ã™ã‚‹ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–Webデザイン構築ã«å½¹ç«‹ã¤ãƒ•ãƒ¬ãƒ¼ãƒ ワークやTipsã„ã‚ã„ã‚ - ã‹ã¡ã³ã¨.net
{{#tags}}- {{label}}
{{/tags}}