Site is undergoing maintenanceSite will be available soon. Thank you for your patience!
ブラウザã«ã‚„ã•ã—ã„HTML/CSS
1. HTML/CSS 〜 「ãŠãƒ»ã‚‚・ã¦ãƒ»ãªãƒ»ã—ã€ã‚’ブラウザã«ã‚‚ 〜 TAKEHARU IGARI Front-end Engineer / Evangelist ブラウザã«ã‚„ã•ã—ã„ <html5j パフォーマンス部 第⼀回勉強会 /> 2. プãƒãƒ•ã‚£ãƒ¼ãƒ« • TAKEHARU IGARI 猪狩 丈治 - 所属 • æ ªå¼ä¼šç¤¾ Lei Hauʼoli フãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ - ç•¥æ´ â€¢ 表⽰速度ã€ä¿å®ˆæ€§ã€ãƒ–ランディングã€SEOを考慮ã—ãŸãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ãƒªãƒ³ã‚°ã‚’å¾—æ„ã¨ã—〠ç¾åœ¨ã€å„ナショナルクライアントã®ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã‚„ã€æ ªå¼ä¼šç¤¾ãƒªã‚¯ãƒ«ãƒ¼ãƒˆã®ä¸»è¦ã‚µãƒ¼ãƒ“スã®ãƒ•ãƒãƒ³ãƒˆ エンド開発ã«æºã‚ã‚Šã€â¾¼é€ŸåŒ–コンサルティングもâ¾ã†ã€‚ - åŸ·ç† â€¢ 技術評論社「WEB+DB PRESS〠• Vol.66 〜我æµã‚³ãƒ¼ãƒ‰ã‹ã‚‰ã®å’æ¥HTMLæ§‹é€ åŒ–æŒ‡å— â€¢ Vol.59 〜「Webサイト超⾼速化実æ³ä¸ç¶™ ──
HTML5ã¨CSS3ã®å®Ÿç”¨çš„ãªãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ãŒä¸å¯§ã«ä¸å¯§ã«è§£èª¬ã•ã‚ŒãŸã‚¦ã‚§ãƒ–制作ã«çœŸå‰£ã«å–り組ã¿ãŸã„人ã«ã‚ªã‚¹ã‚¹ãƒ¡ã®æœ¬ -HTML/CSS デザインã®æ•™ç§‘書
ウェブサイトã®åˆ¶ä½œæ™‚ã«ã‚ˆã使用ã•ã‚Œã‚‹å®Ÿè·µçš„ãªãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã®ä¸€ã¤ä¸€ã¤ãŒä¸å¯§ã«è§£èª¬ã•ã‚ŒãŸã€ŒHTML/CSS デザインã®æ•™ç§‘書ã€ã‚’紹介ã—ã¾ã™ã€‚ 最新ã®çŸ¥è˜ã‚’ãŠã•ãˆã¤ã¤ã€åŸºæœ¬ã‚’æ£ã—ãç†è§£ã—ã€ã—ã£ã‹ã‚Šèº«ã«ã¤ãオススメã®æœ¬ã§ã™ã€‚
フォームã®å…¥åŠ›æ¬„ã«ãƒ†ã‚ストを表示ã™ã‚‹éš›ã€ãƒ¦ãƒ¼ã‚¶ãƒ¼ãŒä½¿ã„ã‚„ã™ãよりセマンティックã«å®Ÿè£…ã™ã‚‹æ–¹æ³•
フォームã®å…¥åŠ›æ¬„ã«ãƒ†ã‚ストを表示ã™ã‚‹ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã¨ã—ã¦ã€HTML5ã®placeholder属性やtitle属性ã«ã„ã‚ŒãŸãƒ†ã‚ストをスクリプトã§ç½®ãæ›ãˆã‚‹æ–¹æ³•ãªã©ãŒã‚ã‚Šã¾ã™ã€‚ ã—ã‹ã—ã€placeholderã¯placeholderãªã®ã§ã€ãƒ©ãƒ™ãƒ«ã®ä»£æ›¿ã¨ã—ã¦åˆ©ç”¨ã™ã‚‹ã®ã¯W3Cã§ã‚‚推奨ã—ã¦ã„ã¾ã›ã‚“。 å‚考：The placeholder attribute -W3C フォームã«ä½™åˆ†ãªHTMLã‚’è¿½åŠ ã›ãšã€ãƒ©ãƒ™ãƒ«ã‚’利用ã—ã¦ã‚·ãƒ³ãƒ—ルã«è§£æ±ºã™ã‚‹æ–¹æ³•ã‚’紹介ã—ã¾ã™ã€‚ 入力時ã¯ãƒ©ãƒ™ãƒ«ãŒãƒ„ールãƒãƒƒãƒ—㧠実装 実装ã®ãƒã‚¤ãƒ³ãƒˆ labelè¦ç´ 内ã®ãƒ†ã‚ストをラベルã¨ã—ã¦åˆ©ç”¨ã™ã‚‹ã€‚ åˆæœŸçŠ¶æ…‹ã§ãƒ©ãƒ™ãƒ«ã®ãƒ†ã‚ストを表示ã™ã‚‹ã€‚ 入力時ã«ã‚‚ラベルãŒãƒ¦ãƒ¼ã‚¶ãƒ¼ã®ç›®ã«è¦‹ãˆã‚‹ã‚ˆã†ã«ã™ã‚‹ã€‚ ラベルã®é…ç½®ã¯ãƒ•ã‚©ãƒ¼ãƒ ã¨ãƒšãƒ¼ã‚¸ã®ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã§è¡Œã‚れるよã†ã«ã™ã‚‹ã€‚ スクリプトãŒåˆ©ç”¨å¯èƒ½ã§ãªã„時ã§ã‚‚ã€ãƒ©ãƒ™ãƒ«ã‚’利用ã§ãるよã†ã«ã™ã‚‹ã€‚ ã“れらã®ãƒã‚¤ãƒ³ãƒˆã‚’è¸
1
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
{{#tags}}- {{label}}
{{/tags}}