[B! CSS3][HTML5] so-do12ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

so-do12 id:so-do12

CSS3ã¨HTML5ã«é–¢ã™ã‚‹so-do12ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (7)

${{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ã§çµ„ã‚“ã§ã‚‹ãªã‚‰ã“ã®é”æ³•ã®jsã‚‚å…¥ã‚Œã¦ãŠã‘ã£ã¦ã„ã†è©±
ç¾åœ¨ã€A!@attripã•ã‚“ç™ºã§è©±é¡Œã«ãªã£ã¦ã„ã‚‹ã€ŒãŸã£ãŸ2è¡Œã§IE5.5ï½žIE8ã‚’ãƒ¢ãƒ€ãƒ³ãƒ–ãƒ©ã‚¦ã‚¶ã®æŒ™å‹•ã«ã™ã‚‹é”æ³•ã®JSã€ã¨ã„ã†è¨˜äº‹ã€‚ Webãƒ‡ã‚¶ã‚¤ãƒ³ç•Œéšˆã§ã¯å½“ãŸã‚Šå‰ã®ã‚‚ã®ã§ã™ãŒã€å®Ÿã¯ã‚‚ã†ã²ã¨ã¤è¿½åŠ ã—ã¦ãŠãã¨ã„ã„ã‹ã‚‚ã—ã‚Œãªã„jsãŒã‚ã£ãŸã‚Šã—ã¾ã™ã€‚ Photo:html5 By michael pollak IE8ä»¥å‰ã®ãƒ–ãƒ©ã‚¦ã‚¶ã¯ã©ã†ã«ã‚‚ã“ã†ã«ã‚‚é–‹ç™ºè€…æ³£ã‹ã›ãªã‚ã‘ã§ã™ãŒã€ie9.jsã¨css3-mediaqueries.jsã‚’çªã£è¾¼ã‚€ã“ã¨ã§ã€ãƒ¢ãƒ€ãƒ³ãƒ–ãƒ©ã‚¦ã‚¶ã¨åŒã˜æŒ™å‹•ã«ã™ã‚‹ã“ã¨ãŒã§ãã¡ã‚ƒã„ã¾ã™ã€‚ ã‚‚ã†å°‘ã—å…·ä½“çš„ã«æ›¸ãã¨ã€ie9.jsã‚’çµ„ã¿è¾¼ã‚€ã“ã¨ã§ã€ position:fixed;ã«å¯¾å¿œ max-widthã€max-heightã«å¯¾å¿œ å±žæ€§ã‚»ãƒ¬ã‚¯ã‚¿ã€æ“¬ä¼¼ã‚¯ãƒ©ã‚¹ã«å¯¾å¿œ margin:0 auto;ã§ã®ã‚»ãƒ³ã‚¿ãƒªãƒ³ã‚°ã«å¯¾å¿œ é€éŽPNGã«å¯¾å¿œ opacityã«å¯¾å¿œ ã¨ã„ã£ãŸã“ã¨ãŒå¯èƒ½ã«ãªã‚Šã¾ã™ã€‚è¦ã¯CS
so-do12 2012/12/02
*ã‚ã¨ã§èªã‚€

CSS3

HTML5
ãƒªãƒ³ã‚¯
ã“ã‚Œã¯å¿…è¦‹ã®WEBãƒ‡ã‚¶ã‚¤ãƒ³ã®è¿‘æœªæ¥ã€‚HTML5ã§æ§‹ç¯‰ã•ã‚ŒãŸã‚µã‚¤ãƒˆ45:phpspoté–‹ç™ºæ—¥èªŒ
45 Examples Of Websites Designed With HTML5 | Free and Useful Online Resources for Designers and Developers ã“ã‚Œã¯å¿…è¦‹ã®WEBãƒ‡ã‚¶ã‚¤ãƒ³ã®è¿‘æœªæ¥ã€‚HTML5ã§æ§‹ç¯‰ã•ã‚ŒãŸã‚µã‚¤ãƒˆ45 CSS3ãªã‚“ã‹ã‚‚å–ã‚Šå…¥ã‚Œã¦ãƒ‡ã‚¶ã‚¤ãƒ³ã¯åŽ»ã‚‹ã“ã¨ãªãŒã‚‰ã€å‹•ãã‚‚ã„ã„æ„Ÿã˜ã«å®Ÿè£…ã•ã‚Œã¦ã„ã¾ã™ã€‚ WEBæ¥ç•Œã«èº«ã‚’ç½®ãæ–¹ãªã‚‰ã°ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ãªã‚‰ãšã¨ã‚‚ã€å‡ºæ¥ã‚‹ã“ã¨ã‚’çŸ¥ã£ã¦ãŠãã¨ã„ã†æ„å‘³ã§å¿…è¦‹ã®ã‚µã‚¤ãƒˆãŒå¤šæ•°ã€‚ å¤šãã®ãƒ—ãƒãƒ•ã‚§ãƒƒã‚·ãƒ§ãƒŠãƒ«ãªã‚µã‚¤ãƒˆã«ãŠã„ã¦ã“ã†ã—ãŸç‰©ãŒè¿‘ã„æœªæ¥å½“ãŸã‚Šå‰ã«ãªã£ã¦ã„ããã†ãªäºˆæ„Ÿã€‚ ä»Šå¾Œã€ã‚ˆã‚Šå¤šãã®çŸ¥è˜ã¨å‹•ã‹ã—æ–¹ã«é–¢ã™ã‚‹å¼•ãå‡ºã—ã‚’èº«ã«ä»˜ã‘ãŸä¸Šã§ã‚¯ãƒªã‚¨ã‚¤ãƒ†ã‚£ãƒ–ãªä»•äº‹ãŒæ±‚ã‚ã‚‰ã‚Œãã†ã§å¤§å¤‰ãªåé¢ã€é¢ç™½ã„ã“ã¨ã«ã‚‚ãƒãƒ£ãƒ¬ãƒ³ã‚¸ã§ããã†ãªå¯èƒ½æ€§ã‚’æ„Ÿã˜ã¾ã™ã€‚ ã‚½ãƒ‹ãƒ¼ã®ã‚¿ãƒ–ãƒ¬ãƒƒãƒˆã®ã‚µã‚¤ãƒˆã€‚è¶…ã‚«ãƒƒã‚³ã„ã„ã§ã™ ä»–ã«ã‚‚å¤šæ•°ã®å‹•ã
so-do12 2012/05/14
*ã‚ã¨ã§èªã‚€

HTML5

css3
ãƒªãƒ³ã‚¯
IBM Developer
IBM Developer is your one-stop location for getting hands-on training and learning in-demand skills on relevant techno logies such as generative AI, data science, AI, and open source.
so-do12 2012/01/08
HTML5

CSS3
ãƒªãƒ³ã‚¯
Webãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼&UIãƒ‡ãƒ™ãƒãƒƒãƒ‘ãƒ¼å‘ã‘ã®HTML5/CSS3/jQuery/PHPãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ãƒ»G5 Framework
Webãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã‚„ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ãƒ‡ãƒ™ãƒãƒƒãƒ‘ãƒ¼ å‘ã‘ã®ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ãŒç™»å ´ã—ãŸã‚ˆã†ã§ã™ãã€‚ HTML5/CSS3/jQuery/PHPã‚’ä½¿ã£ã¦æ§‹æˆã• ã‚Œã¦ãŠã‚Šã€ã‚·ãƒ³ãƒ—ãƒ«ã§è»½é‡ã€‚å°è¦æ¨¡ãƒ¬ãƒ™ãƒ«ã® ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã®ã‚¹ã‚¿ãƒ¼ã‚¿ãƒ¼ã‚ãƒƒãƒˆç‰ã«ã‚‚åˆ©ç”¨ã—ã¦ æ¬²ã—ã„ã€ã¨ã®ã“ã¨ã§ã™ã€‚ è©±é¡Œã‚’é›†ã‚ã‚‹HTML5ã‚„CSS3ã€jQueryã§æ§‹æˆã•ã‚Œã¦ã„ã‚‹ã®ã§å‹‰å¼·ãŒã¦ã‚‰è§¦ã£ã¦ã¿ã‚‹ã®ã‚‚ã„ã„ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ã€‚ãƒ©ã‚¤ã‚»ãƒ³ã‚¹ã¯GPLã¨MITã®ãƒ‡ãƒ¥ã‚¢ãƒ«ãƒ©ã‚¤ã‚»ãƒ³ã‚¹ã§ã™ã€‚ (X)HTML5, CSS3, PHP & jQuery Front-End Development Frameworkã¨ã®ã“ã¨ã€‚PHPãƒ•ã‚¡ã‚¤ãƒ«1æžšã«HTML5/css3/jQueryã‚’è©°ã‚è¾¼ã‚“ã ã‚·ãƒ³ãƒ—ãƒ«ãªæ§‹æˆã§ã™ã€‚ ç°¡å˜ã«å§‹ã‚ã‚‰ã‚Œã¾ã™ã‚ˆã€‚æœ€åˆã‹ã‚‰ãã“ãã“ä½œã‚‰ã‚Œã¦ã„ã¾ã™ã€‚ ãƒžãƒ«ãƒã‚«ãƒ©ãƒ ã®ãƒ‡ãƒ¢ãªã‚“ã‹ã‚‚ã€‚ ä¸Šè¨˜ã¯IETesterã‚’ä½¿ç”¨ã—ãŸIE7ã®ã‚ãƒ£ãƒ—ãƒãƒ£ã€‚CSS-PIEãªã©ã‚‚
so-do12 2011/04/24
CSS3

HTML5

PHP

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

ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯
ãƒªãƒ³ã‚¯
ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³å‘ã‘ã‚µã‚¤ãƒˆã®ä½œã‚Šæ–¹ | ãƒ¦ãƒ¼ã‚¸ãƒƒã‚¯
ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³å‘ã‘ã‚µã‚¤ãƒˆã®ä½œã‚Šæ–¹ 2011å¹´1æœˆ22æ—¥ iPhoneã¨Androidä¸¡æ–¹ã«å¯¾å¿œã™ã‚‹ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³å‘ã‘ã‚µã‚¤ãƒˆã®ä½œã‚Šæ–¹ã‚’ã¾ã¨ã‚ã¦ã¿ã¾ã—ãŸã€‚ ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³å‘ã‘ã‚µã‚¤ãƒˆä½œæˆã«ã‚ãŸã£ã¦ã®åŸºæœ¬æ¦‚è¦ ã¾ãšæœ€åˆã«ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³å‘ã‘ã‚µã‚¤ãƒˆã‚’ä½œæˆã™ã‚‹éš›ã«æ°—ã«ãªã‚‹ç‚¹ã¯ç”»åƒã®æ‰±ã„ã ã£ãŸã‚Šã™ã‚‹ã¨æ€ã„ã¾ã™ã€‚ æ¨ªå¹…ã§ã™ãŒã€è§£åƒåº¦ã¯æ©Ÿç¨®ã«ã‚ˆã£ã¦æ§˜ã€…ã§ã™ãŒã€ç¸¦å‘ãã§320pxï½ž640pxã€æ¨ªå‘ãã§480pxï½ž960pxãŒä¸»æµã¨ãªã‚Šã¾ã™ã€‚ æ¨™æº–ã¨ãªã‚‹ã‚‚ã®ã‚’è¨ã‘ã‚‹ã¨ãªã‚‹ã¨ã€320px(æ¨ª)/480pxï¼ˆç¸¦ï¼‰ã‚’æ¨™æº–ã¨ã—ã¦è‰¯ã„ã‹ãªã¨æ€ã„ã¾ã™ã€‚ â€»iPhone4ã€4Sã¯640px/960pxã®è§£åƒåº¦ã§ã™ãŒã€å†…éƒ¨è§£åƒåº¦ã§320px/480pxã¨è§£é‡ˆã—ã¦ãã‚Œã‚‹ãŸã‚ã€‚ ã§ã™ã®ã§ã€ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆã«è¦‹ã›ã‚‹ãƒ‡ã‚¶ã‚¤ãƒ³ã‚«ãƒ³ãƒ—ãªã©ã‚’ä½œæˆã™ã‚‹éš›ã‚‚ç¸¦ã‚’æ¨™æº–ã¨ã™ã‚‹éš›ã¯320pxï¼ˆæ¨ªï¼‰ã§ä½œæˆã™ã‚Œã°å•é¡Œãªã„ã¨ã„ãˆã¾ã™ãŒã€iPhone4ã€4Sã‚„An
so-do12 2011/01/24
*webåˆ¶ä½œ

ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³

android

HTML5

CSS3

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

html5

css3

webãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
HTML5, CSS3, jQuery1.4, WordPress3ã®åŽ³é¸ãƒãƒ¼ãƒˆã‚·ãƒ¼ãƒˆé›†
å½“ã‚µã‚¤ãƒˆã§ç´¹ä»‹ã—ãŸæ•°å¤šãã®ãƒãƒ¼ãƒˆã‚·ãƒ¼ãƒˆã®ä¸ã‹ã‚‰ã€ä»Šã¾ã•ã«å½¹ç«‹ã¤ã§ã‚ã‚ã†ãƒãƒ¼ãƒˆã‚·ãƒ¼ãƒˆã‚’åŽ³é¸ã—ã¦ç´¹ä»‹ã—ã¾ã™ã€‚ â€»æœªç´¹ä»‹ã®ã‚‚ã®ã‚‚å«ã¾ã‚Œã¦ã„ã¾ã™ã€‚ HTMLã®ãƒãƒ¼ãƒˆã‚·ãƒ¼ãƒˆ CSSã®ãƒãƒ¼ãƒˆã‚·ãƒ¼ãƒˆ jQueryã®ãƒãƒ¼ãƒˆã‚·ãƒ¼ãƒˆ WordPressã®ãƒãƒ¼ãƒˆã‚·ãƒ¼ãƒˆ [ad#ad-2] HTMLã®ãƒãƒ¼ãƒˆã‚·ãƒ¼ãƒˆ
so-do12 2010/10/02
ãƒãƒ¼ãƒˆã‚·ãƒ¼ãƒˆ

jquery

wordpress

ã¾ã¨ã‚

webåˆ¶ä½œ

html5

CSS3
ãƒªãƒ³ã‚¯
1