[B! HTML] kalmalogyã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

kalmalogy id:kalmalogy

HTMLã«é–¢ã™ã‚‹kalmalogyã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (38)

${{author_name}}$

{{{comment_expanded}}}

{{label}}

{{#is_bookmark}}ãƒªã‚¹ãƒˆ{{/is_bookmark}}{{^is_bookmark}}ãƒªãƒ³ã‚¯{{/is_bookmark}}

${{author_name}}$
{{author_name}}{{created}}
{{ #comment }}{{ comment }}{{ /comment }}
- {{ label }}

${{author_name}}$

{{{comment_expanded}}}

{{label}}

{{#is_bookmark}}ãƒªã‚¹ãƒˆ{{/is_bookmark}}{{^is_bookmark}}ãƒªãƒ³ã‚¯{{/is_bookmark}}

ï¼»é€Ÿå ±ï¼½HTML5ã€ã¤ã„ã«W3Cã®å‹§å‘Šã¨ãªã‚‹
W3CãŒç™ºè¡¨ã—ãŸãƒ—ãƒ¬ã‚¹ãƒªãƒªãƒ¼ã‚¹ï¼ˆæ—¥æœ¬èªžï¼‰ã®å†’é ã‚’å¼•ç”¨ã—ã¾ã™ã€‚ 2014å¹´10æœˆ28æ—¥(ã‚¢ãƒ¡ãƒªã‚«)ï¼š ãƒ¯ãƒ¼ãƒ«ãƒ‰ãƒ»ãƒ¯ã‚¤ãƒ‰ãƒ»ã‚¦ã‚§ãƒ–ãƒ»ã‚³ãƒ³ã‚½ãƒ¼ã‚·ã‚¢ãƒ (W3C)ã¯ã€ã‚¦ã‚§ãƒ–ãƒšãƒ¼ã‚¸ã‚„ã‚¦ã‚§ãƒ–ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã‚’æ§‹ç¯‰ã™ã‚‹éš›ã«ä½¿ç”¨ã•ã‚Œã‚‹ãƒ•ã‚©ãƒ¼ãƒžãƒƒãƒˆHTMLã®ç¬¬5ç‰ˆã§ã‚ã‚‹HTML5ã‚’å‹§å‘Šã¨ã—ã¦å…¬é–‹ã—ã€ã‚ªãƒ¼ãƒ—ãƒ³ãƒ»ã‚¦ã‚§ãƒ–ãƒ»ãƒ—ãƒ©ãƒƒãƒˆãƒ•ã‚©ãƒ¼ãƒ ã®ç¤Žã‚’ç¯‰ãã¾ã—ãŸã€‚HTML5ã¯ã€ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³é–‹ç™ºè€…ã‚„ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ç”£æ¥ãŒã“ã®å…ˆä½•å¹´ã«æ¸¡ã£ã¦ä¿¡é ¼ã™ã‚‹ã«è¶³ã‚‹ã€ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³é–‹ç™ºã®ãŸã‚ã®æ©Ÿèƒ½ã‚’æä¾›ã—ã¾ã™ã€‚HTML5ã¯ä»Šã‚„å¹…åºƒã„ãƒ‡ãƒã‚¤ã‚¹ã§ã€ãã—ã¦ä¸–ç•Œä¸ã®ãƒ¦ãƒ¼ã‚¶ãŒåˆ©ç”¨å¯èƒ½ã§ã‚ã‚Šã€ã‹ã¤è±Šå¯Œãªæ©Ÿèƒ½ã‚’æŒã¤ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã®é–‹ç™ºã‚³ã‚¹ãƒˆã‚’å‰Šæ¸›ã—ã¾ã™ã€‚ W3Cãƒ‡ã‚£ãƒ¬ã‚¯ã‚¿ãƒ¼ã‚’å‹™ã‚ã‚‹ãƒ†ã‚£ãƒ ãƒ»ãƒãƒ¼ãƒŠãƒ¼ã‚ºï¼ãƒªãƒ¼ã¯ã€ã€Œãƒ“ãƒ‡ã‚ªã‚„ã‚ªãƒ¼ãƒ‡ã‚£ã‚ªã‚’ãƒ–ãƒ©ã‚¦ã‚¶ä¸Šã§è¦‹ãŸã‚Šã€ãƒ–ãƒ©ã‚¦ã‚¶ä¸Šã§é€šè©±ã‚’ã™ã‚‹ã“ã¨ã¯ã€ä»Šã‚„å½“ç„¶ã®äº‹ã¨ã—ã¦å—ã‘æ¢ã‚ã‚‰ã‚Œã¦ã„ã‚‹ã€ã¨è¿°ã¹ã¦ã„ã¾ã™ã€‚ã€Œå†™çœŸã‚„åº—èˆ—ã®
kalmalogy 2014/10/29
HTML

web
ãƒªãƒ³ã‚¯
jQueryã§ç”»é¢é·ç§»ã®ãªã„ã‚µã‚¤ãƒˆã‚’ä½œã‚ã†ã¨ã—ãŸã¨ãã®ã¡ã‚‡ã£ã¨ã—ãŸãƒ¡ãƒ¢
jQueryã§ç”»é¢é·ç§»ã®ãªã„ã‚µã‚¤ãƒˆã‚’ä½œã‚ã†ã¨ã—ãŸã¨ãã®ã¡ã‚‡ã£ã¨ã—ãŸãƒ¡ãƒ¢ jQueryã‚’ä½¿ã£ã¦ç”»é¢é·ç§»ã®ãªã„ã‚µã‚¤ãƒˆã‚’ä½œã‚ã†ã¨ã—ãŸã¨ãã®ã¡ã‚‡ã£ã¨ã—ãŸãƒ¡ãƒ¢ã§ã™ã€‚ ã‚µãƒ¼ãƒãƒ¼ã¨ã‚„ã‚Šå–ã‚Šã‚’ã™ã‚‹ã€Ajaxçš„ãªã“ã¨ã¯æ›¸ã„ã¦ã„ãªã„ã®ã§ã‚ã—ã‹ã‚‰ãšã€‚ æŠ•ç¨¿æ—¥2012å¹´02æœˆ03æ—¥ æ›´æ–°æ—¥2012å¹´02æœˆ03æ—¥ ãƒªãƒ³ã‚¯ï¼ˆhrefï¼‰ã‚’ç„¡åŠ¹ã«ã™ã‚‹ ç”»é¢é·ç§»ã®ãªã„Webã‚µã‚¤ãƒˆã§ã‚‚JSã®ãªã„ç’°å¢ƒã‚„SEOã‚‚è€ƒæ…®ã—ã¦ href ã«ãƒªãƒ³ã‚¯å…ˆã‚’è¨å®šã—ãŸã„ã¨ããŒã‚ã‚Šã¾ã™ã€‚ hmtl <a href="hoge.html" id="btn">ãƒœã‚¿ãƒ³</a> ã“ã®ã‚ˆã†ãªå ´åˆã ã¨ #btn ã«ã‚¤ãƒ™ãƒ³ãƒˆã‚’è¨å®šã—ã¦ã‚‚ç”»é¢é·ç§»ã—ã¦ã—ã¾ã„ã¾ã™ã€‚ click ã‚¤ãƒ™ãƒ³ãƒˆã«ã€Œe.preventDefault()ã€ã¨è¨˜è¿°ã™ã‚Œã°hrefã‚’ç„¡åŠ¹ã«ã«ãªã‚Šç”»é¢é·ç§»ãŒè¡Œã‚ã‚Œã¾ã›ã‚“ã€‚ javascript $('#btn').click(function(e){
kalmalogy 2012/02/13
Javascript

HTML

jQuery
ãƒªãƒ³ã‚¯
ã€ã‚¹ãƒžãƒ›ç”¨ãƒšãƒ¼ã‚¸ã€‘ä½Žè§£åƒåº¦ã€é«˜è§£åƒåº¦ç«¯æœ«ã®ã©ã¡ã‚‰ã§ã‚‚ãã£ãã‚Šç¶ºéº—ã«è¡¨ç¤ºã—ã¤ã¤ã€å¹…ã´ã£ãŸã‚Šã«ã™ã‚‹ HTML ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆã€‚
ã“ã‚“ã«ã¡ã¯ã€ã‚¦ã‚§ãƒ–é–‹ç™ºã®æž—ã§ã™ã€‚ ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³å‘ã‘ã‚¦ã‚§ãƒ–ãƒšãƒ¼ã‚¸ã‚’ä½œã‚‹éš›ã€æ¨ªå¹…ã´ã£ãŸã‚Šã«ã—ãŸã„ã¨æ€ã„ã¾ã›ã‚“ã‹ã€‚ meta viewport ã¨ã„ã†ã‚¿ã‚°ã‚’ä½¿ãˆã°è¡¨ç¤ºã‚µã‚¤ã‚ºã‚’èª¿æ•´ã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ ãŸã ãã‚Œã‚’ä½¿ã£ãŸã¨ã—ã¦ã‚‚ã€Android / iPhone ã¯ç«¯æœ«ã«ã‚ˆã‚Šæ¨ªå¹…ãŒé•ã†ãŸã‚å€‹åˆ¥ã«æœ€é©åŒ–ã™ã‚‹ã®ã¯é¢å€’ã§ã™ã€‚ ã‚¹ãƒžãƒ›ç«¯æœ«ã”ã¨ã«ã‚³ãƒ¼ãƒ‰ã‚’åˆ†ã‘ã‚‹ã“ã¨ãªãå¸¸ã«å¹…ã´ã£ãŸã‚Šã«ã™ã‚‹ HTML ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆã‚’ä½œã‚Šã¾ã—ãŸã€‚ ã“ã¡ã‚‰ã‚’å‚è€ƒã«çµ„ã‚“ã§ã¿ã¦ã¯ã„ã‹ãŒã§ã—ã‚‡ã†ã‹ã€‚ HTML ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆã‚³ãƒ¼ãƒ‰ï¼ˆãƒ’ãƒ³ãƒˆä»˜ãï¼‰ ã“ã¡ã‚‰ã® HTML ã‚³ãƒ¼ãƒ‰ã‚’ä¸¸ã£ã¨ã‚³ãƒ”ãƒšã—ã¦ä¿®æ£ã—ã¦ã„ãã¨æ¥½ã ã¨æ€ã„ã¾ã™ã€‚ è¿½è¨˜ï¼š ãƒ©ã‚¤ã‚»ãƒ³ã‚¹ãƒ•ãƒªãƒ¼ã§ã™ã€‚è‡ªç”±ã«ä½¿ã£ã¦ãã ã•ã„ã€‚ <!DOCTYPE html> <html lang="ja"> <head> <meta charset="utf-8"> <title></title> <!--
kalmalogy 2012/02/02
ãƒ‡ã‚¶ã‚¤ãƒ³

html
ãƒªãƒ³ã‚¯
PhoneGap | Projects
At Freesoft you can download applications, programs and utilities for free with quick installation on your personal computer or mobile device. You will definitely find the software you need in our unique and extensive catalog. Benefits of Freesoft A large selection of programs. Many popular, highly specialized and modified programs for Android , Windows. Regular updates of full versions. Comfortab
kalmalogy 2012/01/09
iPhone

android

HTML

JavaScript
ãƒªãƒ³ã‚¯
é€£è¼‰ã‚¤ãƒ³ãƒ‡ãƒƒã‚¯ã‚¹ã€ŒPhoneGapã§å§‹ã‚ã‚‹Webâ†’ã‚¹ãƒžãƒ›ã‚¢ãƒ—ãƒªåˆ¶ä½œå…¥é–€ã€ - ï¼ IT
HTMLã‚„CSSã€JavaScriptã ã‘ã§ã€iOSï¼ˆiPhoneï¼iPadï¼iPod touchï¼‰ãƒ»Androidã‚¢ãƒ—ãƒªã‚’ä½œæˆã§ãã‚‹ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã€ŒPhoneGapã€ã‚’ç´¹ä»‹ã—ã€ãã®åˆ©ç‚¹ã‚„ä½¿ã„æ–¹ã‚’é€£è¼‰ã§è§£èª¬ã—ã¾ã™ PhoneGapã§Androidã‚¢ãƒ—ãƒªã‚’ä½œã‚‹ãŸã‚ã®åŸºç¤ŽçŸ¥è˜ PhoneGapã§å§‹ã‚ã‚‹Webâ†’ã‚¹ãƒžãƒ›ã‚¢ãƒ—ãƒªåˆ¶ä½œå…¥é–€ï¼ˆ1ï¼‰ã€€HTMLã‚„JavaScriptãªã©WebæŠ€è¡“ã§iOSã‚„Androidã®ãƒã‚¤ãƒ†ã‚£ãƒ–ã‚¢ãƒ—ãƒªã‚’ä½œã‚Œã‚‹ã€Œãƒã‚¤ãƒ–ãƒªãƒƒãƒ‰ã‚¢ãƒ—ãƒªé–‹ç™ºã€ã‚’ç´¹ä»‹ã—ã¾ã™
kalmalogy 2012/01/09
android

Javascript

HTML
ãƒªãƒ³ã‚¯
æ°¸ä¹…ä¿å˜ç‰ˆï¼ï¼Ÿæºå¸¯ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã€ã“ã‚Œã ã‘èªã‚ã°ã™ãã§ãã‚‹ï¼ | KAYAC
ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ï¼ˆä»¥ä¸‹ã€MEï¼‰ã®tacamyã§ã™ï¼(`ãƒ»Ï‰ãƒ»Â´) ã‚«ãƒ¤ãƒƒã‚¯ã§ã¯ã€ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã‚‚HTMLã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã‚’ã—ã¦ãã‚Œã¦ã„ã¾ã™ã€‚ ï¼ˆã„ã¤ã‚‚ã‚ã‚ŠãŒã¨ã†ã”ã–ã„ã¾ã™ï¼ï¼‰ ãã‚“ãªãƒ¯ã‚±ã§ã€æœ¬æ ¼çš„ã«HTMLã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã¯ã—ãªã„ã‘ã©ã€ ã¡ã‚‡ã“ã£ã¨ã—ãŸãƒšãƒ¼ã‚¸ãªã‚‰çµ„ã¿ã¾ã™ã£ã¦ã„ã†ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼å‘ã‘ã®ã€ ã€Œã‚³ãƒ¬ã ã‘èªã‚ã°ã™ãã§ãã‚‹ã€ã‚·ãƒªãƒ¼ã‚ºã‚’å§‹ã‚ã¾ã—ãŸã€‚ ç¬¬ä¸€å›žã¯ã€Œæºå¸¯ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã€ã«ã¤ã„ã¦ã§ã™ã€‚ æºå¸¯ã¯PCã¨ã¯å…¨ãã®åˆ¥ç‰©ãªã®ã§ã€ãªã‚“ã¨ãªãæ•¬é ã—ãŒã¡ã§ã™ãŒã€ æœ€ä½Žé™ã®å†…å®¹ã§ã‚ã‚Œã°è¦šãˆã‚‹ã“ã¨ã‚‚å°‘ãªã„ã§ã™ã—ã€ ä¸€åº¦è¦šãˆã¦ã—ã¾ãˆã°ã‚¹ã‚¿ãƒ³ãƒ€ãƒ¼ãƒ‰ãŒã—ã°ã‚‰ãå¤‰ã‚ã‚‰ãªã„ã®ã§ã€è¦šãˆã¦ãŠã„ã¦æã¯ãªã„ã§ã™ã‚ˆï¼ æºå¸¯ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã®åŸºæœ¬ åŸºç¤Žã®åŸºç¤Ž æ–‡å—ã‚³ãƒ¼ãƒ‰ã¯Shift-JIS CSSã¯ã‚¤ãƒ³ãƒ©ã‚¤ãƒ³ã§æŒ‡å®šï¼ˆã‚¿ã‚°ã«ç›´æŽ¥styleå±žæ€§ã‚’è¿½åŠ ã™ã‚‹ï¼‰ ç”»åƒã‚’å«ã‚€ãƒšãƒ¼ã‚¸å®¹é‡100KBä»¥å†…ï¼ˆHTMLè‡ªä½“ã®å®¹é‡ã¯9KBä»¥å†…ï¼‰ ç”»åƒã¯gifã‹
kalmalogy 2010/09/10
HTML

ãƒ¢ãƒã‚¤ãƒ«

css
ãƒªãƒ³ã‚¯
ã€HTMLã‚¿ã‚°ã®ç°¡å˜æ¤œç´¢ã€‘TAG index - ãƒ›ãƒ¼ãƒ ãƒšãƒ¼ã‚¸ä½œæˆæƒ…å ±
ãƒšãƒ¼ã‚¸å…¨èˆ¬ ãƒœãƒƒã‚¯ã‚¹ ãƒ†ã‚ã‚¹ãƒˆ ãƒªãƒ³ã‚¯ ãƒªã‚¹ãƒˆ ã‚¤ãƒ¡ãƒ¼ã‚¸ ãƒ†ãƒ¼ãƒ–ãƒ« ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ•ã‚©ãƒ¼ãƒ ãƒ•ã‚£ãƒ«ã‚¿ CSSã®åŸºæœ¬ CSSãƒ—ãƒãƒ‘ãƒ†ã‚£ä¸€è¦§ï¼»ABCé †ï¼½ ãƒªãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹ã«ã¤ã„ã¦ HTML ãƒªãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹ HTML Living Standardã«å¯¾å¿œã—ãŸãƒªãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹ã§ã™ã€‚ HTMLã‚¿ã‚° ãƒªãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹ HTML4ã®æ™‚ä»£ã«ä½œæˆã—ãŸãƒªãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹ã§ã™ã€‚å¤ã„Webãƒšãƒ¼ã‚¸ã‚’æ›´æ–°ã™ã‚‹éš›ãªã©ã«å‚è€ƒã«ã—ã¦ãã ã•ã„ã€‚ CSS ãƒªãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹ CSS2ã®æ™‚ä»£ã«ä½œæˆã—ãŸãƒªãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹ã§ã™ã€‚ ç‰¹é›†è¨˜äº‹ ãƒ¬ãƒ³ã‚¿ãƒ«ã‚µãƒ¼ãƒãƒ¼ã®é¸ã³æ–¹ ï½ž é¸ã¶éš›ã®ãƒã‚¤ãƒ³ãƒˆã‚„ä¾¡æ ¼å¸¯ã®ç›®å®‰ã‚’è§£èª¬ ãƒ¬ãƒ³ã‚¿ãƒ«ã‚µãƒ¼ãƒãƒ¼ã®å®¹é‡ã¯ã©ã®ãã‚‰ã„å¿…è¦ã‹ ï½ž è¨ˆç®—æ–¹æ³•ã¨ç›®å®‰ã‚’è§£èª¬ ãŠã™ã™ã‚ã®ãƒ¬ãƒ³ã‚¿ãƒ«ã‚µãƒ¼ãƒãƒ¼ ï½ž ç›®çš„åˆ¥ã«æŽ¨å¥¨ã‚µãƒ¼ãƒãƒ¼ã‚’ç´¹ä»‹ è¨˜äº‹ä¸€è¦§
kalmalogy 2010/09/06
HTML

Webãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
èª°ã§ã‚‚ä½œã‚Œã‚‹ï¼ â€œå´©ã‚Œãªã„â€HTMLãƒ¡ãƒ«ãƒžã‚¬ä½œæˆè¡“ï¼ˆ1/4ï¼‰- ï¼ IT
èª°ã§ã‚‚ä½œã‚Œã‚‹ï¼ â€œå´©ã‚Œãªã„â€HTMLãƒ¡ãƒ«ãƒžã‚¬ä½œæˆè¡“ï¼šä¸€æ’ƒãƒ‡ã‚¶ã‚¤ãƒ³ã®ç¨®æ˜Žã‹ã—ï¼ˆ12ï¼‰ï¼ˆ1/4 ãƒšãƒ¼ã‚¸ï¼‰ ã‚ãƒ¬ã‚¤ãªHTMLãƒ¡ãƒ¼ãƒ«ã‚’ä½œã‚‹ã‚³ãƒ„/Tipsç››ã‚Šã ãã•ã‚“ï¼ ECã‚µã‚¤ãƒˆã¯ã‚‚ã¡ã‚ã‚“ã€ä¼æ¥ã‚µã‚¤ãƒˆã®ãƒ‹ãƒ¥ãƒ¼ã‚¹ãªã©ã€ã„ã¾ãªãŠãƒ—ãƒƒã‚·ãƒ¥åž‹ã®æƒ…å ±é…ä¿¡ã¨ã—ã¦æ”¯æŒã•ã‚Œã‚‹ãƒ¡ãƒ¼ãƒ«ãƒžã‚¬ã‚¸ãƒ³ã€‚ä¸€æ™‚ã®ãƒ•ã‚£ãƒ¼ãƒ‰ãƒªãƒ¼ãƒ€ãƒ¼ã®ç››ã‚Šä¸ŠãŒã‚Šã‚‚ã‚ã‚Šã€ä»¥å‰ã«æ¯”ã¹ã‚‹ã¨è½ã¡ç€ãã¾ã—ãŸãŒã€ã¾ã ã¾ã ãƒ¡ãƒ¼ãƒ«ãƒžã‚¬ã‚¸ãƒ³ã®åŠ¹æžœã¯ä¾®ã‚Œã¾ã›ã‚“ã€‚ ä»Šå›žã¯ã€ãã‚“ãªãƒ¡ãƒ¼ãƒ«ãƒžã‚¬ã‚¸ãƒ³ã®ä¸ã§ã‚‚ã€è¡¨ç¾åŠ›è±Šã‹ãªHTMLãƒ¡ãƒ«ãƒžã‚¬ã®ä½œã‚Šæ–¹ã«ã¤ã„ã¦ã€å¾¹åº•è§£èª¬ã—ã¾ã™ï¼ ã€ŒHTMLã€è‡ªä½“ã¯ã€ãã‚Œã»ã©é›£ã—ããªã„ãŒâ€¦â€¦ ã€ŒHTMLã€ã¨ã„ã†ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—è¨€èªžè‡ªä½“ã¯ãƒ—ãƒã‚°ãƒ©ãƒ è¨€èªžã«æ¯”ã¹ã‚‹ã¨æ‰‹ãŒå‡ºã—ã‚„ã™ã„ã®ã§ã€Webã‚’ä»•äº‹ã¨ã—ã¦ã„ãªã„æ–¹ã§ã‚‚è§¦ã‚ŒãŸçµŒé¨“ã‚’ãŠæŒã¡ã®æ–¹ã¯ã„ã‚‰ã£ã—ã‚ƒã‚‹ã®ã§ã¯ãªã„ã§ã—ã‚‡ã†ã‹ï¼Ÿ ãã†ã„ã†äººã«ã¨ã£ã¦ã¯ã€HTMLè¨€èªžè‡ªä½“ã¯ãã‚Œã»ã©é›£ã—ããªã„ã¨æ€ã„ã¾ã™ã€‚ ã—ã‹ã—ã€ãã®HTML
kalmalogy 2010/07/15
HTML

tips
ãƒªãƒ³ã‚¯
ã€ãƒã‚¿å¸³ã€‘HTML5ã«é–¢ã™ã‚‹ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã‚„Tipsãªã©ã®ã¾ã¨ã‚ + 25è¨˜äº‹*äºŒåæ³è¡—é“ã¾ã£ã—ãã‚‰ï¼ˆFC2ãƒ–ãƒã‚°æ™‚ä»£ï¼‰
ä»Šé€±ã®TOPè¨˜äº‹ã¯HTML5é–¢ã™ã‚‹ã‚‚ã®ã€‚ HTML5ã®ãƒãƒ¼ãƒˆã‚·ãƒ¼ãƒˆã¿ãŸã„ãªã‚µã‚¤ãƒˆãŒã¡ã‚‡ã“ã¡ã‚‡ã“ç¾ã‚Œã¦ã„ã¾ã™ãŒã€ãã®ã¾ã¨ã‚ã§ã™ã€‚ HTML5ã®ã“ã¨ã‚’ãƒã‚§ãƒƒã‚¯ã—ã¦ãŠããŸã„æ–¹ã¯ã€æ˜¯éžè¦—ã„ã¦ã¿ã¦ãã ã•ã„ãã€‚ ã‚ã¨ã¯ãƒ‡ã‚¶ã‚¤ãƒ³ç³»ã‹ã‚‰Webã‚¢ãƒ—ãƒªã€æ‹¡å¼µæ©Ÿèƒ½ãªã©å¹…åºƒãæƒã„ã¾ã—ãŸã€‚ ã‚«ãƒ©ãƒ¼ãƒ”ãƒƒã‚«ãƒ¼ã¾ã¨ã‚ã«é–¢ã—ã¦ã¯ã€ãƒ©ã‚¤ãƒ•ãƒãƒƒã‚«ãƒ¼ã®æ–¹ã§æ›¸ã‹ã›ã¦ã„ãŸã ãã¾ã—ãŸã€‚ â†’ã‚«ãƒ©ãƒ¼ã‚¹ã‚ãƒ¼ãƒ ã‚’æ±ºã‚ã‚‹ã®ã«å½¹ç«‹ã¤ã€é…è‰²ã‚¸ã‚§ãƒãƒ¬ãƒ¼ã‚¿17å€‹ã¾ã¨ã‚ ï¼ˆâ€»ãƒã‚¿å¸³ã§ã¯æµ·å¤–è¨˜äº‹ã—ã‹æ‰±ã„ã¾ã›ã‚“ã€ã‚ã—ã‹ã‚‰ãšï¼‰
kalmalogy 2010/07/10
HTML

ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«
ãƒªãƒ³ã‚¯
jQueryï¼†HTML5ï¼†CSSã§ãƒªãƒƒãƒãªå‹•ç”»ãƒ—ãƒ¬ã‚¤ãƒ¤ãƒ¼å®Ÿè£…jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€Œosm playerã€:phpspoté–‹ç™ºæ—¥èªŒ
jQueryï¼†HTML5ï¼†CSSã§ãƒªãƒƒãƒãªå‹•ç”»ãƒ—ãƒ¬ã‚¤ãƒ¤ãƒ¼å®Ÿè£…jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€Œosm playerã€ 2010å¹´07æœˆ06æ—¥- Plugins | jQuery Plugins jQueryï¼†HTML5ï¼†CSSã§ãƒªãƒƒãƒãªå‹•ç”»ãƒ—ãƒ¬ã‚¤ãƒ¤ãƒ¼å®Ÿè£…jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€Œosm playerã€ã€‚ æ¬¡ã®ã‚ˆã†ãªãƒªãƒƒãƒãªå‹•ç”»ãƒ—ãƒ¬ã‚¤ãƒ¤ãƒ¼ãŒãƒŽãƒ³Flashã§å®Ÿè£…ã§ãã‚‹ãƒ—ãƒ¬ã‚¤ãƒ¤ãƒ¼ã§ã™ã€‚HTML5éžå¯¾å¿œãƒ–ãƒ©ã‚¦ã‚¶ç”¨ã«Flashã§ãƒ•ã‚©ãƒ¼ãƒ«ãƒãƒƒã‚¯ã‚‚å¯èƒ½ã€‚ Youtubeã€vimeoã®åŸ‹ã‚è¾¼ã¿ã‚‚OKã§ã™ã€‚ jQuery UI Theme-Roller ã‚’ä½¿ã£ã¦ãƒ†ãƒ¼ãƒžã®å¤‰æ›´ã‚‚å®¹æ˜“ã ãã†ã§ã™ã€‚ HTML5ã®å‹•ç”»ãƒ—ãƒ¬ã‚¤ãƒ¤ãƒ¼ã¯è‰²ã€…å‡ºã¦ã¾ã™ãŒé¸æŠžè‚¢ã®ã²ã¨ã¤ã¨ã—ã¦è¦šãˆã¦ãŠã„ã¦ã‚‚ã‚ˆã•ãã†ã§ã™ãã€‚ é–¢é€£ã‚¨ãƒ³ãƒˆãƒª CSSã§ã‚¹ã‚ãƒ³ä½œæˆãŒå¯èƒ½ãªHTML5å‹•ç”»ãƒ—ãƒ¬ã‚¤ãƒ¤ãƒ¼å®Ÿè£…JSãƒ©ã‚¤ãƒ–ãƒ©ãƒªã€ŒVideo JSã€ HTML5ã§å‹•ç”»ã‚„éŸ³å£°å†ç”Ÿã‚’å¯èƒ½
kalmalogy 2010/07/06
å‹•ç”»

HTML
ãƒªãƒ³ã‚¯
HTML5 Canvas Cheat Sheet
Canvas element Attributes Name Type Default
kalmalogy 2010/07/02
html5

HTML

*è³‡æ–™
ãƒªãƒ³ã‚¯
ã€ŒHTML5 Rocksã€ã ã‘ã˜ã‚ƒãªã„ã€ãƒ–ãƒ©ã‚¦ã‚¶å„ç¤¾ã®HTML5ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã‚’é›†ã‚ã¾ã—ãŸ
Webãƒ–ãƒ©ã‚¦ã‚¶ã‚’æä¾›ã™ã‚‹ä¸»ãªãƒ™ãƒ³ãƒ€ã€ã‚°ãƒ¼ã‚°ãƒ«ã€ãƒžã‚¤ã‚¯ãƒã‚½ãƒ•ãƒˆã€ãƒ¢ã‚¸ãƒ©ã€ã‚ªãƒšãƒ©ã€ã‚¢ãƒƒãƒ—ãƒ«ã‚‰ã¯ã€HTML5ã¸ã®å¯¾å¿œã‚’æ€¥ãã¨åŒæ™‚ã«ã€ç›¸æ¬¡ã„ã§HTML5ã®é…åŠ›ã‚„å†…å®¹ã‚’ãƒ‡ãƒ™ãƒãƒƒãƒ‘ãƒ¼å‘ã‘ã«ç´¹ä»‹ã™ã‚‹ã‚µã‚¤ãƒˆã‚’é–‹è¨ã—ã¦ã„ã¾ã™ã€‚ã“ã®è¨˜äº‹ã§ã¯ã€ãã‚Œã‚‰ã‚’ã¾ã¨ã‚ã¦ç´¹ä»‹ã™ã‚‹ã“ã¨ã«ã—ã¾ã—ã‚‡ã†ã€‚ ã‚°ãƒ¼ã‚°ãƒ«ã®ã€ŒHTML5 Rocksã€ ã‚°ãƒ¼ã‚°ãƒ«ã¯6æœˆ22æ—¥ã«é–‹ç™ºè€…å‘ã‘ã«HTML5ã‚’ç´¹ä»‹ã—ã€å¦ç¿’ã™ã‚‹ãŸã‚ã®Webã‚µã‚¤ãƒˆã€ŒHTML5 Rocksã€ã‚’ã‚ªãƒ¼ãƒ—ãƒ³ã—ã¾ã—ãŸã€‚ HTML5 Rocksã¯ç¾åœ¨3ã¤ã®ã‚³ãƒ¼ãƒŠãƒ¼ã«åˆ†ã‹ã‚Œã¦ã„ã¾ã™ã€‚ 1ã¤ç›®ã¯ã€ŒInteractive Presentationã€ã€‚ã“ã‚Œã¯HTML5ã®æ–°ãŸãªAPIã€DOM APIã‚„Local Storageã€WebWorkerãªã©ã•ã¾ã–ã¾ãªæ©Ÿèƒ½ã‚’ç´¹ä»‹ã™ã‚‹ãƒ—ãƒ¬ã‚¼ãƒ³ãƒ†ãƒ¼ã‚·ãƒ§ãƒ³ã€‚æ©Ÿèƒ½ã¨å…±ã«JavaScriptã§ã®ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ä¾‹ã‚„å®Ÿéš›ã«å‹•ä½œã™ã‚‹ãƒ‡ãƒ¢ãªã©ãŒç”¨æ„ã•ã‚Œã¦ãŠã‚Šã€HTML5ã®
kalmalogy 2010/06/29
HTML

html5

ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«
ãƒªãƒ³ã‚¯
ã¾ãšã¯åŸºæœ¬ã‹ã‚‰ãƒ»HTML5ã®Canvasã«ã¤ã„ã¦å‚è€ƒã«ãªã£ãŸã‚µã‚¤ãƒˆã¾ã¨ã‚ - ã‹ã¡ã³ã¨.net
ã“ã®è¨˜äº‹ã¯å¹´ä»¥ä¸Šå‰ã«æ›¸ã‹ã‚ŒãŸã‚‚ã®ã§ã€å†…å®¹ãŒå¤ã‹ã£ãŸã‚Šã€ã‚»ã‚ãƒ¥ãƒªãƒ†ã‚£ä¸Šã®å•é¡Œç‰ã®ç†ç”±ã§ãƒªãƒ³ã‚¯ãŒè§£é™¤ã•ã‚Œã¦ã„ã‚‹å¯èƒ½æ€§ãŒã‚ã‚Šã¾ã™ã€‚ ã‚ˆã†ã‚„ãHTML5ã«èˆˆå‘³ã‚’æŒã¡å§‹ã‚ã¾ã—ãŸã€‚ ã‚µãƒ³ãƒ—ãƒ«ã‚’ä»¥å‰è¨˜äº‹ã«ã—ã¦ã€å‡„ã„ãªãƒ¼ã¨ æ€ã£ã¦ã„ã¾ã—ãŸãŒã€ãªã‹ãªã‹æ™‚é–“ãŒãªãã€ å…ˆå»¶ã°ã—ã«ã€‚ã§ã€ã‚ˆã†ã‚„ãé ã«å…¥ã‚Œå§‹ã‚ã¾ ã—ãŸã€‚ãªã«ã™ã‚‹ã«ã‚‚è¡Œå‹•ãŒé…ãã¦å›°ã‚Šã¾ã™ã€‚ HTML5ã§ã‚‚è©±é¡Œã«ãªã£ã¦ã„ã‚‹Canvasã‚’å‹‰å¼·ã—å§‹ã‚ã¾ã—ãŸã€‚ãã‚“ãªä¸ã§ã€å‹‰å¼·ã®å‚è€ƒã«ãªã‚Šãã†ãªã‚µã‚¤ãƒˆã‚’ãƒ–ã‚¯ãƒžã—ãŸã®ã§ã“ã‚Œã‹ã‚‰å¦ã¼ã†ã€ã¨ãŠè€ƒãˆã®æ–¹ã¨ã‚·ã‚§ã‚¢ã—ãŸã„ã¨æ€ã£ã¦ã‚¨ãƒ³ãƒˆãƒªãƒ¼ã€‚ ã¨ã„ã†ã‚ã‘ã§ã€åŸºæœ¬çš„ãªæƒ…å ±ãŒã»ã¨ã‚“ã©ã§ã™ã€‚å¤§é‡ã®æƒ…å ±ã‚’è¦‹ã¦ã‚‚æ··ä¹±ã™ã‚‹ã®ã§ã‚ã‚‹ç¨‹åº¦çµžã£ã¦ã„ã¾ã™ã€‚ html5.jp ãƒªãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹ã‚µã‚¤ãƒˆã§ã™ã€‚ãƒªãƒ³ã‚¯å…ˆã¯canvasã‚«ãƒ†ã‚´ãƒªã«ã€‚ã“ã“ã‹ã‚‰ã‚¹ã‚¿ãƒ¼ãƒˆã€ã¨ã„ã†ã‹æœ€å¾Œã¾ã§ãŸã¶ã‚“ãŠä¸–è©±ã«ãªã‚Šãã†ã€‚ html5.jp ï½žHTML 5ã§å°Žå…¥ã•ã‚Œã‚‹canvas
kalmalogy 2010/06/23
html5

HTML
ãƒªãƒ³ã‚¯
HTML5Rocks - A resource for open web HTML5 developers
Web Platform Dive into the web platform, at your pace.
kalmalogy 2010/06/23
HTML5

HTML
ãƒªãƒ³ã‚¯
XSSã®æ”»æ’ƒæ‰‹æ³•ã„ã‚ã„ã‚ - ã†ãªã®æ—¥è¨˜
html5securityã®ã‚µã‚¤ãƒˆã«ã€XSSã®å„ç¨®æ”»æ’ƒæ‰‹æ³•ãŒã¾ã¨ã‚ã‚‰ã‚Œã¦ã„ã‚‹ã®ã‚’ç™ºè¦‹ã›ã‚Š!ã¨ã„ã†ã“ã¨ã§ã€å€‹äººçš„ã«ã€ŒãŠ!ã€ã¨æ€ã£ãŸæ”»æ’ƒã‚’ã‚µãƒ³ãƒ—ãƒ«ã¤ãã§ã”ç´¹ä»‹ã—ã¾ã™ã€‚ 1. CSS Expression IE7ä»¥å‰ã«ã¯ã€ŒCSS Expressionsã€ã¨ã„ã†æ‹¡å¼µæ©Ÿèƒ½ãŒã‚ã‚Šã€CSSå†…ã§JavaScriptã‚’å®Ÿè¡Œã§ããŸã‚Šã—ã¾ã™ã€‚ <div style="color:expression(alert('XSS'));">a</div> ç¢ºèª @IT -ï¼»æŸ”è»Ÿã™ãŽã‚‹ï¼½IEã®CSSè§£é‡ˆã§èµ·ã“ã‚‹XSS ã§è©³ã—ãè§£èª¬ã•ã‚Œã¦ã„ã¾ã™ãŒã€CSSã®è§£é‡ˆãŒæŸ”è»Ÿãªã“ã¨ã¨ã‚‚ã‚ã„ã¾ã£ã¦è‡ªå‰ã§ç„¡å®³åŒ–ã™ã‚‹ã®ã¯ãªã‹ãªã‹å›°é›£ã€‚ä»¥ä¸‹ã®ã‚ˆã†ãªã‚³ãƒ¼ãƒ‰ã§ã‚‚ã‚¹ã‚¯ãƒªãƒ—ãƒˆãŒå®Ÿè¡Œã•ã‚Œã¦ã—ã¾ã„ã¾ã™ã€‚ <div style="color:expr/* ã‚³ãƒ¡ãƒ³ãƒˆã®æŒ¿å…¥ */ession(alert('XSS'));">a</div> ç¢ºèª <div s
kalmalogy 2010/06/20
ã‚»ã‚ãƒ¥ãƒªãƒ†ã‚£

HTML
ãƒªãƒ³ã‚¯
CSS+HTMLã®ã¿ã§å®Ÿè£…å‡ºæ¥ã‚‹ã€ã‚¯ãƒã‚¹ãƒ–ãƒ©ã‚¦ã‚¶å¯¾å¿œã®Webãƒ‡ã‚¶ã‚¤ãƒ³ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯é›† - ã‹ã¡ã³ã¨.net
ã“ã®è¨˜äº‹ã¯å¹´ä»¥ä¸Šå‰ã«æ›¸ã‹ã‚ŒãŸã‚‚ã®ã§ã€å†…å®¹ãŒå¤ã‹ã£ãŸã‚Šã€ã‚»ã‚ãƒ¥ãƒªãƒ†ã‚£ä¸Šã®å•é¡Œç‰ã®ç†ç”±ã§ãƒªãƒ³ã‚¯ãŒè§£é™¤ã•ã‚Œã¦ã„ã‚‹å¯èƒ½æ€§ãŒã‚ã‚Šã¾ã™ã€‚ cssã¨HTMLã‚¿ã‚°ã®ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ— ã®ã¿ã§å®Ÿè£…å‡ºæ¥ã‚‹ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯é›† ã§ã™ã€‚ã‚¯ãƒã‚¹ãƒ–ãƒ©ã‚¦ã‚¶å¯¾å¿œã®ã¿ ã‚’css-playã‹ã‚‰æŽ¢ã—ãŸã®ã§ã€ ã¤ã„ã§ã«ã”ç´¹ä»‹ã—ã¾ã™ã€‚ jsãŒä½¿ãˆãªã„ç’°å¢ƒã§ãƒ‡ã‚¶ã‚¤ãƒ³ã™ã‚‹æ©Ÿä¼šãŒã‚ã£ãŸã®ã§ãƒ¡ãƒ¢ãŒã¦ã‚‰ã‚¨ãƒ³ãƒˆãƒªãƒ¼ã€‚css-playã‚’ä¸å¿ƒã«ã€ã‚ã¨ã¯ã‚°ã‚°ã£ãŸã‚ŠSBMã§æŽ¢ã—ãŸã‚Šã€‚ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ã¯ãƒªãƒ³ã‚¯å…ˆã‚’ã”ç¢ºèªä¸‹ã•ã„ã€‚css-playã¯ã‚½ãƒ¼ã‚¹ã‚’ã€‚ ã‚·ãƒ³ãƒ—ãƒ«ãªãƒ‰ãƒãƒƒãƒ—ãƒ€ã‚¦ãƒ³ãƒ¡ãƒ‹ãƒ¥ãƒ¼ ã‚·ãƒ³ãƒ—ãƒ«ãªãƒ‰ãƒãƒƒãƒ—ãƒ€ã‚¦ãƒ³ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã§ã™ã€‚ãƒžãƒ«ãƒãƒ¬ãƒ™ãƒ«ã®ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã‚‚å¯èƒ½ã€‚ demo ç¸¦ä¸¦ã³ã®ãƒ•ãƒ©ã‚¤ã‚¢ã‚¦ãƒˆãƒ¡ãƒ‹ãƒ¥ãƒ¼ æ¨ªã«å‡ºã‚‹ãƒ•ãƒ©ã‚¤ã‚¢ã‚¦ãƒˆã‚¿ã‚¤ãƒ—ã€‚ç”»åƒã‚’ä½¿ç”¨ã—ã¦ã„ã¾ã™ã€‚ demo ã‚¯ãƒã‚¹ãƒ–ãƒ©ã‚¦ã‚¶å¯¾å¿œã®ã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ webkitç³»ã§ã‚‚mozã§ã‚‚IEã§ã‚‚cssã®ã¿ã§ã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’å®Ÿè£…ã€‚ Cro
kalmalogy 2010/06/15
webãƒ‡ã‚¶ã‚¤ãƒ³

css

HTML
ãƒªãƒ³ã‚¯
Cybozu Inside Out: ScaleBench å…¬é–‹
ã©ãƒ¼ã‚‚ã¿ãªã•ã¾ã€‚ã“ã‚“ã«ã¡ã¯ã€‚ amachang ã¨ç”³ã—ã¾ã™ã€‚ ã•ã¦ã€ã‚ˆã†ã‚„ã ScaleBench ã¨ã„ã†ãƒ—ãƒãƒ€ã‚¯ãƒˆãŒç™ºè¡¨ã•ã‚Œã¾ã—ãŸãï¼ ScaleBench ã®ã”ç´¹ä»‹ ã§ã€åƒ•ã‚‚ã“ã‚Œã®é–‹ç™ºã«æºã‚ã£ã¦ã„ãŸã®ã§ã¡ã‚‡ã£ã¨æŠ€è¡“çš„ãªã“ã¨ã«ã¤ã„ã¦æ›¸ã„ã¦ã¿ãŸã„ã¨æ€ã„ã¾ã™ã€‚ ScaleBench ã¨ã¯ ScaleBench ã¨ã¯ã€ã‚µã‚¤ãƒœã‚¦ã‚ºè£½å“å‘ã‘ã®è² è·ãƒ†ã‚¹ãƒˆãƒ„ãƒ¼ãƒ«ã§ Grinder ã¨ã„ã†ã‚ªãƒ¼ãƒ—ãƒ³ã‚½ãƒ¼ã‚¹ã®è² è·ãƒ†ã‚¹ãƒˆãƒ„ãƒ¼ãƒ«ã‚’ãƒ™ãƒ¼ã‚¹ã«ã—ã¦ã„ã¾ã™ã€‚ Grinder ã¨ã¯ Java ã‚’ä½¿ã£ãŸ Web ã®è² è·ãƒ†ã‚¹ãƒˆãƒ„ãƒ¼ãƒ«ã§ã™ã€‚ Jython ã§ã‚·ãƒŠãƒªã‚ªï¼ˆãƒ¦ãƒ¼ã‚¶ãŒã©ã†è¡Œå‹•ã™ã‚‹ã‹ï¼‰ã‚’æ›¸ã„ã¦ãã‚Œã‚’å®Ÿè¡Œã—ã¾ã™ã€‚ ã¾ãŸãƒ–ãƒ©ã‚¦ã‚¶ã®æ“ä½œã‚’è¨˜éŒ²ã—ã¦ã€ã‚·ãƒŠãƒªã‚ªã‚’è‡ªå‹•ã§ç”Ÿæˆã™ã‚‹ã“ã¨ã‚‚ã§ããŸã‚Šã—ã¾ã™ã€‚ ã§ã€åƒ•ãŒã“ã®ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã§æ‹…å½“ã—ã¦ã„ãŸã®ãŒ Grinder ã®æ”¹è‰¯ã€æ”¹é€ ã‚·ãƒŠãƒªã‚ªï¼ˆãƒãƒ¼ãƒãƒ£ãƒ«ãƒ¦ãƒ¼ã‚¶ãŒã©ã®ã‚ˆã†ãªé †ã§è² è·ã‚’ã‹ã‘ã¦ã„ãã‹
kalmalogy 2010/06/15
ãƒ–ãƒ©ã‚¦ã‚¶

HTML

é–‹ç™º
ãƒªãƒ³ã‚¯
ãƒ•ã‚©ãƒ³ãƒˆã‚µã‚¤ã‚ºã‚’å¤‰ãˆã‚‹ã€Œå¤§ãƒ»ä¸ãƒ»å°ã€ãƒœã‚¿ãƒ³ã‚’å®Ÿè£…ã™ã‚‹æ–¹æ³•
çŸ¥ã‚Šåˆã„ã®ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã•ã‚“ã«ã€ã€Œå¤§ãƒ»ä¸ãƒ»å°ã€ã®ãƒœã‚¿ãƒ³ã§ãƒ•ã‚©ãƒ³ãƒˆã‚µã‚¤ã‚ºã‚’å¤‰æ›´ã™ã‚‹æ–¹æ³•ã£ã¦ã©ã†ã‚„ã‚‹ã®ã§ã™ã‹ï¼Ÿã¨ã„ã†è³ªå•ã‚’ã„ãŸã ãã¾ã—ãŸã€‚ CSSã¨JavaScriptï¼ˆå ´åˆã«ã‚ˆã£ã¦ã¯JSã®ã¿ï¼‰ã§ç°¡å˜ã«ã§ãã¦ã—ã¾ã†ã®ã§ã€ã‚µãƒ³ãƒ—ãƒ«ã‚’ã”ç´¹ä»‹ã—ã¦ãŠãã¾ã™ã€‚ ãƒ•ã‚©ãƒ³ãƒˆã‚µã‚¤ã‚ºã‚’å¤‰ãˆã‚‹ã€Œå¤§ãƒ»ä¸ãƒ»å°ã€ãƒœã‚¿ãƒ³å®Ÿè£… jQueryã‚’ä½¿ã£ã¦ãƒ•ã‚©ãƒ³ãƒˆã‚µã‚¤ã‚ºã‚’å¤‰ãˆã‚‹ã€Œå¤§ãƒ»ä¸ãƒ»å°ã€ãƒœã‚¿ãƒ³ã‚’ã‚µã‚¯ã‚µã‚¯ã£ã¨å®Ÿè£…ã—ã¦ã¿ã‚ˆã†ã¨æ€ã„ã¾ã™ã€‚ ã¾ãšã¯ä»•æ§˜ã‚’è€ƒãˆã¦ã¿ã¾ã—ã‚‡ã†ã€‚ ä»•æ§˜ ãƒ»å¤§ãƒ»ä¸ãƒ»å°ã®ãƒœã‚¿ãƒ³ã‚’ã‚¯ãƒªãƒƒã‚¯ã™ã‚‹ã¨ãƒ•ã‚©ãƒ³ãƒˆã‚µã‚¤ã‚ºãŒå¤‰æ›´ã•ã‚Œã‚‹ ãƒ»ãã‚Œãžã‚Œã®ãƒœã‚¿ãƒ³ã«IDã‚’ã‚»ãƒƒãƒˆã—ã¦ãŠãã€ãã®IDåã‚’ã‚‚ã¨ã«classã‚’ã‚»ãƒƒãƒˆ ãƒ»CSSã«ã‚ã‚‰ã‹ã˜ã‚å„classç”¨ã®ãƒ•ã‚©ãƒ³ãƒˆã‚µã‚¤ã‚ºã‚’å…¥ã‚Œã¦ãŠã ãƒ»å†åº¦è¨ªã‚ŒãŸã¨ãã€ã‚¯ãƒƒã‚ãƒ¼æƒ…å ±ãŒã‚ã‚Œã°ãã®ã‚µã‚¤ã‚ºã€ãªã‘ã‚Œã°ä¸ã‚µã‚¤ã‚ºã‚’ã€‚ ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã”ã¨å¤‰æ›´ã™ã‚‹æ–¹æ³•ã‚‚ã‚ã‚‹ã®ã§ã™ãŒã€ä»Šå›žã¯CSSã¨classã§ã‚»ãƒƒãƒˆã§å¯¾å¿œã—
kalmalogy 2010/06/13
css

HTML

webãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
HTML+CSS templating
HTMLãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆã‚’ä½œã‚‹ã®ã¯ç°¡å˜ï¼Ÿ èµ¤ã®ä»–äººãŒä½œã£ãŸHTMLãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆã‚’ç°¡å˜ã«ç·¨é›†ã§ãã‚‹ã‹ï¼Ÿ æ–°äººã«æ•°åƒãƒšãƒ¼ã‚¸ã®ã‚µã‚¤ãƒˆã®ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã‚’ä»»ã›ã‚‰ã‚Œã‚‹ã‹ï¼Ÿ HTML, CSS, JavaScriptã‚’è¦šãˆã‚Œã°ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã¯æ¥½å‹ï¼Ÿ ãã“ã¾ã§ç°¡å˜ã˜ã‚ƒãªã„ã‹ã‚‚ã—ã‚“ãªã„ ãƒ–ãƒ©ã‚¦ã‚¶ã®ãƒã‚°ï¼Ÿ ã¾ããã‚Œã‚‚ã‚ã‚Šã¾ã™ Cascadingã¨ã„ã†ä»•çµ„ã¿ã¯ç´ æ•µã§ã™ãŒ ã‚ã£ã¨ã„ã†é–“ã«ã‚³ãƒ¼ãƒ‰ãŒå¤§å¤‰ãªã“ã¨ã«ãªã‚Šã¾ã™ CSSã«ã¯ç´ æ•µãªã‚»ãƒ¬ã‚¯ã‚¿ãŒãŸãã•ã‚“ã‚ã‚Šã¾ã™ãŒã€ æ®‹å¿µãªãŒã‚‰IE6ã‚’ä¸‹é™ã¨ã™ã‚‹ç’°å¢ƒã§ã¯ä½¿ãˆãªã„ã‚‚ã®ã°ã‹ã‚Š
kalmalogy 2010/06/13
HTML

css
ãƒªãƒ³ã‚¯
ãƒ•ãƒªãƒ¼ã§ä½¿ãˆã‚‹15ã®HTML5ï¼‹CSS3ãªãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆãƒ•ã‚¡ã‚¤ãƒ«:phpspoté–‹ç™ºæ—¥èªŒ
15 Free HTML5-CSS3 Templates to Start the Future of Web Design | blogfreakz.com ãƒ•ãƒªãƒ¼ã§ä½¿ãˆã‚‹15ã®HTML5ï¼‹CSS3ãªãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆãƒ•ã‚¡ã‚¤ãƒ«ãŒå…¬é–‹ã•ã‚Œã¦ã„ã¾ã™ã€‚ ãã‚Œãžã‚Œåœ°å‘³ãªã‚ˆã†ã§ã„ã¦ã€HTML5ã‚„CSS3ã®ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã‚’ãµã‚“ã ã‚“ã«ä½¿ã£ã¦ã„ã¾ã™ã€‚ ç´ æã¨ã—ã¦ä½¿ã£ã¦ã‚‚ã‚ˆã„ã§ã™ã—ã€ï¼‘ã¤ã®å¦ç¿’ç”¨ãƒªã‚½ãƒ¼ã‚¹ã¨ã—ã¦æ´»ç”¨ã—ã¦ã¿ã‚‹ã®ã‚‚æœ‰ç›Šã§ã™ãã€‚ é–¢é€£ã‚¨ãƒ³ãƒˆãƒª ãƒã‚¤ã‚»ãƒ³ã‚¹ã«ãƒ‡ã‚¶ã‚¤ãƒ³ã•ã‚ŒãŸHTML/CSSãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆé›† CSSãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆé…å¸ƒã‚µã‚¤ãƒˆè‰²ã€…ã¾ã¨ã‚ ãƒ•ãƒªãƒ¼ã®ãƒ“ãƒ¥ãƒ¼ãƒ†ã‚£ãƒ•ãƒ«ãªCSSãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆæ²¢å±±ã€ŒCss 4 Freeã€ ãƒ•ãƒªãƒ¼ã§ä½¿ãˆã‚‹ãƒ—ãƒé¡”è² ã‘ã®ç¾Žéº—CSSã‚µã‚¤ãƒˆãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆé›† ä½¿ãˆã‚‹CSSãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆé›†ã€Œmycelly.comã€
kalmalogy 2010/06/09
HTML

css
ãƒªãƒ³ã‚¯
1 2 æ¬¡ã®ãƒšãƒ¼ã‚¸