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
考察：Appleã¯ã‚¹ãƒžãƒ›ã‚µã‚¤ãƒˆã‚’作らãªã„。
今ã¾ã§æ°—ã¥ã‹ãšã«ã„ãŸãŒã€Appleã¯ã‚¹ãƒžãƒ›(スマートフォン)å‘ã‘サイトを作ã£ã¦ã„ãªã„。ãã‚Œã¯ä½•æ•…ã‹ã€‚ 予算ãŒãªã„ã¨ã‹ã€(ã©ã“ãžã®ãƒ¡ãƒ¼ã‚«ãƒ¼ã¨é•ã£ã¦)ウェブデザインや自社製å“ã«ã¤ã„ã¦ã®ç†è§£åº¦ãŒä½Žã„ã¨ã‹ã€ãŠãらããã†ã„ã£ãŸãƒã‚¬ãƒ†ã‚£ãƒ–ãªç†ç”±ã§ã¯ãªã„。Appleã®ã‚¦ã‚§ãƒ–サイトã«ã¯ã€è‡ªç¤¾ã®ãƒ—ãƒãƒ€ã‚¯ãƒˆãƒ‡ã‚¶ã‚¤ãƒ³ã«é€šã˜ã‚‹ä¸»å¼µãŒè¡¨ç¾ã•ã‚Œã¦ã„る。 Mobile Safari ã®UIデザインã®æœ¬è³ªã‚’垣間見るウェブデザイン 自社ã®ãƒ—ãƒãƒ€ã‚¯ãƒˆ(ã“ã“ã§ã¯ç‰¹ã«Mobile Safari)ã®UIデザインãŒã€ä½•ã‚’ç†æƒ³ã¨ã—ã¦ã€ã©ã†èª¿æ•´ã•ã‚Œã¦ããŸã®ã‹ã€ã“ã®ã‚µã‚¤ãƒˆã®ãƒ‡ã‚¶ã‚¤ãƒ³ã‹ã‚‰èªã¿å–ã‚‹ã“ã¨ãŒã§ãる。 Appleã®ã‚¦ã‚§ãƒ–サイトã®è£å´ã‚’ã¡ã‚‡ã£ã¨ã ã‘覗ã„ã¦ã¿ã‚‹ã¨ã€viewport ã« width=1024 ãŒè¨˜è¿°ã•ã‚Œã¦ã„る。ã“ã‚Œã¯ã€iPhoneã®å°ã•ãªç”»é¢ã§ã‚‚1024px分ã®å¹…ãŒã‚ã‚‹ã‚‚ã®ã¨ä»®æƒ³ã—ã¦ãƒ¬ãƒ³ãƒ€ãƒªãƒ³ã‚°ã•ã‚Œã‚‹ã‚ˆã†ã«ã™ã‚‹ã€å‘ªæ–‡ã®ã‚ˆã†
スマートフォンサイトをデザインã™ã‚‹ä¸Šã§çŸ¥ã£ã¦ãŠãã¹ã10ã®TIPS
スマートフォンサイトをデザインã™ã‚‹ä¸Šã§çŸ¥ã£ã¦ãŠãã¹ã10ã®TIPS iPhoneã‚„Androidã®ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã®ä»•æ§˜ã‚’知らãªã„ã‘ã©ãƒ‡ã‚¶ã‚¤ãƒ³ã—ãªãã¡ã‚ƒã„ã‘ãªããªã£ãŸã¨ã„ã†ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã•ã‚“ã«çŸ¥ã£ã¦ãŠã„ã¦ã‚‚らã„ãŸã„10(+1)ã®TIPSã§ã™ã€‚ 1.実機ã§ç¢ºèªã™ã‚‹ 当ãŸã‚Šå‰ã®ã“ã¨ã§ã™ãŒä½œæˆã—ãŸãƒ‡ã‚¶ã‚¤ãƒ³ã‚’実機ã§ç¢ºèªã—ã¦ä¸‹ã•ã„。スマートフォンã¨PCã§ã¯ç›®ã‹ã‚‰ã®è·é›¢ã‚„DPIãŒé•ã„ã¾ã™ã®ã§ã€PCã§ã¯å分ã«è¦‹ã‚ŒãŸã‹ã‚‰ã¨ã„ã£ã¦å®Ÿæ©Ÿã§ç¢ºèªã™ã‚‹ã¨æ–‡å—ãŒå°ã•ã™ãŽã‚‹ã“ã¨ãªã©ãŒã‚ˆãã‚ã‚Šã¾ã™ã€‚書ãã ã—ãŸJPGã‚’FTPã§ã‚¢ãƒƒãƒ—ã—ã¦ç¢ºèªã—ã¦ã‚‚ã„ã„ã§ã™ã—ã€ãƒ¡ãƒ¼ãƒ«ã§ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã«é€ã£ã¦ç¢ºèªã—ã¦ã‚‚ã„ã„ã§ã™ã€‚個人的ã«ã¯Dropboxã§è»¢é€ã™ã‚‹ã®ãŒæ‰‹è»½ã§ãŠã™ã™ã‚ã§ã™ã€‚ 2.横幅ã¯320pxã‚‚ã—ãã¯640pxã§ãƒ‡ã‚¶ã‚¤ãƒ³ã™ã‚‹ スマートフォンã§ã¯åŸºæœ¬æ¨ªå¹…ãŒ320pxã§è¡¨ç¤ºã•ã‚Œã‚‹ã®ã§ãƒ‡ã‚¶ã‚¤ãƒ³ã™ã‚‹éš›ã‚‚320pxã§ãƒ‡ã‚¶ã‚¤ãƒ³ã—ã¾ã—ょã†ã€‚ãŸã ã€Re
jQuery Mobileã¨ã¯â€•â€•ã‚¹ãƒžãƒ›æ™‚代ã®åˆ°æ¥ã¨Web制作 (1/3)
「jQuery Mobileã€ã¯ã€ãƒ¢ãƒã‚¤ãƒ«Webアプリケーションやスマートフォンサイトã®æ§‹ç¯‰ã§ã„ã¾ã‚‚ã£ã¨ã‚‚注目ã•ã‚Œã¦ã„るフレームワークã§ã™ã€‚jQuery Mobileを使ãˆã°ã€iPhone/Androidã‚’ã¯ã˜ã‚ã€ã•ã¾ã–ã¾ãªã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã®ãƒ–ラウザーã«å¯¾å¿œã—ãŸã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã‚µã‚¤ãƒˆã‚’手軽ã«åˆ¶ä½œã§ãã¾ã™ã€‚ jQuery Mobileを使ã£ãŸã‚¹ãƒžãƒ›ã‚µã‚¤ãƒˆåˆ¶ä½œã®åŸºæœ¬ã‹ã‚‰å®Ÿè·µçš„ãªãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã¾ã§ã€ãƒ™ã‚¹ãƒˆã‚»ãƒ©ãƒ¼ã€ŒWeb制作ã®ç¾å ´ã§ä½¿ã† jQueryデザイン入門ã€ï¼ˆWeb Professional Books）ã®è‘—者・西畑一馬ã•ã‚“ãŒè§£èª¬ã—ã¾ã™ã€‚（編集部） 「jQuery Mobileã€ã¯ã€ãƒ¢ãƒã‚¤ãƒ«Webアプリケーションやスマートフォンサイトã®æ§‹ç¯‰ã§ã„ã¾ã‚‚ã£ã¨ã‚‚注目ã•ã‚Œã¦ã„るフレームワークã§ã™ã€‚jQuery Mobileを使ãˆã°ã€iPhone/Androidã‚’ã¯ã˜ã‚ã€ã•ã¾ã–ã¾ãªã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã®ãƒ–ラウザーã«å¯¾
iPhoneã‚„Androidå‘ã‘ã®JavaScriptフレームワーク・Wink ToolkitãŒå‰²ã¨è‰¯ã‹ã£ãŸã®ã§æ—¥æœ¬èªžã‚µãƒ³ãƒ—ル作ã£ãŸ - ã‹ã¡ã³ã¨.net
iPhoneã‚„Androidãªã©ã®äººæ°—㮠スマートフォンå‘ã‘ã®Javascript製 フレームワーク・wink toolkitを触㣠ã¦ã¿ã¾ã—ãŸã€‚動作サンプルãŒè±Šå¯Œ ã§å‰²ã¨å¿œç”¨ã§ããã†ã ã£ãŸã®ã§æ—¥æœ¬ 語ã§ã‚µãƒ³ãƒ—ルを作ã£ã¦ã¿ã¾ã—ãŸã€‚ スマートフォンå‘ã‘ã®Webサイトやãƒã‚¤ãƒ†ã‚£ãƒ–アプリã«ä½¿ãˆãã†ãªJavaScript製ã®ãƒ•ãƒ¬ãƒ¼ãƒ ワークã§ã™ã€‚沢山ã®å‹•ä½œã‚µãƒ³ãƒ—ルãŒã‚ã£ã¦ã€å†…容もã¨ã£ã¦ã‚‚分ã‹ã‚Šã‚„ã™ã‹ã£ãŸã®ã§ï¼ˆå®Œå…¨ã§ã¯ãªã„ã‘ã©ï¼‰æ—¥æœ¬èªžã‚µãƒ³ãƒ—ルを作æˆã—ã¦ã¿ã¾ã—ãŸã€‚ スマホå‘ã‘ã®Webアプリ用JavaScript製フレームワークã§ã™ã€‚ 動作サンプルを日本語ã«ã—ãŸã®ã§ãŠæ‰‹æŒã¡ã®iPhoneãªã©ã§ã‚µãƒ³ãƒ—ルを触りãªãŒã‚‰è¨˜äº‹ã‚’èªã‚“ã§ã„ãŸã ã‘ã‚‹ã¨å¬‰ã—ã„ã§ã™ã€‚ [note]ãŠæŒã¡ã§ãªã„å ´åˆã§ã‚‚ã€Safariã§ã”è¦§é ‚ãã¨åŒæ§˜ã®å‹•ä½œç¢ºèªãŒå‡ºæ¥ã¾ã™ã€‚Chromeã§ã‚‚多少確èªå‡ºæ¥ã¾ã—ãŸã€‚ã¾ãŸã€ãƒ‡ãƒ¢å‹•ç”»ã‚‚ã„ãã¤ã‹ã‚ã‚Šã¾ã™ã®ã§å®œ
スマートフォン対応サイトã®ä½œã‚Šæ–¹ã€æ•™ãˆã¾ã™ (1/3)
「WebサイトをiPhoneã‚„Androidã§è¦‹ã‚„ã™ã表示ã—ãŸã„ã€ã€Œã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã‚’ターゲットã«ã—ãŸWebサイトをデザインã—ãŸã„ã€â€•â€•ãã‚“ãªWeb制作者ã®ãŸã‚ã®æ–°é€£è¼‰ãŒã‚¹ã‚¿ãƒ¼ãƒˆã—ã¾ã™ã€‚PCサイト制作ã®ãƒŽã‚¦ãƒã‚¦ã•ãˆã‚ã‚Œã°ã€ã€Œãƒ¢ãƒã‚¤ãƒ«ã‚µã‚¤ãƒˆã¯æœªçµŒé¨“ã€ã§ã‚‚大丈夫。スマートフォン（iPhone/Android）å‘ã‘サイト制作ã®åŸºç¤ŽçŸ¥è˜ã‹ã‚‰å®Ÿè·µçš„ãªãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã¾ã§ã€H2O Space.ã®ãŸã«ãã¡ã¾ã“ã¨ã•ã‚“ãŒè§£èª¬ã—ã¾ã™ã€‚（編集部） iPhoneã®å¿«é€²æ’ƒã¨iPhone 4ã®ç™»å ´ã€Android端末ã®Xperiaã¨Desireã®ãƒ’ットã€auåˆã®å›½ç”£Android端末「IS01ã€ã®ç™ºå£²â€•â€•ã¨ã€ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã®å‹¢ã„ãŒæ¢ã¾ã‚Šã¾ã›ã‚“。ã„ã¾ã‚„一部マニアやビジãƒã‚¹ãƒžãƒ³ã«ã¨ã©ã¾ã‚‰ãšã€å¥³æ€§ã‚„ãŠå¹´å¯„ã‚Šãªã©ã®å¹…広ã„層ã«ã¾ã§ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã®åˆ©ç”¨ã¯åºƒãŒã‚Šã€ã€Œ1å°ç›®ã®æºå¸¯é›»è©±ã€ã¨ã—ã¦è³¼å…¥ã™ã‚‹äººã‚‚çã—ããªããªã‚Šã¾ã—ãŸã€‚ PCã¨ã®é€£æºã€
『Webã®ã‚¹ã‚ルã§iPad/iPhoneアプリ風ã®Webアプリ作æˆã®ã¾ã¨ã‚ã€
本を買ã‚ãšã«è§£æ±ºã™ã‚‹Web制作ã®å°æŠ€ ホームページ作æˆã§ã¡ã‚‡ã£ã¨ã—ãŸã“ã¨ã‚’å‚考書を買ã‚ãšã«è§£æ±ºã™ã‚‹æ–¹æ³•ã‚’PHP CSS Webデザイン jQuery Flashã‚’ä¸å¿ƒã«ä¾¿åˆ©ãªæŠ€ã‚’ã¾ã¨ã‚ã¦ã„ãã¾ã™ï¼ç¾åœ¨ã€é•·é‡ŽçœŒé•·é‡Žå¸‚ã®åˆ¶ä½œä¼šç¤¾ã§Web作æˆä¸ï¼ iPhoneã‚„iPadã®ã‚¢ãƒ—リを作りãŸã„ã‘ã©ã€iPhoneアプリåˆå¿ƒè€…ãªã®ã§ 作るã«ã¯Objective-Cを覚ãˆãŸã‚Šç™»éŒ²ã—ãŸã‚ŠãŠé‡‘ã‹ã‹ã£ãŸã‚Šã¨ã‹ iPhoneアプリã®ä½œæˆã«ã¯ãƒãƒ¼ãƒ‰ãƒ«ãŒã¡ã‚‡ã£ã¨é«˜ã„。 ãã“ã§ã€ä»Šã¾ã§ã®Webã®çŸ¥è˜ã‚’æ´»ã‹ã—ã¦ã€Webアプリã«ã—よã†ã¨ æ€ã£ã¦è©¦ã—ã¦ã¿ãŸã€‚ 基本的ãªçŸ¥è˜ã‚’ç†è§£ã—ãªã‘ã‚Œã°ã„ã‘ãªã„ã®ã§ã€è¶…ç°¡å˜ãªWebアプリを作æˆã—ã¦ã¿ãŸã€‚ ã ãŸã€å†™çœŸã‚’100枚表示ã™ã‚‹ã ã‘。 Webアプリã¨å‘¼ã¹ã‚‹ã®ã ã‚ã†ã‹ï¼Ÿ 今回ã¯ã€åŸºæœ¬çš„ãªçŸ¥è˜ã‚’知りãŸã‹ã£ãŸã®ã¨åˆ†ã‹ã‚Šã‚„ã™ã„ã®ã§ Webアプリã¨å‘¼ã¶ã“ã¨ã«ã—ã¾ã™ã€‚ 完æˆã—ãŸã‚‚ã®ã¯ã“ã¡ã‚‰ï¼iPhon
ã€ãƒ¬ãƒ“ュー】自由ã«ä½¿ãˆã‚‹iPhone/iPad/Android/PCå‘ã‘切り分ã‘CSSテンプレート | エンタープライズ | マイコミジャーナル
Fantastic website design in Flintshire, North Wales from Stuff and Nonsense iPhoneã‚„Androidæºå¸¯ã¨ã„ã£ãŸã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã‹ã‚‰iPadã®ã‚ˆã†ãªãƒãƒ¼ã‚¿ãƒ–ルデãƒã‚¤ã‚¹ã€å¾“æ¥ã®PCやノートPCã«ã„ãŸã‚‹ã¾ã§ã€ãƒãƒƒãƒˆãƒ¯ãƒ¼ã‚¯ã«ã‚¢ã‚¯ã‚»ã‚¹ã™ã‚‹ãƒ‡ãƒã‚¤ã‚¹ã®ç¨®é¡žã¯å¤šæ§˜åŒ–ã—ã¦ã„る。ã“ã†ã—ãŸãƒ‡ã‚£ã‚¹ãƒ—レイサイズも解åƒåº¦å¯†åº¦ã‚‚ç•°ãªã‚‹ãƒ‡ãƒã‚¤ã‚¹ã«å¯¾ã—ã¦ãã‚Œãžã‚Œã«é©ã—ãŸãƒ‡ã‚¶ã‚¤ãƒ³ã‚’æä¾›ã™ã‚‹ã¨ã„ã†ã®ãŒã€æœ€è¿‘ã®Webデザイナã®é–“ã§å–り上ã’られるã“ã¨ãŒå¤šã„トピックã«ãªã£ã¦ã„る。 ã“ã†ã—ãŸãƒˆãƒ”ックã§å–り上ã’られるã“ã¨ãŒå¤šã„テクニックãŒCSS3ã®Media Queryを使ã†æ–¹æ³•ã 。デãƒã‚¤ã‚¹ã®è§£åƒåº¦ã‚„密度ã®æƒ…å ±ã‚’å–å¾—ã—ã¦ã€ãã‚Œã«å¿œã˜ã¦é©ç”¨ã™ã‚‹CSSを切り替ãˆã‚‹ã¨ã„ã†ã‚‚ã®ã€‚ã“ã‚Œã¾ã§å¤šãã®ãƒ–ãƒã‚°ã§ã“ã®ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ãŒå–り上ã’られã€ã‚µãƒ³ãƒ—ルコードã¨ã¨ã‚‚ã«ç´¹ä»‹ã•ã‚Œã¦ã„ã‚‹
1
ランã‚ング
ランã‚ング
ランã‚ング
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
{{#tags}}- {{label}}
{{/tags}}