æ±äº¬æ¸‹è°· “HTML5入門＆jQuery†勉強会(5/26)ã®è³‡æ–™ã‚’公開ã—ã¾ã™ | tonowp
æ±äº¬æ¸‹è°· “HTML5入門＆jQuery†勉強会(5/26)ã‚’è¡Œã„ã¾ã—ãŸã€‚ jQueryã‚’ãŠã¼ãˆã‚ˆã†ï¼ã¨ã„ã†ã“ã¨ã§ã€HTML5ã®ã–ã£ãã‚Šã¨ã—ãŸè§£èª¬ã¨ã€jQueryã®åŸºæœ¬çš„ãªä½¿ã„方をå¦ç¿’ã—ã¾ã™ï¼è©³ç´°ï¼šATND ãã®ã¨ãã®ã‚¹ãƒ©ã‚¤ãƒ‰ãŠã‚ˆã³è³‡æ–™ã‚’公開ã—ã¾ã™ã€‚ 今後も勉強会を開催ã™ã‚‹äºˆå®šã§ã™ã€‚ twitterã®ãƒãƒƒã‚·ãƒ¥ã‚¿ã‚° #gooyaHub ã§å‘ŠçŸ¥ã—ã¦ã„ãã¾ã™ã®ã§ よã‹ã£ãŸã‚‰å‚åŠ ã—ã¦ã¿ã¦ãã ã•ã„ï¼
著作権放棄・シンプル・軽é‡ã§ã€iPhoneãªã©ã«ã‚‚レイアウトを調整ã§ãるレスãƒãƒ³ã‚·ãƒ–Webデザイン対応ã®HTML5フレームワーク・Fluid Baseline Grid - ã‹ã¡ã³ã¨.net
ãªã‹ãªã‹å‡„ã„フレームワークãŒã‚ã£ãŸã®ã§ åå°„çš„ã«ãƒ¡ãƒ¢ã€‚パブリックドメインã¨ã„ㆠã®ãŒä½•ã‚ˆã‚Šå¤ªã£è…¹ã§ã™ãー。自由ã«ä½¿ç”¨ã§ ãã¦ã€ã‚·ãƒ³ãƒ—ルã§æ±Žç”¨çš„ã€ã—ã‹ã‚‚軽é‡ã§ iPhoneã‚„iPadã«ã‚‚レイアウトを自動調整 ã™ã‚‹ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–Webデザイン対応ã®HTML5 フレームワークã§ã™ã€‚ ã“ã‚Œã€å‡„ã良ã„æ„Ÿã˜ã§ã™ã€‚ã„ã„ã‚‚ã®å…¨éƒ¨è©°ã‚込んã ã€ã¿ãŸã„ãªã‚½ãƒ•ãƒˆã‚¦ã‚§ã‚¢ã§ã™ã・・・ã¡ã‚ƒã‚“ã¨ä½¿ã„ã“ãªã›ã‚‹ã‚ˆã†ã«ãªã‚ŠãŸã„ã‹ã‚‚。 Media Queriesを使ã£ãŸãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–Webデザイン対応ã®CSSフレームワークã§ã™ã€‚3カラム構æˆã§çµ„ã‚るよã†ã«ã‚‚ã—ã¦ã‚ã‚Šã¾ã™ã€‚マークアップã¯HTML5+CSS3ã§ã™ãŒã€jsを使ã£ã¦IEã«ã‚‚対応ã—ã¦ãã‚Œã¦ã„ã¾ã™ã€‚ 以下ã«ã–ã£ã¨ç‰¹å¾´ã‚’。 著作権放棄(パブリックドメイン) 軽é‡(CSSã¯9kb) ベースライングリッドã«æƒæ¸ˆã¿ グリッドレイアウト対応 iPhoneã‚„iPadãªã©ã«ã‚‚自動ã§ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚’
HTML5ã®å¯èƒ½æ€§ã‚’体験ã§ãã‚‹ã€ã™ã”ã„サイトã®ã¾ã¨ã‚
当サイトã§ã¯Cookieを使用ã—ã¦ã„ã¾ã™ã€‚引ã続ã当サイトを閲覧ã™ã‚‹ã“ã¨ã«ã‚ˆã‚Šã€ãƒãƒªã‚·ãƒ¼ã‚’å—ã‘入れãŸã‚‚ã®ã¨ã¿ãªã•ã‚Œã¾ã™ã€‚今後表示ã—ãªã„詳ã—ã見る
IDã¨classを使ã‚ãªã„ã§ã€HTML5ã¨CSS3ã§ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã—ã¦ã¿ãŸã€‚
IDã¨classを使ã‚ãªã„ã§ã€HTML5ã¨CSS3ã§ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã—ã¦ã¿ãŸã€‚ 2011-05-02 Webサイトをコーディングã™ã‚‹æ™‚ã«ã€IDã¨classを考ãˆã‚‹ã®ãŒé¢å€’è‡ããªã£ãŸã®ã§ã€IDã¨classを使ã‚ãªã„ã§ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã—ã¦ã¿ã¾ã—ãŸã€‚ シンプルãªã‚µã‚¤ãƒˆãªã‚‰ç°¡å˜ã§ã¤ã¾ã‚‰ãªã„ã®ã§ã€IDã¨classを使ã£ã¦ã‚‚難ã—ãã†ãªãƒ‡ã‚¶ã‚¤ãƒ³ã«ã—ã¦ã„ã¾ã™ã€‚ 今回もJavaScriptã¯ä¸€åˆ‡ã€ä½¿ç”¨ã—ã¦ã„ã¾ã›ã‚“。 完æˆã—ãŸã‚µã‚¤ãƒˆ ID, classãªã—ã§çµ„ã‚“ã サイトを見る。 サイトã§ã‚„ã£ã¦ã¿ãŸHTML5 HTML5ã§ã¯ã€html, head, bodyタグを完全ã«çœç•¥ã—ã¦ã‚‚構ã‚ãªã„ã¨ã•ã‚Œã¦ã„ã¾ã™ã€‚ çœç•¥ã—ã¦ã‚‚DOMツリー上ã«å˜åœ¨ã—ã¦ã„ã‚‹ã®ã§ã€ body {background:#f00;} ã¨ã„ã†CSSã®è¨˜è¿°ã‚‚èªè˜ã—ã¦ãã‚Œã¾ã—ãŸã€‚ サイトã§ä½¿ç”¨ã—ãŸCSS, CSS3ã®ç°¡å˜ãªã¾ã¨ã‚ Child Selector çµ
1
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
{{#tags}}- {{label}}
{{/tags}}