[B! HTML5][html5] KAZUMA87ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

KAZUMA87 id:KAZUMA87

HTML5ã¨html5ã«é–¢ã™ã‚‹KAZUMA87ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (8)

${{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}}

ã€ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³å‘ã‘ã€‘æ–°è¦ã§ã‚µã‚¤ãƒˆã‚’ä½œã‚‹ã®ã«ä½¿ãˆãã†ãªã®ä¸€å¼ã€‚ - CSS HappyLife
å‰å›žã®æ›´æ–°æ—¥ãŒè¦‹ãŸããªã„ç¨‹ã«æ™‚ãŒæµã‚Œã¦ã„ã‚‹ä»Šæ—¥ã“ã®é ƒãƒ»ãƒ»ãƒ»ã€‚ ãƒ–ãƒã‚°ã‚’æ›´æ–°ã™ã‚‹ãƒ¢ãƒãƒ™ãƒ¼ã‚·ãƒ§ãƒ³ãŒä¸ã€…ä¸ŠãŒã‚‰ãªã‹ã£ãŸã‚“ã§ã™ãŒã€ã¾ã ã€ã ã‚‰ã ã‚‰ã§ã‚‚è‰¯ã„ã‹ã‚‰æ›¸ã„ã¦ã„ããŸã„ãªã¨è¨€ã†æ°—æŒã¡ã¯æœ‰ã‚‹ã‚“ã§ã™ã€‚ãˆã‡ã€‚ ã“ã‚“ã ã‘æ›´æ–°ãŒæ»žã£ã¦ã¦ã‚‚ã€Twitterã¨ã‹ã§æ™‚ã€…ãƒ–ãƒã‚°èªã‚“ã§ã¾ã™ã£ã¦è¨€ã£ã¦ã‚‚ã‚‰ãˆãŸã‚Šã€æœ€è¿‘ãªã‚‰ã€Œä»Šæ—¥ã‹ã‚‰ã§ãã‚‹å®šæ™‚ã§ä¸ŠãŒã‚‹ãŸã‚ã®WEBåˆ¶ä½œåŠ¹çŽ‡ã‚¢ãƒƒãƒ—è¡“ | ã‚«ãƒƒã‚·ãƒ¼ã®WEBã‚‹ã€‚ã€ã§ã€ã€HTML5ã€‘æ–°è¦ã§ã‚µã‚¤ãƒˆã‚’ä½œã‚‹ã®ã«ä½¿ãˆãã†ãªã®ä¸€å¼ã€‚Ver 1 ã‚’ç´¹ä»‹ã—ã¦ã‚‚ã‚‰ã£ãŸã‚Šã—ã¦ã†ã‚Œã—ã„åŠé¢ã€æ›´æ–°ã—ã¦ç„¡ã„ãªãƒ¼ã¨ã€ä½•ã¨ã‚‚è¨€ãˆãªã„æ°—æŒã¡ã«ãªã£ãŸã‚Šã€‚ ãªã®ã§ã€ã“ã‚Œã‹ã‚‰ã¯ã¡ã‚‡ã‚ã£ã¨ã§ã‚‚ãƒã‚¿ãŒæœ‰ã‚Œã°æ›´æ–°ã—ã¦ã„ããŸã„ãªãƒ¼ã¨ã€‚ ä½•ã‚’ãƒ¢ãƒãƒ™ãƒ¼ã‚·ãƒ§ãƒ³ã«æ›´æ–°ã™ã‚‹ã‹ã¯ã¾ã è¦‹ã¤ã‹ã£ã¦ãªã„ã‘ã©ï¼žï¼œ ã•ã¦ã€ãã‚“ãªè¨³ã§ã€ä»Šå›žã¯ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³å‘ã‘ã®æ–°è¦ã§ã‚µã‚¤ãƒˆã‚’ä½œã‚‹ã®ã«ä½¿ãˆãã†ãªæ„Ÿã˜ã®ä¸€å¼ã§ã™ã€‚ ã€ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³å‘ã‘ã€‘æ–°è¦ã§ã‚µã‚¤ãƒˆã‚’
KAZUMA87 2011/06/16
JavaScript

jQuery

ã‚¦ã‚§ãƒ–ãƒ‡ã‚¶ã‚¤ãƒ³

WEBåˆ¶ä½œ

ãŠå½¹ç«‹ã¡

æºå¸¯ã‚µã‚¤ãƒˆ

HTML5

mobile

ä¾¿åˆ©
ãƒªãƒ³ã‚¯
ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã¨SEOã®æ¦‚å¿µãŒå¤‰ã‚ã‚‹ã‹ã‚‚ã—ã‚Œãªã„ã€Microdataã«ã¤ã„ã¦ã®æ¦‚è¦ - kojika17
6æœˆ2æ—¥ã€Googleã€Microsoftã€Yahoo!ã®æ¤œç´¢å¤§æ‰‹3ç¤¾ãŒå”åŠ›ã—ã¦ã€æ§‹é€ åŒ–ãƒ‡ãƒ¼ã‚¿ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ã®æ¨™æº–åŒ–ã«ä¹—ã‚Šå‡ºã—ã¾ã—ãŸã€‚ é•·æœŸçš„ãªæœ€çµ‚ç›®æ¨™ã¯ã€å¹…åºƒã„ãƒ•ã‚©ãƒ¼ãƒžãƒƒãƒˆã®ã‚µãƒãƒ¼ãƒˆã¨ã—ã¦ã„ã‚‹ã‚ˆã†ã§ã™ãŒã€ã¾ãšã¯HTML5ã®Microdataã«é›†ä¸ã™ã‚‹ã‚ˆã†ã§ã™ã€‚ MicrodataãŒæ–°ã—ã„Webã®æ´å²ã®ç¤Žã®1ã¤ã¨ãªã‚‹ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ã€‚ ä»¥å‰ã«ã‚‚ã€ŒMicrodataã¨Microformatsã®é•ã„ã«ã¤ã„ã¦ã€å–ã‚Šä¸Šã’ã¾ã—ãŸãŒã€ä»Šå›žã¯å®Ÿéš›ã«Microdataã§ã©ã†ãªã‚‹ã®ã‹ã€ã”ç´¹ä»‹è‡´ã—ã¾ã™ã€‚ Microdataã¨ã¯ä½•ã‹ï¼Ÿ ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—è¨€èªžã§ã‚ã‚‹HTMLã¯ã€Œè¦‹å‡ºã—(h1,h2,h3... )ã€ã€Œæ®µè½(p)ã€ã€Œãƒªã‚¹ãƒˆ(ul,ol,li)ã€ãªã©ã®æ–‡ç« æ§‹é€ ã‚’ç¤ºã™ã“ã¨ãŒã§ãã¦ã‚‚ã€ã€Œäººã®åå‰ã€ã€Œè‚©æ›¸ãã€ã€Œåœ°åŸŸã€ãªã©ã‚’ç¤ºã™ã“ã¨ãŒã§ãã¾ã›ã‚“ã€‚ ãã‚Œã‚‰ã‚’HTMLã§ãƒ¡ã‚¿ãƒ‡ãƒ¼ã‚¿ã¨ã—ã¦è¿½åŠ ã™ã‚‹æ–¹æ³•ã®ã²ã¨ã¤ã¨ã—ã¦ã€HTML5ã®
KAZUMA87 2011/06/07
HTML5

æŠ€è¡“æƒ…å ±
ãƒªãƒ³ã‚¯
Less Framework
An adaptive CSS grid system. What It Is Less Framework is a CSS grid system for designing adaptive webÂsites. It contains 4 layouts and 3 sets of typography presets, all based on a singleÂ grid. Default Layout 10 columns at 992Â px. For deskÂtops, laptops, tablets in landscape orientation, and all old browsers. Can be split according to the Golden Ratio at 6 columns, which is also the optimal width
KAZUMA87 2011/01/06
ã‚¹ãƒžãƒ›ãªã©ã«ã‚‚å¯¾å¿œå¯èƒ½ãªCSSãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯

framework

webdesign

webãƒ‡ã‚¶ã‚¤ãƒ³

css

ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯

html5

iphone

HTML

ipad

media query
ãƒªãƒ³ã‚¯
HTML4ã‹ã‚‰å¤‰åŒ–ã—ãŸHTML5ã®ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ã€€ã“ã“ãŒé•ã†ï¼ã‚µãƒ³ãƒ—ãƒ«ã§è¦‹ã‚‹HTML5ï¼ˆ2ï¼‰
CodeZineç·¨é›†éƒ¨ã§ã¯ã€ç¾å ´ã§æ´»èºã™ã‚‹ãƒ‡ãƒ™ãƒãƒƒãƒ‘ãƒ¼ã‚’ã‚¹ã‚¿ãƒ¼ã«ã™ã‚‹ãŸã‚ã®ã‚«ãƒ³ãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹ã€ŒDevelopers Summitã€ã‚„ã€ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã®ç”Ÿãã–ã¾ã‚’ãƒ–ãƒ¼ã‚¹ãƒˆã™ã‚‹ãŸã‚ã®ã‚¤ãƒ™ãƒ³ãƒˆã€ŒDevelopers Boostã€ãªã©ã€ã•ã¾ã–ã¾ãªã‚«ãƒ³ãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹ã‚’ä¼ç”»ãƒ»é‹å–¶ã—ã¦ã„ã¾ã™ã€‚
KAZUMA87 2010/12/03
html

HTML5

tips

webåˆ¶ä½œ

CSS

markup
ãƒªãƒ³ã‚¯
ãƒ‡ã‚¶ã‚¤ãƒŠã¯è¦æ³¨ç›®ï¼ æ˜Žæ—¥ã‹ã‚‰èªžã‚Œã‚‹HTML5ï¼†CSS3ï¼ˆ1/4ï¼‰- ï¼ IT
ãƒ‡ã‚¶ã‚¤ãƒŠã¯è¦æ³¨ç›®ï¼ æ˜Žæ—¥ã‹ã‚‰èªžã‚Œã‚‹HTML5ï¼†CSS3ï¼šä¸€æ’ƒãƒ‡ã‚¶ã‚¤ãƒ³ã®ç¨®æ˜Žã‹ã—ï¼ˆ13ï¼‰ï¼ˆ1/4 ãƒšãƒ¼ã‚¸ï¼‰ â€»æœ¬ç¨¿ã§ã¯ç‰¹ã«æ–ã‚ŠãŒãªã„å ´åˆã€Firefoxã€Google Chromeã€Operaã€Safariã¯2010å¹´7æœˆæ™‚ç‚¹ã®æœ€æ–°ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã€IEã¯Internet Explorer 6/7/8ã®ç·ç§°ã§ã™ã€‚ ã„ã¾ä¸–ç•Œã§ä¸€ç•ªç†±ã„ã€ŒHTML5ã€ã€ŒCSS3ã€ã¨ã¯ï¼Ÿ æœ€è¿‘ã€ã€ŒHTML5ã€ã€ŒCSS3ã€ã¨ã„ã£ãŸè¨€è‘‰ã‚’ã‚ˆãè€³ã«ã—ã¾ã›ã‚“ã‹ï¼Ÿ ã“ã‚Œã‚‰ã¯Webã®è¡¨ç¾ã‚’ã‚‚ã£ã¨è±Šã‹ã«ã™ã‚‹ãŸã‚ã«ç–å®šä¸ã®è¨€èªžã§ã™ã€‚ã„ã¾ã¾ã§ã®HTML 4.01ã‚„XHTMLã§ã¯å®Ÿç¾ã§ããªã‹ã£ãŸã“ã¨ãŒã§ãã‚‹ã‚ˆã†ã«ãªã£ãŸã‚Šã€CSS3ã¯CSS 2.1ã‚ˆã‚Šã•ã‚‰ã«ã‚°ãƒ©ãƒ•ã‚£ã‚«ãƒ«ãªéƒ¨åˆ†ã¾ã§è¡¨ç¾ã§ãã‚‹ã‚ˆã†ã«ãªã‚Šã¾ã—ãŸã€‚ Firefoxã‚„Operaã€Safariã€Chromeã¨ã„ã£ãŸHTML5ï¼‹CSS3ã«å¯¾å¿œã™ã‚‹Webãƒ–ãƒ©ã‚¦ã‚¶ãŒå¢—ãˆã¦ããŸã“ã¨ã§ã€HTML5
KAZUMA87 2010/09/30
HTML5

css3

Web

css

*webåˆ¶ä½œ

WEBãƒ‡ã‚¶ã‚¤ãƒ³

WEBåˆ¶ä½œ

html
ãƒªãƒ³ã‚¯
æ—¥è¨˜ | ãƒ¨ãƒ¢ãƒ„ãƒãƒƒãƒˆ
blogç§»è¡Œã—ã¾ã—ãŸã€‚æ–°ã—ã„blogã§æ›´æ–°ã‚’ç¶šã‘ã¦ã„ã¾ã™ã€‚ XMLã‚§â€¦ text ja 2012-07-08 http://www.yomotsu.net/wp/?p=603 XMLã‚§â€¦ æ—¥ã€…ã®å‡ºæ¥äº‹2012å¹´7æœˆ8æ—¥æ—¥æ›œæ—¥ ãƒ–ãƒã‚°ä½œã‚ŠãªãŠãã†ã‹ãªãƒ¼ã¨æ€ã£ã¦ã€ã“ã® Webã‚µã‚¤ãƒˆ ã‚’ã¿ãªãŠã—ã¦ãŸã‚‰ã€Web ãƒšãƒ¼ã‚¸ã®ãƒ¡ã‚¿æƒ…å ±ã¨ã—ã¦ãƒ€ãƒ–ãƒªãƒ³ã‚³ã‚¢ (RDF) ã‚’æ··åœ¨ã•ã›ã¦ã„ãŸã“ã¨ã‚’æ€ã„å‡ºã—ãŸã€‚ãƒãƒªãƒ‡ãƒ¼ã‚¿ãƒ¼ã«ã‹ã‘ã‚Œã°ã€ã‚°ãƒ©ãƒ•ã‚‚å–ã‚Šå‡ºã›ã¦ ã¿ãŸã„ãªæ„Ÿã˜ã«ãªã‚‹ã€‚ã§ã‚‚çµå±€ã‚ã¾ã‚Šæ„å‘³ãªã‹ã£ãŸã§ã™å¤šåˆ†ã€‚ã„ã¾ã¯ OGP ã¨ã‹ã‚ã‚Šã¾ã™ã—ãã€‚ Web ãƒšãƒ¼ã‚¸ã¯ XHTML ã«ã—ã¦ãŸã‘ã©ã€ãƒ–ãƒã‚°ã®ã‚³ãƒ¡ãƒ³ãƒˆã§å‚ç…§å…ˆã®ãªã„æ•°å€¤å‚ç…§ã¨ã‹æ··ãœã‚‰ã‚Œã‚‹ã¨ XML ãƒ‘ãƒ¼ã‚¹ã‚¨ãƒ©ãƒ¼ã«ãªã‚‹ã—ã€XML ã ã‹ã‚‰ä»–ã®èªžå½™æ··åœ¨ã§ãã‚‹ã‘ã©ã€RDF ãã‚‰ã„ã—ã‹æ··ãœã¦ãªã‹ã£ãŸã—ã€XHTML æ„å‘³ãªã‹ã£ãŸã§ã™å¤šåˆ†ã€‚ã„ã¾ã¯ HTML ã« SVG æ··åœ¨ã§ã
KAZUMA87 2010/04/25
SVGã‚’åˆ©ç”¨ã—ãŸHTML5ã‚µã‚¤ãƒˆã®ãƒ‡ãƒ¢

html5

svg

css

html

video

Canvas
ãƒªãƒ³ã‚¯
ä»Šã ã‹ã¤ã¦ãªã„ä½¿ã„ã‚„ã™ã•ã§UIã‚‚ã‚¯ãƒ¼ãƒ«ãªãƒžãƒ«ãƒã‚¢ãƒƒãƒ—ãƒãƒ¼ãƒ€ãƒ¼å®Ÿè£…ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã€ŒPluploadã€:phpspoté–‹ç™ºæ—¥èªŒ
Plupload - A tool for uploading files using Flash, Silverlight, Google Gears, HTML5 or Browserplus ä»Šã ã‹ã¤ã¦ãªã„ä½¿ã„ã‚„ã™ã•ã§UIã‚‚ã‚¯ãƒ¼ãƒ«ãªãƒžãƒ«ãƒã‚¢ãƒƒãƒ—ãƒãƒ¼ãƒ€ãƒ¼å®Ÿè£…ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã€ŒPluploadã€ã€‚ Flash, Silverlight, Google gears, HTML5, YahooÂ BrowserplusÂ ãªã©ã®æŠ€è¡“ã‚’é§†ä½¿ã™ã‚‹ã“ã¨ã§å¤šãã®ãƒ–ãƒ©ã‚¦ã‚¶ã«å¯¾å¿œã—ã€ãƒ¦ãƒ¼ã‚¶ãƒ“ãƒªãƒ†ã‚£ã®å„ªã‚ŒãŸã‚‚ã®ã«ãªã£ã¦ã„ã‚‹ã‚ˆã†ã§ã™ã€‚ ä½œè€…ã¯æœ‰åãªWYSIWYGã‚¨ãƒ‡ã‚£ã‚¿ã®TinyMCEã®ãƒ‡ãƒ™ãƒãƒƒãƒ‘ãƒ¼ã¨ã„ã†ç‚¹ã‚‚æ°—ã«ãªã‚Šã¾ã™ã€‚ ã‚¢ãƒƒãƒ—ãƒãƒ¼ãƒ€ãƒ¼ç”»é¢ã€‚CMSãªã©ã«çµ„ã¿è¾¼ã‚€å ´åˆã«ã‚‚é•å’Œæ„Ÿãªãä½¿ãˆãã†ãªãƒ‡ã‚¶ã‚¤ãƒ³ã¨UIã§ã™ã€‚ â†‘Add Files ã§é¸æŠžã—ãŸãƒ•ã‚¡ã‚¤ãƒ«ã‚’é¸ã¶ã¨ã™ãã«ãƒ•ã‚¡ã‚¤ãƒ«åãŒè¡¨ç¤ºã•ã‚Œã€ã©ã‚“ã©ã‚“ãƒ•ã‚¡ã‚¤ãƒ«ã‚’è¿½åŠ ã—ã¦ã„ã£
KAZUMA87 2010/02/08
å¤šé‡ã‚¢ãƒƒãƒ—ãƒãƒ¼ãƒ‰ãŒå¯èƒ½

ãƒ•ã‚¡ã‚¤ãƒ«

HTML5

flash

ãƒ©ã‚¤ãƒ–ãƒ©ãƒª

webåˆ¶ä½œ
ãƒªãƒ³ã‚¯
ãƒ–ãƒ©ã‚¦ã‚¶ã®CSS3ã€HTML5çµ¡ã¿ã®å¯¾å¿œãŒä¸€ç™ºã§åˆ†ã‹ã‚‹ã‚ˆã†ã«ã§ãã‚‹ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã€ŒModernizrã€:phpspoté–‹ç™ºæ—¥èªŒ
ãƒ–ãƒ©ã‚¦ã‚¶ã®CSS3ã€HTML5çµ¡ã¿ã®å¯¾å¿œãŒä¸€ç™ºã§åˆ†ã‹ã‚‹ã‚ˆã†ã«ã§ãã‚‹ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã€ŒModernizrã€ 2009å¹´07æœˆ07æ—¥- Modernizr ãƒ–ãƒ©ã‚¦ã‚¶ã®CSS3ã€HTML5çµ¡ã¿ã®å¯¾å¿œãŒä¸€ç™ºã§åˆ†ã‹ã‚‹ã‚ˆã†ã«ã§ãã‚‹ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã€ŒModernizrã€ ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã‚’ä½¿ã£ã¦ã€Canvasã€opacityã€Multiple backgrounds ã¨ã„ã£ãŸCSS3ã‚„HTML5ã®æ©Ÿèƒ½ã«å¯¾å¿œã—ã¦ã„ã‚‹ã‹ã‚’ç°¡å˜ã«èª¿ã¹ã‚‹ã“ã¨ãŒå‡ºæ¥ã‚‹ã‚ˆã†ã§ã™ã€‚ Google Ghrome ã®å ´åˆã§å¯¾å¿œã‚’æ˜Žç¤º Firefox 3 ã®å ´åˆã§å¯¾å¿œã‚’æ˜Žç¤º JavaScript ã§ã¯ã€æ¬¡ã®ã‚ˆã†ã«ä½¿ãˆã‚‹ã‚ˆã†ã§ã™ã€‚ if (Modernizr.cssgradients) { alert('å¯¾å¿œ'); } else { alert('æœªå¯¾å¿œ'); } cssgradients ã®ä»–ã«ã¯ä»¥ä¸‹ã®ã‚ˆã†ãªãƒ—ãƒãƒ‘ãƒ†ã‚£ãŒåˆ©ç”¨å¯èƒ½ã€‚ Modernizr.ca
KAZUMA87 2009/07/12
css

*css

HTML5

javascript

ãƒ–ãƒ©ã‚¦ã‚¶

css3

Webåˆ¶ä½œ

*javascript

jQuery

js
ãƒªãƒ³ã‚¯
1