iPhoneã‚„iPadã§ã‚‚綺麗ãªãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã§è¡¨ç¤ºã•ã‚Œã‚‹Webサイトを制作ã™ã‚‹ç‚ºã®ã‚¹ã‚¿ãƒ¼ã‚¿ãƒ¼ã‚ット・Skeleton - ã‹ã¡ã³ã¨.netãªã‹ãªã‹ã‚·ãƒ³ãƒ—ルã§è‰¯ã‹ã£ãŸã®ã§ ã”紹介。人気ã®ãƒ‡ãƒã‚¤ã‚¹ã€iPhone ã‚„iPadã§é–²è¦§ã—ã¦ã‚‚レイアウトを綺麗 ã«ä¿ã¦ã‚‹ã‚ˆã†ã«è¨è¨ˆã•ã‚ŒãŸWebサイト ã®ã‚¹ã‚¿ãƒ¼ã‚¿ãƒ¼ã‚ット。内容物ã¯HTML〠CSSã€JavaScriptã§ã™ã€‚ シンプルãªæ§‹æˆã§ã™ãŒã€æ¬²ã—ã„部分ã¯ç”¨æ„ã—ã¦ãã‚Œã¦ã„ã‚‹ã€ã¨è¨€ã£ãŸæ„Ÿã˜ã®ã‚¹ã‚¿ãƒ¼ã‚¿ãƒ¼ã‚ット。ãªã‹ãªã‹æ°—ã«å…¥ã£ãŸã®ã§ãƒ‡ãƒ¢ã‚’作りã¾ã—ãŸã€‚ HTML+CSSã®ã‚·ãƒ³ãƒ—ルãªãƒ•ãƒ¬ãƒ¼ãƒ ワークã§ã™ã€‚グリッドレイアウトを使ã£ãŸç¾Žã—ã„レイアウトã§ã€Media Queryã«ã‚ˆã‚‹iPhone / iPadã§ã®ã‚¢ã‚¯ã‚»ã‚¹æ™‚ã®ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚‚最é©åŒ–ã•ã‚Œã¦ãŠã‚Šã€jQueryã§ä½œã‚‹ã‚¿ãƒ–コンテンツã®ã‚µãƒ³ãƒ—ルコードもã‚ã‚Šã¾ã™ã€‚ デモ作ã£ãŸã®ã§ã€å®œã—ã‘ã‚Œã°ãŠå¥½ããªãƒ‡ãƒã‚¤ã‚¹ã§ã‚¢ã‚¯ã‚»ã‚¹ã—ã¦è¦‹ã¦ãã ã•ã„。 Sampleサイト※別窓 iPhoneã§ã‚¢ã‚¯ã‚»ã‚¹ iPhoneã§ã‚¢ã‚¯ã‚»ã‚¹ã€‚ ランドスケープ iPadã§ã‚¢ã‚¯ã‚»ã‚¹ iPad
黄金比ã«ã‚‚対応ã—ãŸã‚°ãƒªãƒƒãƒ‰ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆç”¨ã®ã‚·ãƒ³ãƒ—ルãªCSSã®ãƒ•ãƒ¬ãƒ¼ãƒ ワーク -The Square Grid
iPhoneå‘ã‘Webサイトã®åˆ¶ä½œç‰ã«å½¹ç«‹ã¡ãã†ãªæƒ…å ±ã¾ã¨ã‚ - ã‹ã¡ã³ã¨.net
{{#tags}}- {{label}}
{{/tags}}