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

littlefield id:littlefield

HTMLã¨HTML5ã«é–¢ã™ã‚‹littlefieldã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (27)

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

Flat UI - Free Bootstrap Framework and Theme
Checkboxes Unchecked Checked Disabled unchecked Disabled checked Radio Buttons Radio is off Radio is on Disabled radio is off Disabled radio is on
littlefield 2013/03/05
ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯

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

css

html

ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆ

html5

css3

javascript
ãƒªãƒ³ã‚¯
æ™®æ®µä½¿ã£ã¦ã‚‹HTMLãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆã‚’å…¬é–‹ã—ã¾ã—ãŸ | SANOGRAPHIX
æ™®æ®µä½¿ã£ã¦ã„ã‚‹HTML/JS/CSSã®åˆæœŸãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆã‚’å…¬é–‹ã—ã¾ã—ãŸã€‚ æœ‰åãªãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆã«HTML5 BoilerplateãŒã‚ã‚Šã¾ã™ãŒã€ãã‚“ãªæ„Ÿã˜ã®ã‚‚ã®ã§ã™ã€‚ ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã“ã¡ã‚‰ã‹ã‚‰ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã§ãã¾ã™ã€‚ https://github.com/sanographix/html-template CSSLESSã§æ›¸ã„ã¦ã„ã¾ã™ã€‚ã‚ã¨ä¾¿åˆ©ãªmixinã«è‰²ã€…å…¥ã£ã¦ã„ã¾ã™ã€‚ä½¿ãˆã‚‹ã‚¯ãƒ©ã‚¹ã¯ä»¥ä¸‹ã®é€šã‚Šã€‚ Box propertiesclassMixin
littlefield 2012/12/12
html

ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆ

html5
ãƒªãƒ³ã‚¯
#3 ã€Œã‚ã¾ã‚ŠApplication cacheï¼ˆcache manifestï¼‰ã®ã“ã¨ã‚’ç”˜ãè¦‹ãªã„æ–¹ãŒã„ã„ã€ Advent Calendar 2012 - KAYAC Engineers' Blog
æœ€è¿‘è‰²ã€…ã‚ã£ã¦Androidã¨å¿ƒã‚’é€šã‚ã›ã‚‰ã‚Œã‚‹ã‚ˆã†ã«ãªã£ã¦ããŸagoï¼ˆ@kyo_agoï¼‰ã§ã™ã€‚ ã“ã®ã‚¨ãƒ³ãƒˆãƒªã¯ tech.kayac.com Advent Calendar 2012 3æ—¥ç›®ã®è¨˜äº‹ã§ã™ã€‚ Application cacheï¼ˆcache manifestï¼‰ã¨ã¯ WHATWGã‚„W3ã§è°è«–ã•ã‚Œã¦ã„ã‚‹HTML5 Offline Web Applicationã®ä»•æ§˜ã®ä¸€éƒ¨ã§ã™ã€‚ ç´°ã‹ã„ä»•æ§˜ç‰ã«é–¢ã—ã¦ã¯æœ€å¾Œã«å‚è€ƒURLã‚’ã¤ã‘ãŸã®ã§ãã¡ã‚‰ã‚’ã”è¦§ãã ã•ã„ã€‚ ã“ã“ã§ã¯è‰²ã€…èª¤è§£ã®å¤šã„Application cacheã®ä½¿ã„æ–¹ã‚’ã”ç´¹ä»‹ã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚ ä½¿ã„æ–¹ .appcacheã®æ‹¡å¼µåã«å¯¾ã—ã¦text/cache-manifestã®MIMEã‚¿ã‚¤ãƒ—ã‚’è¨å®šã—ã¦ãã ã•ã„ã€‚ .appcacheãƒ•ã‚¡ã‚¤ãƒ«ã¯ä»¥ä¸‹ã®å½¢å¼ã§ä½œæˆã—ã¦ãã ã•ã„ã€‚ CACHE MANIFEST: #æ›´æ–°ç”¨IDï¼ˆæ—¥ä»˜+é€£ç•ªç‰ï¼‰ ã‚ãƒ£ãƒƒ
littlefield 2012/12/03
cache

html

HTML5
ãƒªãƒ³ã‚¯
Youtubeã®å‹•ç”»ã‚’èƒŒæ™¯ã«
Introduction In the ever-evolving landscape of web browsing, staying abreast of the latest techno logies is crucial. HTML5, the fifth and current version of the Hypertext Markup Language, has revolutionized the way we experience the web. With its advanced features and enhanced capabilities, HTML5 has become the cornerstone of modern web development, offering a more seamless and interactive user exp
littlefield 2012/01/24
html5

ã¾ã¨ã‚

html
ãƒªãƒ³ã‚¯
Youtubeã®å‹•ç”»ã‚’èƒŒæ™¯ã«
Introduction In the ever-evolving landscape of web browsing, staying abreast of the latest techno logies is crucial. HTML5, the fifth and current version of the Hypertext Markup Language, has revolutionized the way we experience the web. With its advanced features and enhanced capabilities, HTML5 has become the cornerstone of modern web development, offering a more seamless and interactive user exp
littlefield 2011/10/14
html5
ãƒªãƒ³ã‚¯
iPhone Webã‚¢ãƒ—ãƒªãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆï¼ˆCSS Nite Vol.40 repriseï¼‰ | Topics | DB - KAYAC Designer's Blogï¼ˆã‚«ãƒ¤ãƒƒã‚¯ ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ãƒ–ãƒã‚°ï¼‰
ã“ã‚“ã«ã¡ã¯ã€‚æ„åŒ éƒ¨MEèª²ã®tacamyã§ã™ã€‚ CSS Nite 4å‘¨å¹´è¨˜å¿µã‚¤ãƒ™ãƒ³ãƒˆï¼ˆVol.40 repriseï¼‰ã«ã¦ã”ç´¹ä»‹ã—ãŸ iPhone Webã‚¢ãƒ—ãƒªã®ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆã‚»ãƒƒãƒˆã‚’é…å¸ƒã—ã¾ã™ã€‚ ã‚¤ãƒ™ãƒ³ãƒˆã®å†…å®¹ã¯ã“ã¡ã‚‰ã®ã‚¨ãƒ³ãƒˆãƒªãƒ¼ã‚’ã”è¦§ãã ã•ã„ã€‚ ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ iphone-tmpl.zip ã‚»ãƒƒãƒˆå†…å®¹ index.html HTML5+iPhoneç”¨HTML css/iphone.css HTMLã®æ–°è¦ç´ ï¼‹iPhoneå°‚ç”¨CSS js/iphone.js URL&æ¤œç´¢ãƒãƒ¼ã‚’æ¶ˆã™æŒ‡å®š js/lib/jquery.js jquery apple-touch-icon.png Webã‚¯ãƒªãƒƒãƒ—ã‚¢ã‚¤ã‚³ãƒ³ cache.manifest ãƒžãƒ‹ãƒ•ã‚§ã‚¹ãƒˆãƒ•ã‚¡ã‚¤ãƒ« .htaccess < dd style="margin-bottom:0.5em;">.manifestã®MIMEã‚¿ã‚¤ãƒ—è¨å®š viewportã«ã¤
littlefield 2011/10/06
iphone

html

ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆ

html5

css

webåˆ¶ä½œ
ãƒªãƒ³ã‚¯
HTML5 Coding assessment test - jsdo.it - Share JavaScript, HTML5 and CSS
ãƒ†ã‚¹ãƒˆã®ç›®å®‰æ™‚é–“ã¯15åˆ†ã§ã™ã€‚ãƒ†ã‚¹ãƒˆé–‹å§‹ã¨ã¨ã‚‚ã«è¨ˆæ¸¬ã‚’ã‚¹ã‚¿ãƒ¼ãƒˆã—ã¾ã™ã€‚ â€»æ™‚é–“ã‚’ã‚ªãƒ¼ãƒãƒ¼ã—ã¦ã‚‚ãƒšãƒŠãƒ«ãƒ†ã‚£ã¯ã‚ã‚Šã¾ã›ã‚“ã€‚ Open IDã§ãƒã‚°ã‚¤ãƒ³ ã•ãã€jsdo.itã«ãƒã‚°ã‚¤ãƒ³ã—ã¦ãƒ†ã‚¹ãƒˆã‚’å§‹ã‚ã‚ˆã†ï¼ login with Google login with Facebook login with Twitter
littlefield 2011/09/08
html5

ãƒ†ã‚¹ãƒˆ

JavaScript

HTML

CSS
ãƒªãƒ³ã‚¯
HTML5 ã§ã‚„ã‚ŠãŒã¡ãªé–“é•ã„
HTML5 Doctor ã§ ã€ŒAvoiding common HTML5 mistakesã€ ã¨ã„ã†è¨˜äº‹ãŒä¸ŠãŒã£ã¦ã„ã¾ã—ãŸã®ã§ç¨šæ‹™ã§ã¯ã‚ã‚Šã¾ã™ãŒç¿»è¨³ãªã©ã€‚HTML5 ã§ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ã™ã‚‹éš›ã«ã‚„ã‚ŠãŒã¡ãªé–“é•ã„ã‚’ã„ãã¤ã‹æŒ™ã’ã¦ã€ã•ã‚‰ã«æ£ã—ã„ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ä¾‹ã‚‚ç´¹ä»‹ãã‚Œã¦ã„ã¾ã™ã®ã§ã€å‚è€ƒã«ã—ã¦ã¿ã¦ã¯ã„ã‹ãŒã§ã—ã‚‡ã†ã‹ã€‚ HTML5 Doctor ã§ ã€ŒAvoiding common HTML5 mistakesã€ ã¨ã„ã†è¨˜äº‹ãŒä¸ŠãŒã£ã¦ã„ã¾ã—ãŸã®ã§ç¨šæ‹™ã§ã¯ã‚ã‚Šã¾ã™ãŒç¿»è¨³ãªã©ã€‚HTML5 ã§ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ã™ã‚‹éš›ã«ã‚„ã‚ŠãŒã¡ãªé–“é•ã„ã‚’ã„ãã¤ã‹æŒ™ã’ã¦ã€ã•ã‚‰ã«æ£ã—ã„ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ä¾‹ã‚‚ç´¹ä»‹ãã‚Œã¦ã„ã¾ã™ã®ã§ã€å‚è€ƒã«ã—ã¦ã¿ã¦ã¯ã„ã‹ãŒã§ã—ã‚‡ã†ã‹ã€‚ Avoiding common HTML5 mistakes ï¼š HTML5 Doctor ç¿»è¨³ã¨ã„ã£ã¦ã‚‚è¦ç´„ã¿ãŸã„ãªæ„Ÿã˜ã§ã™ã®ã§ã€æ›¸ã„ã¦ã‚ã‚‹ã“ã¨ã‚’ãã®ã¾ã¾æ—¥æœ¬èªžã«ã—ãŸã‚‚ã®ã§ã¯ã‚ã‚Š
littlefield 2011/07/27
html5

html
ãƒªãƒ³ã‚¯
çŠ¯ã—ã¦ã¯ã„ã‘ãªã„HTMLã‚¿ã‚°ã®éŽã¡10å€‹
ã€è¿½è¨˜ã€‘ HTML5ã§ã¯ã‚¤ãƒ³ãƒ©ã‚¤ãƒ³ã¨ãƒ–ãƒãƒƒã‚¯ã®è¦ç´ åˆ†é¡žãŒãªããªã‚Šã€ä»£ã‚ã‚Šã«ã€ãƒ¡ã‚¿ãƒ‡ãƒ¼ã‚¿ã€ãƒ•ãƒãƒ¼ã€ã‚»ã‚¯ã‚·ãƒ§ãƒ³ã€ãƒ˜ãƒƒãƒ‡ã‚£ãƒ³ã‚°ã€ãƒ•ãƒ¬ãƒ¼ã‚¸ãƒ³ã‚°ã€ã‚¨ãƒ³ãƒ™ãƒƒãƒ‡ã‚£ãƒƒãƒ‰ã€ã‚¤ãƒ³ã‚¿ãƒ©ã‚¯ãƒ†ã‚£ãƒ–ã¨ã„ã†ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã®ç¨®é¡žãŒå®šç¾©ã•ã‚Œã¦ã„ã¾ã™ã€‚ 2. ç”»åƒã«ä»£æ›¿ãƒ†ã‚ã‚¹ãƒˆã®altå±žæ€§ãŒå…¥ã£ã¦ã„ãªã„ <img src="sample.gif" /> altå±žæ€§ã¯ã€Webãƒšãƒ¼ã‚¸ã«è¡¨ç¤ºã•ã‚Œã‚‹ã™ã¹ã¦ã®ç”»åƒã«å¿…é ˆã®è¦ç´ ã§ã™ã®ã§ã€å¿…ãšä½¿ç”¨ã™ã‚‹å¿…è¦ãŒã‚ã‚Šã¾ã™ã€‚ <img src="sample.gif" alt="ã‚µãƒ³ãƒ—ãƒ«" /> å¿…é ˆã®è¦ç´ ã§ã™ã®ã§ã€ç‰¹ã«ãƒ†ã‚ã‚¹ãƒˆã§è¡¨ç¤ºã™ã‚‹å¿…è¦ãŒãªã„å ´åˆã§ã‚‚ã€alt=""ã¨ã—ã¦ãŠãå¿…è¦ãŒã‚ã‚Šã¾ã™ã€‚ ã€è¿½è¨˜ã€‘ HTML5ã§ã¯ã€ŒImages whose contents are not known(ã©ã®ã‚ˆã†ãªå†…å®¹ã‹ã‚ã‹ã‚‰ãªã„ç”»åƒ)ã€ã«é™ã‚Šã€altå±žæ€§ã‚’çœç•¥ã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚å†™çœŸå…±æœ‰ã‚µã‚¤ãƒˆã«ãƒ¦ãƒ¼ã‚¶ãƒ¼ãŒç”»åƒã‚’
littlefield 2011/04/19
1ã®ã‚³ãƒ¼ãƒ‰ã¯HTML5ã ã¨çŠ¶æ³ã«ã‚ˆã£ã¦ã‚¢ãƒªã«ãªã‚‹ã‚ˆã

html

css

HTML5
ãƒªãƒ³ã‚¯
HTML5 Boilerplate | CSS Radar | For Frond End Developers
CSS Radar For Frond End Developers Recent Articles HTML5 Boilerplate 15 Mar ã‚¿ãƒ¼ãƒŸãƒŠãƒ«ã‚’ä½¿ã„ã“ãªã™ 13 Feb Gitã§ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã‚³ãƒ³ãƒˆãƒãƒ¼ãƒ« 29 Jan ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ã‚¦ã‚§ãƒ–ãƒ‡ã‚¶ã‚¤ãƒ³ã«ã¤ã„ã¦ 24 Jan CSS Radarã‚’Jekyllã§ä½œã‚Šç›´ã— 23 Jan Read More ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ãƒ‡ãƒ™ãƒãƒƒãƒ‘ãªäººãŸã¡ã¯ã‚¦ã‚§ãƒ–é–‹ç™ºãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã‚’å§‹ã‚ã‚‹ã«ã‚ãŸã‚Šã€HTMLã€CSSã€JSã®ã‚¹ã‚±ãƒ«ãƒˆãƒ³(å¿…è¦æœ€å°é™ã®è¨˜è¿°ã‚’ã—ãŸãƒ•ã‚¡ã‚¤ãƒ«é”)ã‚’å«ã‚“ã ãƒ‡ã‚£ãƒ¬ã‚¯ãƒˆãƒªã‚’æŒã£ã¦ã„ã‚‹äººãŒå¤šã„äº‹ã ã‚ã†ã€‚ ç§ã‚‚å€‹äººã®ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã€ä»•äº‹ã§ã®ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã¨ã‚‚ã«ã€ãã‚Œãžã‚Œã«å°‘ã—ã ã‘ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºã‚’è¡Œã†ã ã‘ã§é–‹ç™ºã‚’å§‹ã‚ã‚‹ã“ã¨ãŒã§ãã‚‹ãƒ‡ã‚£ãƒ¬ã‚¯ãƒˆãƒªã‚’æŒã£ã¦ã„ã‚‹ã€‚ ä»Šå›žç´¹ä»‹ã™ã‚‹(ãŠãã‚‰ãã™ã§ã«ç´¹ä»‹ã™ã‚‹ã¾ã§ã‚‚ãªã„ã»ã©çŸ¥ã‚‰ã‚Œã¦ã„ã‚‹ãŒ)HTML5 BOILER
littlefield 2011/04/01
html

html5

javascript

jquery

ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆ
ãƒªãƒ³ã‚¯
çµå±€ã©ã†ã™ã‚Œã°ã„ã„ã®ï¼Ÿ - Dive Into HTML5
Translation of: What Does It All Mean? - Dive Into HTML5 Diving In The Doctype The Root Element The <head> Element Character Encoding Friends & (Link) Relations rel = stylesheet rel = alternate Other Link Relations in HTML5 New Semantic Elements in HTML5 A long digression into how browsers handle unknown elements Headers Articles Dates and Times Navigation Footers Further Reading è¨³æ³¨ Diving In ã“ã®ç« ã§
littlefield 2011/02/02
html

html5

ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«
ãƒªãƒ³ã‚¯
W3C - ã€ŽHTML 5 differences from HTML 4ã€æ—¥æœ¬èªžè¨³ - HTML5.JP
ä¸€éƒ¨ã€ç›´è¨³ã§ã¯ãªãæ„è¨³ã—ãŸéƒ¨åˆ†ãŒã”ã–ã„ã¾ã™ã€‚åŽŸæ–‡ã¨è¡¨ç¾ãŒç•°ãªã‚‹ã“ã¨ãŒã”ã–ã„ã¾ã™ã®ã§ã€ã”äº†æ‰¿ãã ã•ã„ã€‚ã“ã®æ—¥æœ¬èªžè¨³ã¯ã€ç§ãŒç†è§£ã‚’æ·±ã‚ã‚‹ãŸã‚ã«ã€è‡ªåˆ†ãªã‚Šã«æ—¥æœ¬èªžåŒ–ã—ãŸã‚‚ã®ã§ã™ã€‚æœ¬æ—¥æœ¬èªžè¨³ã«ã¯ã€ç¿»è¨³ä¸Šã®èª¤ã‚ŠãŒã‚ã‚‹å¯èƒ½æ€§ãŒã‚ã‚Šã¾ã™ã€‚ã—ãŸãŒã£ã¦ã€å†…å®¹ã«ã¤ã„ã¦ä¸€åˆ‡ä¿è¨¼ã‚’ã™ã‚‹ã‚‚ã®ã§ã¯ã‚ã‚Šã¾ã›ã‚“ã€‚æ£ç¢ºã•ã‚’æ±‚ã‚ã‚‹å ´åˆã«ã¯ã€å¿…ãšåŽŸæ–‡ã‚’å‚ç…§ã—ã¦ãã ã•ã„ã€‚å½“æ–¹ã¯ã€ã“ã®æ–‡æ›¸ã«ã‚ˆã£ã¦åˆ©ç”¨è€…ãŒè¢«ã‚‹ã„ã‹ãªã‚‹æå®³ã®è²¬ä»»ã‚’è² ã„ã¾ã›ã‚“ã€‚ã‚‚ã—èª¤ã‚Šãªã©ã‚’è¦‹ã¤ã‘ãŸã‚‰ã€å½“ã‚µã‚¤ãƒˆã®ãŠå•ã„åˆã‚ã›ã‚ˆã‚Šé€£çµ¡ã„ãŸã ã‘ã‚Œã°å¹¸ã„ã§ã™ã€‚ åŽŸæ–‡URLï¼šhttp://www.w3.org/TR/2011/WD-html5-diff-20110525// åŽŸæ–‡ã‚¿ã‚¤ãƒˆãƒ«ï¼šHTML 5 differences from HTML 4 - W3C Working Draft 25 May 2011 ç¿»è¨³æ—¥ï¼š2011/05/26 æœ€çµ‚æ›´æ–°æ—¥ï¼š2011/05/26
littlefield 2010/10/26
html5

html

webãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
ã€ŒAiâ†’Canvasã€ã‚¤ãƒ©ã‚¹ãƒˆã‚’HTML5å½¢å¼ã«å¤‰æ›ã™ã‚‹ç”»æœŸçš„ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ ã€å¢—ç”°@maskinçœŸæ¨¹ | TechWaveï¼ˆãƒ†ãƒƒã‚¯ã‚¦ã‚§ãƒ¼ãƒ–ï¼‰
[èªäº†æ™‚é–“:1åˆ†] ç±³MicrosoftãŒé‹å–¶ã™ã‚‹MixOnlineãŒ10æœˆ12æ—¥ã€ã‚¢ãƒ‰ãƒ“ãƒ»ã‚¤ãƒ©ã‚¹ãƒˆãƒ¬ãƒ¼ã‚¿ãƒ¼ã®ãƒ•ã‚¡ã‚¤ãƒ«ã‚’HTML5ã®CANVASå½¢å¼ã«ã‚¨ã‚¯ã‚¹ãƒãƒ¼ãƒˆã§ãã‚‹ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€ŒAiâ†’Canvasã€ã‚’å…¬é–‹ã—ãŸã€‚CANVASå½¢å¼ã§è¡¨ç¾ã•ã‚ŒãŸã‚¤ãƒ©ã‚¹ãƒˆã¯æ‹¡å¤§ç¸®å°ã¯ã‚‚ã¡ã‚ã‚“ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’æ–½ã™ã“ã¨ãªã©ãŒå¯èƒ½ã«ãªã‚‹ã€‚ ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«å¾Œã€ã‚¤ãƒ©ã‚¹ãƒˆãƒ¬ãƒ¼ã‚¿ãƒ¼ã®ã€Œæ›¸ãå‡ºã—ã€ã‚³ãƒžãƒ³ãƒ‰ã‚’å®Ÿè¡Œã™ã‚‹ã¨CANVASå½¢å¼ã‚’é¸æŠžã§ãã‚‹ã‚ˆã†ã«ãªã‚‹ã€‚æ›¸ãå‡ºã•ã‚Œã‚‹ã®ã¯HTMLãƒ•ã‚¡ã‚¤ãƒ«ã§ã€ãƒ™ã‚¸ã‚§æ›²ç·šã¯ãã®ã¾ã¾ãƒ“ãƒƒãƒˆãƒžãƒƒãƒ—ç”»åƒã¯ãƒ•ã‚¡ã‚¤ãƒ«ã¨ã—ã¦ä¿å˜ã•ã‚Œã‚‹ã€‚å¯¾å¿œãƒ–ãƒ©ã‚¦ã‚¶ã§è¡¨ç¤ºã™ã‚‹ã“ã¨ãŒã§ãã‚‹ã€‚ï¼ˆä»¥ä¸‹å‚ç…§ï¼‰ ä¸Šã®ã‚¹ãƒŠãƒƒãƒ—ã‚·ãƒ§ãƒƒãƒˆã§CANVASå¤‰æ›ã—ãŸãƒ™ã‚¸ã‚§ã®ã¿ã§ä½œæˆã•ã‚ŒãŸã‚¤ãƒ©ã‚¹ãƒˆã‚’ä»¥ä¸‹ã§å…¬é–‹ã—ã¦ã„ã‚‹ã€‚ http://blog.metamix.com/sample/NAOC_LOGO_Illustration.html ã‚½ãƒ¼ã‚¹ã‚’
littlefield 2010/10/18
canvas

html

illustrator

html5
ãƒªãƒ³ã‚¯
HTML5+CSS3 å…¥é–€
Webã‚’è¨˜è¿°ã™ã‚‹è¨€èªžã®æ¨™æº–ã®ç¾çŠ¶ æ˜¨å¹´åº¦ã§ã‚ã‚Œã°ã€HTMLã‚’è¨˜è¿°ã™ã‚‹æŽˆæ¥ã§ã¯è‡ªä¿¡ã‚’ã‚‚ã£ã¦ä»¥ä¸‹ã®åŸºæº–ã‚’æŽ¨è–¦ã—ã¦ã„ã¾ã—ãŸã€‚ HTML (æ–‡æ›¸ã®æ§‹é€ ã‚’è¨˜è¿°ã™ã‚‹è¨€èªž) â€“ XHTML 1.0 ã‚‚ã—ãã¯ XHTML 1.1 CSS (æ–‡æ›¸ã®ä½“è£ãƒ»ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’æŒ‡å®šã™ã‚‹è¨€èªž) â€“ CSS 2 ã—ã‹ã—ãªãŒã‚‰ã€ã“ã“æ•°å¹´ã§ã€ã¨ãã«åŽ»å¹´ã‚ãŸã‚Šã‹ã‚‰çŠ¶æ³ã¯å¤§ããå¤‰å‹•ã—ã¤ã¤ã‚ã‚Šã¾ã™ã€‚ç¾çŠ¶ã®å¤‰åŒ–ã‚’ç†è§£ã™ã‚‹ã«ã¯ã€ã“ã“ã«è‡³ã‚‹ã¾ã§ã®æ´å²çš„ãªçµŒç·¯ã«ã¤ã„ã¦ç°¡å˜ã«ç†è§£ã™ã‚‹å¿…è¦ãŒã‚ã‚Šã¾ã™ã€‚ã“ã“ã¾ã§ã®çµŒç·¯ã‚’æ•´ç†ã—ãŸä¸Šã§ã€å°†æ¥ã®å±•æœ›ã‚’æŽ¢ã‚ŠãŸã„ã¨æ€ã„ã¾ã™ã€‚ãã®ä¸Šã§ã€ã“ã®æŽˆæ¥ã§ã¯ã©ã®ã‚ˆã†ãªåŸºæº–ã«ã®ã£ã¨ã£ã¦ã€Œæ£ã—ã„ã€ã¨ã„ã†ã“ã¨ã‚’å®šç¾©ã™ã‚‹ã®ã‹æ±ºã‚ã¦ã„ããŸã„ã¨è€ƒãˆã¾ã™ã€‚ HTML (Webã‚µã‚¤ãƒˆã®è¨˜è¿°è¨€èªž) ã®æ¨™æº–åŒ–å·¡ã‚‹é—˜äº‰ã®æ´å² AppleInsider: ãªãœ Apple ã¯ HTML 5 ã«è³ã‘ã¦ã„ã‚‹ã®ã‹ï¼š ã‚¦ã‚§ãƒ–ã®æ´å² [Page 2] ã‚ˆ
littlefield 2010/10/03
html

html5

css3
ãƒªãƒ³ã‚¯
HTML5ã“ã¨ã¯ã˜ã‚ | Another Step.com
åˆ¶ä½œè€…å´ã«ã¯ã‹ãªã‚Šæ™®åŠã—ã¦ããŸæ„Ÿã‚‚ã‚ã‚‹HTML5ã€‚ æƒ…å ±ã¯æº¢ã‚Œã¦ã„ã¾ã™ãŒã€è‡ªèº«ã‚‚å°‘ã—ã¥ã¤å‹‰å¼·ã—ã¦ããŸã®ã§XHTML1.0ã¨ã®é•ã„ãªã©ã‚’ãƒ¡ãƒ¢ãŒã‚ã‚Šã«ã‚¢ã‚¦ãƒˆãƒ—ãƒƒãƒˆã—ã¦ã¿ãŸã€‚ (ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ãƒ¡ã‚¤ãƒ³ã®è©±ã§ã™) HTML5ã¯W3Cã‚ˆã‚Š2008å¹´1æœˆ22æ—¥ã«è‰æ¡ˆãŒç™ºè¡¨ã•ã‚Œã€2010å¹´8æœˆç¾åœ¨ã‚‚è‰æ¡ˆã®æ®µéšŽã§ã™ã€‚ å‹§å‘Šã¯W3CãŒ2012å¹´3æœˆã€WHATWGã¯2022å¹´ã¨ã—ã¦ãŠã‚Šã€ã©ã¡ã‚‰ã«ã—ã¦ã‚‚ã¾ã å…ˆã§ã™ãŒã€æ–°ã—ã„ãƒ–ãƒ©ã‚¦ã‚¶ã¯æ®µéšŽçš„ã«å¯¾å¿œã—ã¦ã„ãã¨äºˆæƒ³ã•ã‚Œã‚‹ã—ã€JSã‚’ä½¿ãˆã°IEã‚‚ã‚«ãƒãƒ¼ã§ãã‚‹ã®ã§ã€ç¾çŠ¶åˆ©ç”¨ã™ã‚‹ã“ã¨ã‚‚å¯èƒ½ã§ã—ã‚‡ã†ã€‚ ãƒ¡ãƒªãƒƒãƒˆãƒ»ãƒ‡ãƒ¡ãƒªãƒƒãƒˆã«ã¤ã„ã¦ã¯è³›å¦ä¸¡è«–?ã‚ã‚‹ã§ã—ã‚‡ã†ãŒâ€¦ â€»ã“ã®ã‚µã‚¤ãƒˆè‡ªä½“ã‚‚HTML5ã§çµ„ã‚“ã§ã„ã¾ã™ãŒã€HTML5ã€WordPressã¨ã‚‚ã«æœªç†ŸãªãŸã‚ã€åˆ¶å¾¡ã§ããšæ£ã—ãçµ„ã‚ã¦ã„ãªã„ç®‡æ‰€ãŒã‚ã‚Šã¾ã™ã€‚ ã¾ãŸä¸‹è¨˜å†…å®¹ã«ã¤ã„ã¦ã‚‚é–“é•ã£ã¦ã„ã‚‹å¯èƒ½æ€§ãŒã‚ã‚‹ã®ã§ã€ãã®å ´åˆã¯æŒ‡æ‘˜ã—ã¦ã„ãŸ
littlefield 2010/08/23
ã¾ã¨ã‚

html5

html
ãƒªãƒ³ã‚¯
ã€HTML5ã€‘æ–°è¦ã§ã‚µã‚¤ãƒˆã‚’ä½œã‚‹ã®ã«ä½¿ãˆãã†ãªã®ä¸€å¼ã€‚Ver 1
HTML5ç‰ˆã®æ–°è¦ã§ã‚µã‚¤ãƒˆã‚’ä½œã‚‹ã®ã«ä½¿ãˆãã†ãªä¸€å¼ã§ã™ã€‚ ä»Šã¾ã§ã®æ–°è¦ã§ä½¿ãˆãã†ãªä¸€å¼ã®Ver3ã‹ã‚‰ã‚‚æœ‰ã‚‹ç¨‹åº¦æµç”¨ã¯ã—ã¦ã„ã¾ã™ãŒã€çµæ§‹ã„ã˜ã£ã¦ã¾ã™ã€‚ ä»Šã¾ã§ã¿ãŸã„ã«ã€ç¤¾å†…ã®ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã¨ã‹ãã†ã„ã†äººãŒã‚‚ã†å±…ãªã„ç’°å¢ƒãªã®ã§ã€ä½•å‡¦ã‹ã§ä½¿ã‚ã‚Œã¦ã„ãŸè¨³ã§ã¯ã‚ã‚Šã¾ã›ã‚“ãŒã€ã¾ãƒ¼æœ€åˆã®æº–å‚™ã£ã¦åœ°å‘³ã«é¢å€’ãªã®ã§ã¡ã‚ƒã¡ã‚ƒã£ã¨å§‹ã‚ã‚‹ã«ã¯è‰¯ã„ã‚“ã˜ã‚ƒãªã„ã§ã—ã‚‡ã†ã‹ã€‚ ã€HTML5ã€‘æ–°è¦ã§ã‚µã‚¤ãƒˆã‚’ä½œã‚‹ã®ã«ä½¿ãˆãã†ãªä¸€å¼ã€‚Ver 1ã‚’DLï¼ˆzipï¼š12kbï¼‰ HTML5ç‰ˆã®Ver 1ã‚’è¦‹ã‚‹ ç¤¾å†…ã®ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã¨ã‹ã£ã¦æ›¸ã„ãŸã‚‰ã€ã“ã‚Œã©ã†ãªã®ã‚ˆï¼Ÿã¨ã‹è©±ã—ã¦ãŸé ƒãŒã¡ã‚‡ã£ã¨æ‡ã‹ã—ããªã£ãŸã€‚ ã‚³ãƒ¼ãƒ€ãƒ¼é£²ã¿ã¨ã‹ã€CSS Niteãªã‚“ã‹ã§ã€ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã‚„ã‚³ãƒ¼ãƒ€ãƒ¼ã•ã‚“ã¨ä¼šã†æ©Ÿä¼šã¯çµæ§‹æœ‰ã‚‹ã®ã«ã€ãã†ã„ã†å…·ä½“çš„ãªï¼Ÿè©±ã¾ã§ã¯ã—ãªã„ã‹ã‚‰ãªããƒ»ãƒ»ãƒ» ãã‚Œã¯ã•ã¦ãŠãã€ä¸èº«ã®ã”èª¬æ˜Žãªã©ã‚’ç¶šãã«ã¦ã€‚ ä¸èº«ã®ã”èª¬æ˜Ž zi
littlefield 2010/06/10
html5

css

html

ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆ

webãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
IE9: HTML5ã§æ–°ã‚¹ã‚¿ãƒ¼ãƒˆï¼ XPã‚µãƒãƒ¼ãƒˆãªã—
9åº¦ç›®ã®æ£ç›´ãªã‚‹ã‹ï¼Ÿ ãƒžã‚¤ã‚¯ãƒã‚½ãƒ•ãƒˆãŒMixã§ç™ºè¡¨ã—ãŸInternet Explorer 9ã¯HTML5ã‚µãƒãƒ¼ãƒˆï¼ˆHTML5ã®å‹•ç”»ã‚‚ï¼ï¼‰ ã€GPUã«ã‚ˆã‚‹2Dã®é«˜é€Ÿãƒ¬ãƒ³ãƒ€ãƒªãƒ³ã‚°ã€å…¨ãæ–°ã—ã„JavaScriptã‚¨ãƒ³ã‚¸ãƒ³æè¼‰ã§ã€XPã‚µãƒãƒ¼ãƒˆã¯ãƒŠã‚·ã§ã™ã€‚ ã“ã®æœ€æ–°ãƒ“ãƒ«ãƒ‰ãŒMicrosoft IE 9æœ€çµ‚ç‰ˆã¨ãªã‚Šã¾ã™ãã€‚ãƒªãƒªãƒ¼ã‚¹æ—¥ã¯æœªå®šã€‚ãƒ–ãƒ©ã‚¦ã‚¶ã®è©±ãªã‚“ã¦ã¤ã¾ã‚“ãªã„ã¨æ€ã†ã‘ã©ã€çµæ§‹ã‚¯ãƒ¼ãƒ«ã§ã™ã‚ˆï¼ æ–°æ©Ÿèƒ½ã‚’ã–ã£ã¨è¦‹ã¦ã¿ã¾ã—ã‚‡ã†ï¼ Webé–‹ç™ºè€…ã®é–“ã§ä»Šä¸€ç•ªã®è©±é¡ŒãŒã‚³ãƒ¬ã€æ¬¡ä¸–ä»£HTMLæ¨™æº–ã®ï½¢HTML5ï½£ã¸ã®æº–æ‹ ã§ã€ï½¢ã¾ã‚‹ã§ãƒžã‚¸ãƒƒã‚¯ï¼ï½£ã€ï½¢ã“ã‚Œã§ã‚¤ãƒ³ã‚¿ãƒ¼ãƒãƒƒãƒˆã‚‚æ•‘ã‚ã‚Œã‚‹ï¼ï½£ã€ï½¢Flashæ»ã‚“ã ãªï¼ï½£ã¨é¨’ãŒã‚Œã¦ã¾ã™ã€‚ã»ã‚“ã¨ã«ã“ã‚Œã¯å¤§ããªå¤‰åŒ–ã§ã™ã‚ˆã€‚HTML5ã¯ã‚¦ã‚§ãƒ–ã®åŸºç›¤ã¨ãªã‚‹è¨€èªžï¼ˆHTMLï¼‰å…¨ä½“ã®æ¬¡ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã§ã€ã‚µã‚¤ãƒˆã‚’ã‚ãŸã‹ã‚‚ã‚¢ãƒ—ãƒªã®ã‚ˆã†ã«å‹•ã‹ã›ã‚‹é¢ç™½ã„æ©Ÿèƒ½ã«æ²¢å±±å¯¾å¿œã—ã¦ã¾ã™ã‹ã‚‰ããƒ¼ã€‚ ãƒžã‚¤ã‚¯ãƒã‚½ãƒ•ãƒˆã¯
littlefield 2010/03/22
html5

html

ie

Microsoft

os
ãƒªãƒ³ã‚¯
html5j - Google Groups
[PR] ã¿ãªã•ã‚“ã€ã“ã‚“ã«ã¡ã¯ã€‚ ãªã‹ã—ã¾ãå…ˆç”Ÿã§ã™ã€‚ HTML5 10th Anniversaryã‚’10/27(æ—¥)10æ™‚ã«é–‹å‚¬ã—ã¾ã™ã€‚ â†’ https://html5.connpass.com/
littlefield 2010/02/03
html5

html
ãƒªãƒ³ã‚¯
ã€ç‰¹é›†ã€‘è©³è§£! HTML 5ã¨é–¢é€£APIã®æœ€æ–°å‹•å‘ - æ–°ã‚¿ã‚°&APIç·¨ (1) ã¯ã˜ã‚ã« - æœ¬ç‰¹é›†ã®è¶£æ—¨ | ã‚¨ãƒ³ã‚¿ãƒ¼ãƒ—ãƒ©ã‚¤ã‚º | ãƒžã‚¤ã‚³ãƒŸã‚¸ãƒ£ãƒ¼ãƒŠãƒ«
Google I/Oã®åŸºèª¿è¬›æ¼”ã§å¤§ããå–ã‚Šä¸Šã’ã‚‰ã‚Œã¦ä»¥æ¥ã€HTML 5ã«å¯¾ã™ã‚‹æ³¨ç›®åº¦ã¯å¢—ã™ã°ã‹ã‚Šã ã€‚ä»•æ§˜ã«é–¢ã™ã‚‹è°è«–ã‚‚WHATWGã®ãƒ¡ãƒ¼ãƒªãƒ³ã‚°ãƒªã‚¹ãƒˆã§æ—¥ã€…æ´»ç™ºã«è¡Œã‚ã‚Œã€ãƒ–ãƒ©ã‚¦ã‚¶ã«ã‚ˆã‚‹å®Ÿè£…ã‚‚ç€ã€…ã¨é€²ã‚“ã§ã„ã‚‹ã€‚ æœ¬è¨˜äº‹ã¯ã€HTML 5ã®ä»•æ§˜ã‚„å®Ÿè£…çŠ¶æ³ã«é–¢ã™ã‚‹ç¾æ™‚ç‚¹ã§ã®æœ€æ–°ãƒ¬ãƒãƒ¼ãƒˆã¨ã—ã¦ã€å®Ÿéš›ã«å‹•ä½œã™ã‚‹ã‚µãƒ³ãƒ—ãƒ«ã‚’æ·»ãˆãŸè©³ç´°ãªè§£èª¬ã‚’ãŠå±Šã‘ã™ã‚‹ã‚‚ã®ã§ã‚ã‚‹ã€‚HTML 5ã®ä»•æ§˜ã¯ã¾ã ã¾ã æµå‹•çš„ã§ã‚ã‚Šã€å®Ÿè£…çŠ¶æ³ã‚‚åˆ»ä¸€åˆ»ã¨å¤‰åŒ–ã—ã¦ã„ã‚‹ãŒã€HTML 5ã«å¯¾ã—ã¦å¼·ãèˆˆå‘³ã‚’æŒã£ã¦ã„ã‚‹æ–¹ã€…ã«å°‘ã—ã§ã‚‚è©³ã—ã„æƒ…å ±ã‚’ãŠå±Šã‘ã§ãã‚Œã°å¹¸ã„ã§ã‚ã‚‹ã€‚ã¾ãŸã€HTML 5ã§è¿½åŠ ã•ã‚Œã‚‹å„ç¨®ã®æ–°æ©Ÿèƒ½ã«ã¤ã„ã¦çŸæ™‚é–“ã§æŠŠæ¡ã—ãŸã„å ´åˆã¯ã€ã€Œ5åˆ†ã§æŠŠæ¡ã™ã‚‹HTML 5 - Google Developer Dayã‚»ãƒƒã‚·ãƒ§ãƒ³ãƒªãƒãƒ¼ãƒˆã€ã¨ã„ã†è¨˜äº‹ãŒã‚ã‚‹ã®ã§ãã¡ã‚‰ã‚‚ãŠè–¦ã‚ã ã€‚ æœ¬ç‰¹é›†ã¯å…¨2å›žã‹ã‚‰æˆã‚Šã€å‰åŠã¨ãªã‚‹ä»Šå›žã§ã¯ã€ŒHTML5 - HTMLã¨X
littlefield 2010/02/03
html

html5

ã¾ã¨ã‚

api

ãƒ–ãƒ©ã‚¦ã‚¶
ãƒªãƒ³ã‚¯
Google Slides: Sign-in
Not your computer? Use a private browsing window to sign in. Learn more
littlefield 2010/01/30
ãƒ”ãƒ³ã‚¯ã®ãƒ–ãƒªãƒ¼ãƒ•å¼·è¦ã¯åˆ¥ã«å«Œã˜ã‚ƒãªã„ã‘ã©

html5

html

javascript

è³‡æ–™
ãƒªãƒ³ã‚¯
1 2 æ¬¡ã®ãƒšãƒ¼ã‚¸