[B! css][html5] kzakzaã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

kzakza id:kzakza

cssã¨html5ã«é–¢ã™ã‚‹kzakzaã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (18)

${{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ã‚„CSS3ã‚’é§†ä½¿ã—ãŸã€Œæ¬¡ä¸–ä»£ã®å¯èƒ½æ€§ã€ã‚’æ„Ÿã˜ã‚‹ã‚µã‚¤ãƒˆï½œTips*Blogï½œæ ªå¼ä¼šç¤¾ã‚³ãƒ—ãƒã‚·ã‚¹ãƒ†ãƒ
ã“ã“2ï½ž3å¹´ã®é–“ã§ã€HTML5ï¼CSS3ã«é–¢é€£ã™ã‚‹ãƒ–ãƒã‚°è¨˜äº‹ã®ã‚¨ãƒ³ãƒˆãƒªãƒ¼ã‚„ã‚»ãƒŸãƒŠãƒ¼ãªã©ã‚‚å¢—ãˆã¦ã€ã“ã‚Œã‚‰ã®ã‚ãƒ¼ãƒ¯ãƒ¼ãƒ‰ã‚‚ã™ã£ã‹ã‚Šå®šç€ã—ã¦ãã¾ã—ãŸã€‚ ã“ã®ãƒ–ãƒã‚°ã‚’ã”è¦§ã„ãŸã ã„ã¦ã„ã‚‹æ–¹ã‚‚ã€å„ã€…æŠ±ãˆã‚‰ã‚Œã¦ã„ã‚‹webç³»ã®æ¥å‹™æ¡ˆä»¶ã§ã€å¤§ãªã‚Šå°ãªã‚ŠHTML5ã‚„CSS3ãªã©ã®æŠ€è¡“ã‚’å–ã‚Šå…¥ã‚Œã¦ã„ã‚‹æ–¹ã€ãã®å¯èƒ½æ€§ã‚’ä½“é¨“ã—ã¦ã„ã‚‹æ–¹ãŒã»ã¨ã‚“ã©ã§ã¯ãªã„ã§ã—ã‚‡ã†ã‹ï¼Ÿ ä»Šå›žã®ã‚¨ãƒ³ãƒˆãƒªãƒ¼ã§ã¯ã€HTML5ï¼CSS3ï¼jQueryãªã©ã‚’çµ„ã¿åˆã‚ã›ã‚‹ã“ã¨ã«ã‚ˆã£ã¦ã©ã‚“ã©ã‚“å¤‰åŒ–ã—ã¦ã„ã£ã¦ã„ã‚‹"webã‚µã‚¤ãƒˆã®è¡¨ç¾"ã«ã¤ã„ã¦ã€äº‹ä¾‹ã‚’ã”ç´¹ä»‹ã—ãŸã„ã¨æ€ã„ã¾ã™ãŒã€ã¾ãšå§‹ã‚ã«å°‘ã—ã ã‘ãŠã•ã‚‰ã„ã‚’æ›¸ã‹ã›ã¦ã‚‚ã‚‰ã„ã¾ã™ã€‚ HTML5ã¨ã¯ï¼Ÿ ä»Šã•ã‚‰ãªã®ã§ã‚ã¾ã‚Šè©³ã—ã„èª¬æ˜Žã¯æ›¸ãã¾ã›ã‚“ãŒã€éŽåŽ»ã«å¼Šç¤¾HPå†…ã§ç§ãŒæ›¸ã„ãŸã‚³ãƒ©ãƒ ã€Žæ¬¡ä¸–ä»£ã‚’æ‹…ã†æŠ€è¡“ã€ŒHTML5ã€ã«ã¤ã„ã¦ã€ã‹ã‚‰å¼•ç”¨ã—ã¾ã™ã¨ã€ "ç¾åœ¨ã®webã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã§ã€æœ€ã‚‚ä¸€èˆ¬çš„ã«ä½¿ã‚ã‚Œã¦ã„ã‚‹HTMLã®æ¨™æº–ä»•æ§˜ã¯ã€ŒH
kzakza 2012/01/27
css

css3

html

html5
ãƒªãƒ³ã‚¯
Modernizr: the feature detection library for HTML5/CSS3
MENURespond to your userâ€™s browser features.Modernizr tells you what HTML, CSS and JavaScript features the userâ€™s browser has to offer.Add your detects Development build What is Modernizr?Itâ€™s a collection of superfast tests â€“ or â€œdetectsâ€ as we like to call them â€“ which run as your web page loads, then you can use the results to tailor the experience to the user. Why do I need it?All web develope
kzakza 2011/10/22
modernizr

html5

css
ãƒªãƒ³ã‚¯
çµ¶å¯¾ã«ä½¿ã„ãŸã„ã€modernizr 2.0
æœ€è¿‘ã§ã¯ã€ã™ã£ã‹ã‚ŠCSS3ã‚’åˆ©ç”¨ã™ã‚‹äººã«ã¯å®šç€ã—ãŸã€Œmodernizrã€å½“åˆã¯ã€CSS3ã®å¯¾å¿œçŠ¶æ³ã‚’ãƒã‚§ãƒƒã‚¯ã™ã‚‹ãƒ„ãƒ¼ãƒ«ã¨èª¤è§£ã‚’ã—ã¦ã„ãŸäººã‚‚å¤šãã„ã¾ã—ãŸã€‚ã—ã‹ã—ã€ã“ã®ãƒ„ãƒ¼ãƒ«ã¯ã€CSS3ã‚„HTML5ã®ã‚µãƒãƒ¼ãƒˆçŠ¶æ³ã‚’classåã¨ã—ã¦htmlè¦ç´ ã«åæ˜ ã—ã€ãã®classåã‚’åˆ©ç”¨ã—ã¦ã€Œãƒ—ãƒã‚°ãƒ¬ãƒƒã‚·ãƒ–ãƒ»ã‚¨ãƒ³ãƒãƒ³ã‚¹ãƒ¡ãƒ³ãƒˆã€ã‚’é©ç”¨ã™ã‚‹JavaScriptã§ã™ã€‚ html è¦ç´ ã« CSS3ã®ã‚µãƒãƒ¼ãƒˆã•ã‚Œã¦ã„ã‚‹ã‹ï¼Ÿã•ã‚Œã¦ã„ãªã„ã‹ï¼Ÿã§åˆ¥ã€…ã® classåã‚’è¨˜è¿°ã—ã¾ã™ã€‚ ä¾‹ãˆã°ãƒ–ãƒ©ã‚¦ã‚¶ãŒã€Œmultiple backgroundã€ã‚’ ã‚µãƒãƒ¼ãƒˆã—ã¦ã„ã‚‹å ´åˆ <html class="multiplebgs"> </html> ã‚µãƒãƒ¼ãƒˆã—ã¦ã„ãªã„å ´åˆ <html class="no-multiplebgs"> </html> CSSã®è¨˜è¿° .multiplebgs div p { /* properties for
kzakza 2011/10/11
css3

css

html5

JavaScript

modernizr
ãƒªãƒ³ã‚¯
Internet Explorer 10 Guide for Developers
Purpose The Internet ExplorerÂ 10 Guide for Developers provides a look at the developer features included in Internet ExplorerÂ 10, as well as the latest HTML5, JavaScript, and Cascading Style Sheets, LevelÂ 3 (CSS3) features available to developers of Windows apps using JavaScript for WindowsÂ 8. By using the documentation and samples in this guide, developers and designers can take full advantage of
kzakza 2011/09/14
IE

html5

html

CSS
ãƒªãƒ³ã‚¯
Interview: Adobe on HTML5 and Authoring with the Open Web Platform
I met by phone with four engineers from Adobe on 17 June to ask them about how emerging open web standards such as HTML5, SVG, CSS3, and WOFF are transf orming Web publishing. Arno Gourdol, Director of Engineering for Flash Runtime and Web Standards Vincent Hardy, Principal Scientist for Web Standards Rik Cabanier, Senior Computer Scientist Dragos Georgita, Engineer/Manager for Webkit Ian: Let's st
kzakza 2011/07/01
html

CSS

Adobe

html5
ãƒªãƒ³ã‚¯
| blog.ryow.net
HTML4ã¾ãŸã¯XHTML1ã‹ã‚‰HTML5ã¸ç§»è¡Œã™ã‚‹ã¨ãã€ã„ããªã‚Šå®Ÿè¡Œã—ã¡ã‚ƒã†ã¨å¤ã„ãƒ–ãƒ©ã‚¦ã‚¶ï¼ˆIEï¼‰ãƒ¦ãƒ¼ã‚¶ã‚’ç½®ã„ã¦ã‘ã¼ã‚Šã«ã—ã¦ã—ã¾ã†ã®ã§ã€é †ã‚’è¿½ã£ã¦ç§»è¡Œã™ã‚‹ã®ãŒç¾å®Ÿçš„ã§ã™ã€‚ ã§ã‚‚ã€æœ€è¿‘ã¯HTML5å¯¾å¿œã®ã‚µã‚¤ãƒˆãŒå¢—ãˆã¦ããŸ [â€¦]
kzakza 2011/06/24
ãƒ–ãƒã‚°ã‚’å¾ã€…ã«ç§»è¡Œã—ã¦ã¿ã‚‹ã€‚

html

html5

css
ãƒªãƒ³ã‚¯
æ¬¡ä¸–ä»£é›»åå‡ºç‰ˆã¨Web è¡¨ç¾æŠ€è¡“ãƒ•ã‚©ãƒ¼ãƒ©ãƒ in äº¬éƒ½
æ›´æ–°æƒ…å ± 2011.05.27: ãƒ—ãƒã‚°ãƒ©ãƒ ã‚’æ›´æ–°ã„ãŸã—ã¾ã—ãŸã€‚ 2011.05.25: ãƒ—ãƒã‚°ãƒ©ãƒ ã‚’æ›´æ–°ã„ãŸã—ã¾ã—ãŸã€‚é–‹å§‹/çµ‚äº†æ™‚åˆ»ãŒå¤‰æ›´ã¨ãªã£ã¦ã„ã‚‹ç®‡æ‰€ãŒã”ã–ã„ã¾ã™ã€‚ 2011.05.20: ãƒ—ãƒã‚°ãƒ©ãƒ ã‚’æ›´æ–°ã„ãŸã—ã¾ã—ãŸã€‚ ãƒ•ã‚©ãƒ¼ãƒ©ãƒ ã«ã¤ã„ã¦ ä½ç½®ä»˜ã‘ã¨ç›®çš„ æœ¬ãƒ•ã‚©ãƒ¼ãƒ©ãƒ ã§ã¯ã€5æœˆ30æ—¥é–‹å‚¬äºˆå®šã®ã€Žé›»åå‡ºç‰ˆã¨Web è¡¨ç¾æŠ€è¡“ã«é–¢ã™ã‚‹ãƒ•ã‚©ãƒ¼ãƒ©ãƒ inæ±äº¬ã€ã® è°è«–ã‚’å—ã‘ã¦ã€Webè¡¨ç¾æŠ€è¡“ï¼ˆç‰¹ã«ã€ç¸¦æ›¸ããƒ¬ã‚¤ã‚¢ã‚¦ãƒˆï¼‰ã®èª²é¡Œç‰ã«ã¤ã„ã¦ã€W3C CSS WGãƒ¡ãƒ³ãƒãƒ¼ã¨ã®æ„è¦‹äº¤æ›ã‚’è¡Œã†ã€‚ ç¸¦æ›¸ããƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚’ä½¿ç”¨ã™ã‚‹ã‚¢ã‚¸ã‚¢è«¸å›½ã ã‘ã§ãªãã€æ¬§ç±³ã®é–¢ä¿‚è€…ã‚’æ‹›è˜ã—ã€ å„å›½ã®è¦æœ›ã‚„æ„è¦‹ã®äº¤æ›ã‚’è¡Œã†ã“ã¨ã«ã‚ˆã‚Šã€ç¸¦æ›¸ãæ–‡åŒ–åœã§ã®æ¨™æº–åŒ–æ´»å‹•ã®æ™®åŠãƒ»åºƒå ±ã‚’å›³ã‚‹ã€‚ é–‹å‚¬æ—¥æ™‚ å¹³æˆ23å¹´6æœˆ1æ—¥(æ°´)åˆå‰9æ™‚40åˆ†ï½žåˆå¾Œ5æ™‚40åˆ† ä¼šå ´ äº¬éƒ½ãƒªã‚µãƒ¼ãƒãƒ‘ãƒ¼ã‚¯ ä¸»ä¼šå ´: è¥¿åœ°åŒº 4å·é¤¨ (2éšŽ) ãƒ«ãƒ¼ãƒ 2 ãƒ©ãƒ³ãƒãƒŸãƒ¼ãƒ†ã‚£ãƒ³ã‚°
kzakza 2011/05/20
äº¬éƒ½ã§ã‚‚ã‚„ã‚‹ã®ã‹ã€‚ã§ã‚‚ã€å¹³æ—¥ã ãªã‚ã€‚

é›»åæ›¸ç±

HTML5

css
ãƒªãƒ³ã‚¯
æœ¬ã®è™«: ChromeãŒã„ã¤ã®é–“ã«ã‹ç¸¦æ›¸ãã‚’å®Ÿè£…ã—å§‹ã‚ã¦ã„ãŸ
æ³¨æ„ï¼šã“ã“ã«ç¤ºã—ãŸCSSã¯ã€å®Ÿç”¨çš„ãªç›®çš„ã«ã¯ã€ã¾ã ä½¿ã£ã¦ã¯ãªã‚‰ãªã„ã€‚ä½•æ•…ãªã‚‰ã°ã€-webkitãƒ™ãƒ³ãƒ€ãƒ¼ãƒ—ãƒ¬ãƒ•ã‚£ã‚¯ã‚¹ã‚’ä½¿ã£ã¦ã„ã‚‹ã‹ã‚‰ã§ã‚ã‚‹ã€‚ã€‚ã“ã‚Œã¯ã€webkitã®å®Ÿè£…ãŒã¾ã å®Œå…¨ã§ã¯ãªã„ã“ã¨ã‚’æ„å‘³ã™ã‚‹ã€‚ Chromeï¼ˆã¨ã„ã†ã‚ˆã‚Šã‚‚webkitï¼‰ãŒã„ã¤ã®é–“ã«ã‹ã€ç¸¦æ›¸ãã‚’å®Ÿè£…ã—å§‹ã‚ã¦ã„ãŸã€‚ã¤ã¾ã‚Šã€CSS3ã®writing-modeãƒ—ãƒãƒ‘ãƒ†ã‚£ã®vertical-rlã¨vertical-lrã‚’ã‚µãƒãƒ¼ãƒˆã—ã¦ã„ã‚‹ã®ã§ã‚ã‚‹ã€‚ã¾ã ã€ãƒ™ãƒ³ãƒ€ãƒ¼ãƒ—ãƒ¬ãƒ•ã‚£ã‚¯ã‚¹ãŒå¿…è¦ãªã®ã§ã€å®Œå…¨ãªå®Ÿè£…ã§ã¯ãªã„ã®ã‹ã‚‚ã—ã‚Œãªã„ãŒã€å°‘ãªãã¨ã‚‚ã€ã‚ã‚‹ç¨‹åº¦ã¯å‹•ãã‚ˆã†ã ã€‚ ä¾‹ãˆã°ã€ä»¥ä¸‹ã®æ§˜ãªãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ãŒã€ <p style=" writing-mode : vertical-rl ; -webkit-writing-mode : vertical-rl ; font-family : '@ï¼ï¼³ æ˜Žæœ' ; font-size : 16pt ;
kzakza 2011/03/18
chrome

html5

css3

css

webkit
ãƒªãƒ³ã‚¯
HTML5ã¨CSS3ã‚’ãƒšãƒ¼ã‚¸å…¨ä½“orå°‘ã—ãšã¤å°Žå…¥ã™ã‚‹ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«
ãƒ‡ãƒ¢ãƒšãƒ¼ã‚¸ã®å…¨ä½“ã®ã‚ãƒ£ãƒ—ãƒãƒ£ ä¸‹è¨˜ã¯å„ãƒã‚¤ãƒ³ãƒˆã‚’æ„è¨³ã—ãŸã‚‚ã®ã§ã™ã€‚ å…¨ä½“ã‚’HTML5åŒ–ã—ã¦ã‚‚ã€é¢ç™½ãã†ãªCSS3ã®ã‚¨ãƒ•ã‚§ã‚¯ãƒˆã‚’å°‘ã—ãšã¤é©ç”¨ã—ã¦ã‚‚é¢ç™½ãã†ã§ã™ã€‚ ã‚¦ã‚§ãƒ–ãƒšãƒ¼ã‚¸ã«HTML5ã‚’å°Žå…¥ ã‚¦ã‚§ãƒ–ãƒšãƒ¼ã‚¸ã«CSS3ã‚’å°Žå…¥ ã‚¦ã‚§ãƒ–ãƒšãƒ¼ã‚¸ã«HTML5ã‚’å°Žå…¥ ãƒ‡ãƒ¢ãƒšãƒ¼ã‚¸ã®HTMLã®æ§‹é€ ã¯ã€ä¸‹è¨˜ã®ã‚ˆã†ã«ãªã£ã¦ã„ã¾ã™ã€‚ HTML5ï¼šãƒšãƒ¼ã‚¸ã®ãƒ™ãƒ¼ã‚¹ å„ã‚¨ãƒ¬ãƒ¡ãƒ³ãƒˆã‚’é…ç½®ã™ã‚‹å‰ã®HTMLã®ãƒ™ãƒ¼ã‚¹ã¯ã€ä¸‹è¨˜ã®ã‚ˆã†ã«ãªã‚Šã¾ã™ã€‚ <!DOCTYPE html> <html lang="en"><head> <meta charset="utf-8" /> <title>Ferris Buller on Abduzeedo</title> <link rel="stylesheet" href="style.css"> <!--[if IE]> <script src="http://html5sh
kzakza 2011/03/04
html5

html

css3

css
ãƒªãƒ³ã‚¯
W3CãŒHTML5ã®ãƒã‚´ã‚’ç™ºè¡¨ï¼ ãƒ›ãƒ¼ãƒ ãƒšãƒ¼ã‚¸ã«è²¼ã‚ã†ï¼
ãƒã‚´ã¯ã‚¯ãƒªã‚¨ã‚¤ãƒ†ã‚£ãƒ–ã‚³ãƒ¢ãƒ³ã‚ºã®Attribution 3.0 Licenseãƒ©ã‚¤ã‚»ãƒ³ã‚¹ã§æä¾›ã•ã‚Œã€å¸Œæœ›è€…ã¯èª°ã§ã‚‚ã“ã®ãƒã‚´ã‚’Webã‚µã‚¤ãƒˆã«è¡¨ç¤ºã—ãŸã‚Šã€ã‚¹ãƒ†ãƒƒã‚«ãƒ¼ã«ã—ã¦PCã«è²¼ã£ãŸã‚Šã€Tã‚·ãƒ£ãƒ„ã®æŸ„ã«ã™ã‚‹ã“ã¨ãŒã§ãã‚‹ã¨ã®ã“ã¨ã€‚ ã¾ãŸã€HTML5ã‚’åˆ©ç”¨ã—ã¦ã„ã‚‹ã“ã¨ã‚’ã‚¢ãƒ”ãƒ¼ãƒ«ã—ãŸã„Webã‚µã‚¤ãƒˆã®ãŸã‚ã«ã€HTML5é–¢é€£ã®ãƒ†ã‚¯ãƒŽãƒã‚¸ãƒ¼ã‚’ç¤ºã—ãŸã‚¢ã‚¤ã‚³ãƒ³ä»˜ãã®ãƒãƒƒã‚¸ã‚‚æä¾›ã•ã‚Œã¦ã„ã¾ã™ã€‚ HTML5ã®ãƒã‚´ã®å³å´ã«ä¸¦ã‚“ã ã‚¢ã‚¤ã‚³ãƒ³ã¯ã€å·¦ã‹ã‚‰ä»¥ä¸‹ã®ãƒ†ã‚¯ãƒŽãƒã‚¸ãƒ¼ã‚’ç¤ºã—ã¦ãŠã‚Šã€ä»»æ„ã«é¸æŠžã§ãã¾ã™ï¼ˆãƒãƒƒã‚¸ã«ã¯ç¸¦ç”¨ã®ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚‚ã‚ã‚Šã¾ã™ï¼‰ã€‚ Connectivityï¼ˆWeb Socketsã€Server-Sent Eventsãªã©ï¼‰ CSS3 & Stylingï¼ˆCSS3ã€Web Open Fonts Formatãªã©ï¼‰ Device Access 3D & Effectsï¼ˆWebGLã€CSSã®3Dæ©Ÿèƒ½ãªã©ï¼‰ Multim
kzakza 2011/01/19
è¦‹æ…£ã‚Œã‚‹ã¨ãã‚Œã‚‰ã—ãè¦‹ãˆã‚‹ã®ã‹ãªã€‚

css

html5
ãƒªãƒ³ã‚¯
2010å¹´ã®Webæ¨™æº– | Webæ¨™æº–Blog | ãƒŸãƒ„ã‚¨ãƒ¼ãƒªãƒ³ã‚¯ã‚¹
2010å¹´ã‚‚ã‚ã¨æ•°æ—¥ã‚’æ®‹ã™ã®ã¿ã¨ãªã‚Šã¾ã—ãŸã€‚ã¨ã„ã†ã‚ã‘ã§ã€2010å¹´ã®Webæ¨™æº–ã«ã¤ã„ã¦æ„Ÿã˜ãŸã“ã¨ã‚’ã¾ã¨ã‚ã€æ¥å¹´ä»¥é™ã®å‹•ãã«ã¤ã„ã¦è€ƒãˆã¦ã¿ã¾ã—ãŸã€‚ HTML5ã¨å‘¨è¾ºæŠ€è¡“ 2010å¹´ã¯æ˜¨å¹´ã«ç››ã‚Šä¸ŠãŒã£ãŸã€ŒHTML5ã€ã¸ã®æ³¨ç›®ãŒã€ã•ã‚‰ã«åºƒãŒã£ãŸä¸€å¹´ã§ã‚ã‚‹ã‚ˆã†ã«æ€ãˆã¾ã™ã€‚ã¨ã¯ã„ãˆã€ã©ã†ã„ã£ãŸæ©Ÿèƒ½ãŒã‚ã‚Šã€ã©ã®ã‚ˆã†ãªå±•é–‹ãŒè¦‹è¾¼ã¾ã‚Œã‚‹ã®ã‹ã¨ã„ã†ã‚ˆã„ç´¹ä»‹ãŒå¢—ãˆãŸã“ã¨ã‚‚ã‚ã‚Šã€æ˜¨å¹´ã«ã‚ã£ãŸã€ŒXHTMLã¯ãªããªã‚‹ã€ã¨ã„ã£ãŸã‚ˆã†ãªèª¤è§£ãŒã¨ã¦ã‚‚å°‘ãªããªã£ãŸã®ã¯è‰¯ã‹ã£ãŸã¨æ„Ÿã˜ã¦ã„ã¾ã™ã€‚ ã•ã‚‰ã«ä»Šå¹´ã¯ã€ŒHTML5ã€ã¨æ‹¬ã‚‰ã‚Œã‚‹æŠ€è¡“ã§æ§‹æˆã•ã‚ŒãŸã‚·ãƒ§ãƒ¼ã‚±ãƒ¼ã‚¹ã®ç™»å ´ã€ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã®æ™®åŠã‚‚ã‚ã‚Šã€å®Ÿéš›ã®Webã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã§ã®æŽ¡ç”¨ã¨ã„ã£ãŸå‡ºæ¥äº‹ãŒé‡ãªã‚Šã¾ã—ãŸã€‚ã“ã‚Œã‹ã‚‰ã®åŸºç›¤æŠ€è¡“ã¨ã—ã¦ã€Œä½¿ã£ã¦ã„ãã€æŠ€è¡“ã¨ã„ã†èªè˜ãŒå›ºã¾ã£ãŸã®ã§ã¯ãªã„ã§ã—ã‚‡ã†ã‹ã€‚ä»Šå¾Œã¯ã€Œä½¿ã†ã“ã¨ã€ã«ãƒ•ã‚©ãƒ¼ã‚«ã‚¹ã—ãŸæƒ…å ±ãŒå¤šãå‡ºã¦ãã‚‹ã®ã§ã¯ãªã„ã‹ã¨æ€ã„ã¾ã™ã€‚ Web
kzakza 2010/12/27
css

css3

html5

html
ãƒªãƒ³ã‚¯
CSS3ã¨HTML5ã§ã©ã†é•ã†ï¼Ÿã€€ WebKitæœ€æ–°é–‹ç™ºç‰ˆã§è©¦ã™ã€Œãƒ«ãƒ“ã€ - builder by ZDNet Japan
HTML5ã®ãƒ«ãƒ“ã¨XHTML 1.1ã®ãƒ«ãƒ“ æœ¬é€£è¼‰ã®ãƒ†ãƒ¼ãƒžã§ã‚ã‚‹EPUBã¯ã€è¦æ ¼ã®æˆç«‹çµŒç·¯ã¨ä»•æ§˜ã®ä¸¡é¢ã«ãŠã„ã¦ã€ã‚¦ã‚§ãƒ–ã¨åˆ‡ã‚Šé›¢ã—ã¦ã¯è€ƒãˆã«ãã„æ€§è³ªã‚’æŒã£ã¦ã„ã¾ã™ã€‚åŸºæœ¬çš„ã«ã¯XHTMLã¨CSSã§ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’è¨˜è¿°ã™ã‚‹ãŸã‚ã€iOSã«æè¼‰ã®EPUBãƒ“ãƒ¥ãƒ¼ãƒ¯ã€ŒiBooksã€ã®ã‚ˆã†ã«ã€ã‚¨ãƒ³ã‚¸ãƒ³éƒ¨åˆ†ã‚’ã‚¦ã‚§ãƒ–ãƒ–ãƒ©ã‚¦ã‚¶ã¨å…±æœ‰ã—ã¦ã„ã‚‹ä¾‹ã‚‚å°‘ãªãã‚ã‚Šã¾ã›ã‚“ã€‚ã‚¦ã‚§ãƒ–ã®ä»•æ§˜ãŠã‚ˆã³ãã®å®Ÿè£…ã§ã‚ã‚‹ã‚¦ã‚§ãƒ–ãƒ–ãƒ©ã‚¦ã‚¶ã¨EPUBã¯ä¸å¯åˆ†ã®é–¢ä¿‚ã€ã¨ã„ã†ã“ã¨ã‚‚ã§ãã‚‹ã§ã—ã‚‡ã†ã€‚ ãã—ã¦ã‚¦ã‚§ãƒ–ã®ä»•æ§˜ã¯ã€ç¾åœ¨ã€ŒHTML5ã€ã¸ã¨æ©ã‚’é€²ã‚ã¤ã¤ã‚ã‚Šã¾ã™ã€‚æ£å¼ãªè¦æ ¼åŒ–ï¼ˆW3Cã«ã‚ˆã‚‹å‹§å‘Šï¼‰ã¯2012å¹´é ƒã¨å…ˆã®è©±ã§ã¯ã‚ã‚Šã¾ã™ãŒã€ã™ã§ã«æœ€çµ‚è‰æ¡ˆï¼ˆãƒ©ã‚¹ãƒˆã‚³ãƒ¼ãƒ«ï¼‰ã¸ã®å·¥ç¨‹è¡¨ãŒæå‡ºã•ã‚Œã¦ã„ã¾ã™ã‹ã‚‰ã€ä»•æ§˜ã¨ã—ã¦ã¯ã»ã¼å›ºã¾ã£ã¦ã„ã‚‹ã¨è¦‹ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ãã®æµã‚Œã‚’è¦‹è¶Šã—ã€ä¸»è¦ãªã‚¦ã‚§ãƒ–ãƒ–ãƒ©ã‚¦ã‚¶ãŒHTML5ã®å®Ÿè£…ã‚’é–‹å§‹ã—ã¦ã„ã‚‹ã“ã¨ã¯ã€ã”å˜ã˜ã¨æ€ã„ã¾ã™ã€‚ æŒ¯ã‚Šä»®åã¨ã—
kzakza 2010/12/03
html5

html

css3

css
ãƒªãƒ³ã‚¯
HTML5è‰æ¡ˆãŒæ›´æ–°ã€CSS3 Colorã¯å‹§å‘Šæ¡ˆã« | Webæ¨™æº–Blog | ãƒŸãƒ„ã‚¨ãƒ¼ãƒªãƒ³ã‚¯ã‚¹
æ¥é€±é–‹å‚¬ã•ã‚Œã‚‹W3C TPAC (Technical Plenary/Advisory Committee Meeting)ã§ã®ãƒŸãƒ¼ãƒ†ã‚£ãƒ³ã‚°ã§è°è«–ã™ã‚‹ãŸã‚ã‹ã€ä»Šæœˆã¯ã„ã¤ã‚‚ä»¥ä¸Šã«å…¬é–‹ã•ã‚Œã‚‹è‰æ¡ˆãŒå¤šããªã£ã¦ã„ã¾ã™ã€‚ 10/19æ—¥ä»˜ã§ã€HTML5ä»•æ§˜ã¨é–¢é€£ä»•æ§˜ãŒHTML WGã‹ã‚‰å…¬é–‹ã•ã‚Œã¦ã„ã¾ã™ã€‚ HTML5 HTML5 differences from HTML4 HTML: The Markup Language HTML+RDFa 1.1 HTML Microdata HTML Canvas 2D Context HTML5: Techniques for providing useful text alternatives Polyglot Markup: HTML-Compatible XHTML Documents å¤‰æ›´ç‚¹ã®ç¿»è¨³ã‚‚ã€ã„ã¤ã‚‚ã©ãŠã‚Šæ›´æ–°ã—ã¦ã„ã¾ã™ã€‚ HTML5 ã«ãŠã‘ã‚‹
kzakza 2010/10/29
html

html5

css

css3
ãƒªãƒ³ã‚¯
HTML5ã‚’ä»Šã™ãä½¿ã†ãŸã‚ã®ã‚³ãƒ„ã‚„æƒ…å ±ã‚’ã¾ã¨ã‚ã¦ã¿ã¾ã—ãŸ - EC studio ãƒ‡ã‚¶ã‚¤ãƒ³ãƒ–ãƒã‚°
ã“ã®æ•°ã‚«æœˆã§HTML5ã®ã‚µã‚¤ãƒˆãŒå›½å†…ã«ã‚‚å¢—ãˆã¦ãã¾ã—ãŸã€‚å…ˆæ—¥10å‘¨å¹´ã‚’è¿ŽãˆãŸ EC studio ã®ã‚µã‚¤ãƒˆã‚‚HTML5ã§åˆ¶ä½œã—ã¦ã„ã¾ã™ã€‚ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ã®é¢ã§ã®HTML5ã®å°Žå…¥ã¨ãªã‚Šã¾ã—ãŸãŒã€é›£ã—ã„ã¨æ€ã†ä»¥ä¸Šã«å‹‰å¼·ã«ãªã‚‹ã“ã¨ãŒå¤šãã‚ã‚Šã¾ã—ãŸã€‚ï¼ˆä»Šã‚‚æ”¹å–„ã‚’ç¶šã‘ã¦ã„ã¾ã™ã€‚ï¼‰ http://www.ecstudio.jp/ å€‹äººã‚µã‚¤ãƒˆä»¥å¤–ã§HTML5ã‚’å°Žå…¥ã™ã‚‹ã®ã‚’ãŸã‚ã‚‰ã£ã¦ã„ã‚‹äººãŒå¤šã„ã¨æ€ã†ã®ã§ã€ä»Šã‹ã‚‰ã§ã‚‚ä½¿ã£ã¦ã„ããŸã‚ã®ã‚³ãƒ„ã‚„ãƒŽã‚¦ãƒã‚¦ã‚’ã¾ã¨ã‚ã¦ã¿ã¾ã—ãŸã€‚ æ–°è¦ç´ ã‚’JavaScriptã§ç”Ÿæˆã™ã‚‹ HTML5ã®æ–°è¦ç´ ã¯IEã§ã¯æœªçŸ¥ã®è¦ç´ ã§ã™ã€‚ãã®ãŸã‚è¨˜è¿°ã—ã¦ã„ã¦ã‚‚DOMãƒ„ãƒªãƒ¼ãŒæ§‹æˆã•ã‚Œãªã‹ã£ãŸã‚Šã€CSSãŒé©ç”¨ã•ã‚Œãªã„ã¨ã„ã†å•é¡ŒãŒç”Ÿã˜ã¾ã™ã€‚ ãã“ã§document.createElement(è¦ç´ å);ã«ã‚ˆã‚Šã€ãƒ–ãƒ©ã‚¦ã‚¶ï¼ˆãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚¨ãƒ¼ã‚¸ã‚§ãƒ³ãƒˆï¼‰ã«ã¨ã£ã¦æœªçŸ¥ãªå˜åœ¨ã®è¦ç´ ã‚’ç”Ÿæˆã—ã€èªè˜ã•ã›ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚
kzakza 2010/07/30
html5

html

css

javascript
ãƒªãƒ³ã‚¯
Webæ¨™æº–ä»•æ§˜ æ—¥æœ¬èªžè¨³ä¸€è¦§
CSS ãƒ¡ãƒ‡ã‚£ã‚¢ã‚¯ã‚¨ãƒªãƒ¼ ç”»é¢ã‚µã‚¤ã‚ºãªã©ã€åª’ä½“ã®æŒã¤ç‰¹å¾´ã‚’åˆ©ç”¨ã—ã€ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã‚’é©ç”¨ã™ã‚‹ãŸã‚ã®ä»•çµ„ã¿ã‚’æä¾›ã—ã¾ã™ã€‚ åŽŸæ–‡: â€œMedia Queriesâ€ (W3C Recommendation 19 June 2012) ã‚»ãƒ¬ã‚¯ã‚¿ Level 3 :nth-child()ã‚„:not()ãªã©ã€æ–°ã—ã„ã‚»ãƒ¬ã‚¯ã‚¿ã‚’å®šç¾©ã™ã‚‹ãƒ¢ã‚¸ãƒ¥ãƒ¼ãƒ«ã§ã™ã€‚ åŽŸæ–‡: â€œSelectors Level 3â€ (W3C Recommendation 29 September 2011) CSS åå‰ç©ºé–“ãƒ¢ã‚¸ãƒ¥ãƒ¼ãƒ« CSSã§åå‰ç©ºé–“ã‚’æ‰±ã†@namespaceè¦å‰‡ã‚’å®šç¾©ã—ã¦ã„ã¾ã™ã€‚ åŽŸæ–‡: â€œCSS Namespaces Moduleâ€ (W3C Recommendation 29 September 2011) CSS ã‚«ãƒ©ãƒ¼ãƒ¢ã‚¸ãƒ¥ãƒ¼ãƒ« Level 3 opacityã‚„rgba()ãªã©ã€è‰²ã«é–¢ã™ã‚‹å€¤ã‚„ãƒ—ãƒãƒ‘ãƒ†ã‚£ã‚’å®šç¾©ã™
kzakza 2010/07/29
W3C

web

css

html

html5
ãƒªãƒ³ã‚¯
CSS3ã§ç¸¦æ›¸ãã‚¹ã‚¿ã‚¤ãƒ«ã‚’ã€é›»åå‡ºç‰ˆã®æœªæ¥ã®ãŸã‚ã«ã€‚æ—¥æœ¬ç™ºã§ææ¡ˆä¸
æ—¥æœ¬èªžã«ã¯ç¸¦æ›¸ãè¡¨è¨˜ãŒå˜åœ¨ã—ã¾ã™ãŒã€HTMLã‚„CSSãªã©ã®Webæ¨™æº–ã«ã¯ç¸¦æ›¸ãã®ãŸã‚ã®ã®ãƒ—ãƒãƒ‘ãƒ†ã‚£ã‚„æ©Ÿèƒ½ã¯ã¾ã ååˆ†ã§ã¯ã‚ã‚Šã¾ã›ã‚“ã€‚ã“ã‚Œã¾ã§ã¯HTMLã‚„CSSã®ç”¨é€”ãŒã€Webãƒ–ãƒ©ã‚¦ã‚¶ã§å‚ç…§ã™ã‚‹Webã‚µã‚¤ãƒˆã‚’è¨˜è¿°ã™ã‚‹ç”¨é€”ã«ã»ã¼çµžã‚‰ã‚Œã¦ã„ãŸãŸã‚ã€ã“ã®ã“ã¨ã¯ã»ã¨ã‚“ã©å•é¡Œã«ãªã‚Šã¾ã›ã‚“ã§ã—ãŸã€‚ ã—ã‹ã—ä»Šå¾ŒHTMLã¨CSSã¯ã€é›»åæ›¸ç±ã®ãƒ•ã‚©ãƒ¼ãƒžãƒƒãƒˆã¨ã—ã¦ã‚‚ä½¿ã‚ã‚Œã‚‹ã“ã¨ã«ãªã‚Šãã†ã§ã™ã€‚ã‚ªãƒ¼ãƒ—ãƒ³ãªé›»åæ›¸ç±ãƒ•ã‚¡ã‚¤ãƒ«ãƒ•ã‚©ãƒ¼ãƒžãƒƒãƒˆè¦æ ¼ã¨ã—ã¦æ™®åŠãŒå§‹ã¾ã£ã¦ã„ã‚‹ã€ŒEPUBã€ã¯ã€HTMLã¨CSSï¼ˆãã‚Œã«ç”»åƒãƒ•ã‚¡ã‚¤ãƒ«ãªã©é–¢é€£ãƒ•ã‚¡ã‚¤ãƒ«ï¼‰ã§è¨˜è¿°ã•ã‚Œã¾ã™ã€‚ã“ã‚Œã«ã‚ˆã‚Šå½“ç„¶ãªãŒã‚‰ã€EPUBã«ã‚ˆã‚‹é›»åæ›¸ç±ã§æ—¥æœ¬èªžã®ç¸¦æ›¸ãã®ãƒ‹ãƒ¼ã‚ºãŒé«˜ã¾ã‚‹ã“ã¨ãŒè€ƒãˆã‚‰ã‚Œã‚‹ãŸã‚ã€CSSãªã©ã«ã‚ˆã‚‹å……å®Ÿã—ãŸç¸¦æ›¸ãã®ã‚µãƒãƒ¼ãƒˆã¯æ¬ ã‹ã›ãªã„ã‚‚ã®ã¨ãªã‚Šã¾ã™ã€‚ EPUBã§ã®å……å®Ÿã—ãŸç¸¦æ›¸ããƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚’å®Ÿç¾ã™ã¹ãã€ã‹ã¤ã¦W3Cã§XML1.0ã®ä»•æ§˜ç–å®šã«é–¢ã‚ã£ãŸãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—
kzakza 2010/06/03
css

html5

CSS3

EPUB
ãƒªãƒ³ã‚¯
HTML5 / CSS3ã®ã‚½ãƒ¼ã‚¹ãŒãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã§ãã‚‹ã‚µãƒ³ãƒ—ãƒ« â€“ creamu
HTML5 / CSSã§ã§ãã‚‹ã“ã¨ã‚’ã–ã£ãã‚ŠæŽ´ã¿ãŸã„ã€‚ ãã‚“ãªã¨ãã«å‚è€ƒã«ãªã‚‹ã®ãŒã€ã€ŽCreate An Elegant Website With HTML 5 And CSS3ã€ã€‚HTML5 / CSS3ã®ã‚½ãƒ¼ã‚¹ãŒãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã§ãã‚‹ã‚µãƒ³ãƒ—ãƒ«ã§ã™ã€‚ HTML5ã§ä½¿ã‚ã‚Œã‚‹<section>ã‚„<aside>ã€<header>ã€<footer>ãªã©ã®å„ã‚¿ã‚°ã®è§£èª¬ã¨ã€CSSã«ãŠã‘ã‚‹ã€ŒRGBaã€ã€ã€Œbox-shadowã€ã€ã€Œborder-radiusã€ã€ã€Œtext-shadowã€ãªã©ã®ãƒ—ãƒãƒ‘ãƒ†ã‚£ãƒ¼ã®è§£èª¬ãŒã•ã‚Œã¦ã„ã¾ã™ã€‚ ãƒ‡ãƒ¢ã¯ä»¥ä¸‹ã‹ã‚‰ã€‚ Download Source ã‚½ãƒ¼ã‚¹ã®ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã‚‚æä¾›ã•ã‚Œã¦ã„ã‚‹ã®ã§ã€å‚è€ƒã«è¦‹ã¦ã¿ã¦ã¯ã„ã‹ãŒã§ã—ã‚‡ã†ã‹ï¼Ÿ Touch The Future: Create An Elegant Website With HTML 5 And CSS3 ã‚ã‚‹ã“ã¨ãŒä¸€ã¤æ±ºã¾ã£ãŸã€‚ã¨
kzakza 2010/04/26
html

css

html5

css3
ãƒªãƒ³ã‚¯
HTML5 & CSS3 ãƒ–ãƒ©ã‚¦ã‚¶åˆ¥ã‚µãƒãƒ¼ãƒˆçŠ¶æ³
What is an IP Address? An IP (short for â€œInternet Protocolâ€) address is a unique number assigned to every machine that connects to the internet. Nowadays, you can have multiple computers behind a router that share a single IP using Network Address Transf ormation (NAT). If you have ever used a wifi hotspot to access the internet, youâ€™ve shared an IP address with someone. Whatâ€™s the Difference betwe
kzakza 2010/03/26
html5

html

css3
ãƒªãƒ³ã‚¯
1