[B! CSS3] takami_hirokiã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

takami_hiroki id:takami_hiroki

CSS3ã«é–¢ã™ã‚‹takami_hirokiã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (15)

${{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ã¯ã€Œãƒ¡ãƒ‹ãƒ¥ãƒ¼ã®ä½œã‚Šæ–¹ã€ã‚’è¦šãˆã‚‹ã ã‘ï¼
HTML5ï¼‹CSS3ã¯ã€Œãƒ¡ãƒ‹ãƒ¥ãƒ¼ã®ä½œã‚Šæ–¹ã€ã‚’è¦šãˆã‚‹ã ã‘ï¼ï¼šã«ã‚ã‹ãƒ‡ã‚¶ã‚¤ãƒ³ï¼ˆ1ï¼‰ï¼ˆ1/3 ãƒšãƒ¼ã‚¸ï¼‰ Photoshopãªã©ã®ç”»åƒå‡¦ç†ã‚½ãƒ•ãƒˆã‚’ä½¿ã‚ãšã€CSSã§ã§ãã‚‹è¡¨ç¾ã®å¹…ãŒåºƒãŒã£ã¦ã„ã¾ã™ã€‚ã«ã‚ã‹ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã«ãªã‚Œã‚‹ã€ç°¡å˜Tipsã‚’ãŠä¼ãˆã—ã¾ã™ã€‚ Webè£½ä½œã®ç¾å ´ã§ã¯ã€äºˆç®—ã®éƒ½åˆä¸ŠWebã‚µã‚¤ãƒˆã®ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã«ç™ºæ³¨ã§ããšã€ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢è‡ªèº«ãŒæ‹…å½“ã—ãªã‘ã‚Œã°ãªã‚‰ãªã„ã“ã¨ãŒã¾ã¾ã‚ã‚Šã¾ã™ã€‚æ˜¨ä»Šã¯ã€ŒTwitter Bootstrapã€ãªã©ã®CSSãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã‚’ä½¿ã£ã¦ã€ãã‚“ãªçŠ¶æ³ã«å¯¾å¿œã—ã¦ã„ã‚‹æ–¹ã‚‚å¤šã„ã¨æ€ã„ã¾ã™ã€‚ç¢ºã‹ã«ã€Twitter Bootstrapã¯ãƒªãƒƒãƒãªãƒ‡ã‚¶ã‚¤ãƒ³ã‚„æ©Ÿèƒ½ã‚’æŒã¤ãƒ‘ãƒ¼ãƒ„ãŒãã‚ã£ã¦ã„ã¦ã€ç´ æ—©ããƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚’çµ„ã¿ä¸Šã’ã‚‹ã«ã¯ä¾¿åˆ©ã§ã™ã€‚ã—ã‹ã—ã€ãã®ãŸã‚ã«ã¯ç‹¬è‡ªã®æŒ‡å®šæ–¹æ³•ã‚„ãŠä½œæ³•ã‚’ãã“ãã“çŸ¥ã£ã¦ãŠã‹ãªã‘ã‚Œã°ãªã‚‰ãªã„ã®ã‚‚äº‹å®Ÿã§ã™ã€‚ ã§ã‚ã‚‹ãªã‚‰ã°â€¦â€¦ã€CSSè‡ªä½“ã‚’è¦šãˆã¦ã—ã¾ã†ã¨ã„ã†ã®ã‚‚1ã¤ã®æ‰‹ã§ã¯
takami_hiroki 2013/02/27
HTML5

css3

Webãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
HTML5 Ã— CSS3 Ã— jQueryã‚’çœŸé¢ç›®ã«å‹‰å¼· â€“ #9 CSS3ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ï¼ˆTransitionï¼‰ | DevelopersIO
ã“ã®é †åºã§æŒ‡å®šã™ã‚‹ã®ãŒå¿…é ˆã¨ã„ã†ã‚ã‘ã§ã¯ã‚ã‚Šã¾ã›ã‚“ãŒã€durationã¨delayã®é †åºã ã‘ã¯æ±ºã¾ã£ã¦ãŠã‚Šã€é€†ã«ã™ã‚‹ã“ã¨ãŒå‡ºæ¥ã¾ã›ã‚“ã€‚ è¨˜è¿°ä¾‹) transition /* * @transition-duration * @transition-property * @transition-timing-function * @transition-delay */ transition: .3s background ease .5s; å½“è¨˜äº‹åŸ·ç†æ™‚ç‚¹ï¼ˆ2012å¹´11æœˆï¼‰ã§ã¯ã€ã“ã®ãƒ—ãƒãƒ‘ãƒ†ã‚£ã«å¯¾ã—ã¦ãƒ™ãƒ³ãƒ€ãƒ¼ãƒ—ãƒ¬ãƒ•ã‚£ãƒƒã‚¯ã‚¹ã‚’ã¤ã‘ã¦æŒ‡å®šã™ã‚‹ã“ã¨ã«ãªã‚Šã¾ã™ã€‚ ãƒ™ãƒ³ãƒ€ãƒ¼ãƒ—ãƒ¬ãƒ•ã‚£ãƒƒã‚¯ã‚¹ã‚’ã¤ã‘ã¦ã¿ãŸ - transition -webkit-transition: .3s background ease .5s; -moz-transition: .3s background ease .5s;
takami_hiroki 2012/11/16
HTML5

javascript

css3

css

jquery
ãƒªãƒ³ã‚¯
è‰¯ã„ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã®è‚²ã¦æ–¹ - ã²ãŒã‚„ã™ã‚’æŠ€è¡“ãƒ–ãƒã‚°
äººã‚’è‚²ã¦ã‚‹ã¨ã„ã†ã®ã¯ã€ã¨ã¦ã‚‚é›£ã—ã„ã€‚ ãªãœãªã‚‰ã€è‚²ã¦ã‚‹æ–¹ã‚‚æœªå®Œæˆãªäººé–“ã ã‹ã‚‰ã€‚ ã¡ã‚‡ã£ã¨çµŒé¨“å€¤ã®ã‚ã‚‹æœªå®ŒæˆãªäººãŒã€çµŒé¨“å€¤ã®å°‘ãªã„æœªå®Œæˆãªäººã¨ã€ã¨ã‚‚ã«å†’é™ºã‚’ã—ã€ã¨ã‚‚ã«ãƒ¬ãƒ™ãƒ«ã‚’ã‚ã’ã¦ã„ãã“ã¨ãŒã€äººã‚’è‚²ã¦ã‚‹ã£ã¦ã“ã¨ã ã¨æ€ã†ã€‚ äººã‚’è‚²ã¦ã‚ˆã†ã¨æ€ã†ã¨ã€ã©ã†ã—ã¦ã‚‚ä¸Šã‹ã‚‰ç›®ç·šã«ãªã£ã¦ã—ã¾ã†ã€‚ä¸Šã‹ã‚‰ç›®ç·šã ã¨æ°—æŒã¡ã‚‚ç›¸æ‰‹ã«ä¼ã‚ã‚Šã«ãã„ã€‚æ°—æŒã¡ãŒä¼ã‚ã‚‰ãªã„ã¨ç›¸æ‰‹ã‚‚ã†ã¾ãæˆé•·ã—ã¦ãã‚Œãªã„ã€‚ ã ã‹ã‚‰ã€äººã‚’è‚²ã¦ã‚‹æ©Ÿä¼šãŒã‚ã£ãŸã‚‰ã€ã¨ã‚‚ã«å†’é™ºã‚’ã™ã‚‹ä»²é–“ã‚’æŒã£ãŸã¨è€ƒãˆã‚ˆã†ã€‚ãã£ã¨ãã®æ–¹ãŒã†ã¾ãã„ãã€‚ ãã‚Œã§ã¯ã€è‡ªåˆ†ã®è©±ã‚’ã—ã‚ˆã†ã€‚è‡ªåˆ†ã¨ã„ã†ã‚ˆã‚Šã¯è‡ªåˆ†ãŸã¡ã®è©±ã‹ãªã€‚ 2010å¹´ã€è‡ªåˆ†ã¯ã€æ˜¼é–“ã€ãƒ–ãƒ©ä¸‰ã‚’ã‚„ã‚ŠãªãŒã‚‰ã€æ–°è¦ãƒ“ã‚¸ãƒã‚¹ã®ä¼ç”»ã‚’è€ƒãˆãŸã‚Šã€ãƒ—ãƒãƒˆã‚¿ã‚¤ãƒ—ã‚’ä½œã£ã¦ã„ãŸã‚Šã—ã¦ã„ãŸã€‚ãƒ–ãƒ©ä¸‰ã‚’ã‚„ã£ã¦ã„ãŸã®ã¯ã€å½“ç„¶ã‚½ãƒ¼ã‚·ãƒ£ãƒ«ã‚¢ãƒ—ãƒªã¨ã„ã†ã‚‚ã®ã‚’å¦ã¶ãŸã‚ã ã€‚ãƒ–ãƒ©ä¸‰ã®èƒ½åŠ›ã¯ã‹ãªã‚Šå‘ä¸Šã—ãŸã‘ã©ã€ä»•äº‹ã§ã¯ãŸã„ã—ãŸçµæžœãŒå‡ºã›ãªã‹ã£ãŸã€‚ç‰¹ã«ä¼ç”»è€ƒãˆ
takami_hiroki 2012/08/28
ActionScript

HTML5

css3
ãƒªãƒ³ã‚¯
ã©ã†è€ƒãˆã¦ã‚‚ç„¡èŒ¶ãªã€ŒCSSãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ã€ãŒè©±é¡Œã«
CSS3ãŒã„ãã‚‰ãƒ‘ãƒ¯ãƒ•ãƒ«ã¨ã¯ã„ãˆã€ã•ã™ãŒã«ã“ã“ã¾ã§å‡ã£ãŸã‚‚ã®ãŒä½œã‚Œã‚‹ã¨ã¯æ€ã„ã¾ã›ã‚“ã§ã—ãŸã€‚ ã¾ãšã¯Chromeã§ã“ã¡ã‚‰ã‚’éŠã‚“ã§ã¿ã¦ãã ã•ã„ã€‚ CSS3 OF THE DEAD - jsdo.it - share JavaScript, HTML5 and CSS ã¾ã‚‹ã§JSã‚’ãƒãƒªãƒãƒªä½¿ã£ãŸã‚²ãƒ¼ãƒ ã€ã®ã‚ˆã†ã«è¦‹ãˆã¾ã™ãŒã€å®Ÿã¯ã€ŒOnly CSSã€ã€‚ä¸Šã®STOPãƒœã‚¿ãƒ³ã‚’æŠ¼ã™ã¨ã‚³ãƒ¼ãƒ‰ã‚’ç¢ºèªã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ jsdo.itã§CSSãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ãŒæµè¡Œä¸ï¼ ãˆãˆã€ã©ã†è€ƒãˆã¦ã‚‚ç„¡èŒ¶ãªã‚“ã§ã™ã€‚CSSã¯ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°è¨€èªžã˜ã‚ƒãªã„ã§ã™ã‹ã‚‰ãã€‚ CSSã®æ©Ÿèƒ½ã‚’å·§ã¿ã«çµ„ã¿åˆã‚ã›ã¦ä½œæˆã•ã‚Œã¦ã„ã¾ã™ã€‚ ã¨ã„ã†ã“ã¨ã§ã€æŠ•ç¨¿ä½œå“ã®ã»ã‚“ã®ä¸€éƒ¨ã‚’ç´¹ä»‹ã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚ CSS PANIC CSSã ã‘ã§ä½œã‚‰ã‚ŒãŸãƒ¯ãƒ‹ãƒ¯ãƒ‹ãƒ‘ãƒ‹ãƒƒã‚¯ã€‚ ã“ã®ã‚³ãƒ¼ãƒ‰ã¯æµ·å¤–ã®ãƒ¦ãƒ¼ã‚¶ãƒ¼ã«ã‚‚å¤§ããªåéŸ¿ã‚’å‘¼ã³ã¾ã—ãŸã€‚
takami_hiroki 2011/06/22
css3
ãƒªãƒ³ã‚¯
åœ§å€’çš„ãªå˜åœ¨æ„Ÿã€‚HTML5/CSS3/JavaScriptã§ä½œã‚‰ã‚ŒãŸã‚¤ãƒ©ã‚¹ãƒˆãƒ¬ãƒ¼ã‚·ãƒ§ãƒ³ã‚¢ãƒ—ãƒªÂ·Ghost Writer MOONGIFT
Ghost Writerã¯ä¸‡å¹´ç†ã€ãƒžã‚¸ãƒƒã‚¯ç‰ã‚’ãƒªã‚¢ãƒ«ã«å†ç¾ã—ãŸçµµæãç”¨ã‚½ãƒ•ãƒˆã‚¦ã‚§ã‚¢ã€‚ Ghost Writerã¯HTML5/JavaScriptè£½ã®ãƒ•ãƒªãƒ¼ã‚¦ã‚§ã‚¢ï¼ˆã‚½ãƒ¼ã‚¹ã‚³ãƒ¼ãƒ‰ã¯å…¬é–‹ã•ã‚Œã¦ã„ã‚‹ï¼‰ã€‚HTML5ã¯å¾ã€…ã«æœ¬æ ¼å°Žå…¥ã•ã‚Œã¤ã¤ã‚ã‚‹ãŒã€ã¾ã ã¾ã å®Ÿé¨“çš„ãªãƒ—ãƒãƒ€ã‚¯ãƒˆãŒå¤šã„ã€‚ã ãŒãƒ—ãƒã‚°ãƒ©ãƒžãƒ¼ã«ã¨ã£ã¦ã¯ã€ä»Šã“ãéŠã¹ã‚‹çŠ¶æ³ã ã€‚è‰²ã€…è©¦ã—ã€éŠã¶ä¸ã§æ–°ã—ã„å¯èƒ½æ€§ã‚’è¦‹ã„ã ã™ã“ã¨ãŒã§ãã‚‹ã€‚ ã‚‚ã®ã™ã”ããƒªã‚¢ãƒ« ä»Šã¾ã§ã¯ãƒãƒ¼ã‚«ãƒ«ã§ã—ã‹ã§ããªã‹ã£ãŸã‚ˆã†ãªæ“ä½œãŒWebãƒ™ãƒ¼ã‚¹ã§å®Ÿç¾ã™ã‚‹ã‚ˆã†ã«ãªã£ã¦ã„ã‚‹ã€‚ç‰¹ã«ãƒšã‚¤ãƒ³ãƒˆç³»ã¯é¢ç™½ã„ã€‚ãã“ã§ä»Šå›žã¯Ghost Writerã‚’ç´¹ä»‹ã—ã‚ˆã†ã€‚ Ghost Writerã¯å¤ã‚ã‹ã—ã„ç´™ã®ã‚ˆã†ãªãƒœãƒƒã‚¯ã‚¹ã«ãƒšãƒ³ã‚’ä½¿ã£ã¦æ›¸ãè¾¼ã‚ã‚‹ã‚½ãƒ•ãƒˆã‚¦ã‚§ã‚¢ã ã€‚é©šãã®ã¯ãã®ãƒªã‚¢ãƒ«æ„Ÿã‚ã‚‹å˜åœ¨æ„Ÿã ã‚ã†ã€‚ä¸‡å¹´ç†ã€ãƒžã‚¸ãƒƒã‚¯ã€ã‚¹ãƒ—ãƒ¬ãƒ¼ã¨ã„ã£ãŸãƒšãƒ³ç¨®ãŒã‚ã‚Šã€åˆ‡ã‚Šæ›¿ãˆã¦çµµã‚’æãã“ã¨ãŒã§ãã‚‹ã€‚ãªãŠç†è€…ç’°å¢ƒã§ã¯è‰²ã‚’å¤‰ãˆã‚‹ã“ã¨ã¯ã§
takami_hiroki 2011/06/21
HTML5

css3
ãƒªãƒ³ã‚¯
ã‚¯ãƒã‚¹ãƒ–ãƒ©ã‚¦ã‚¶ã¯ã‚‚ã†å¤ã„ï¼ HTML5ï¼‹CSS3æ™‚ä»£ã®ãƒ—ãƒã‚°ãƒ¬ãƒƒã‚·ãƒ–ãƒ»ã‚¨ãƒ³ãƒãƒ³ã‚¹ãƒ¡ãƒ³ãƒˆ
IE 9ãŒç™»å ´ï¼ ãƒ¦ãƒ¼ã‚¶ãƒ¼ã®é–²è¦§ç’°å¢ƒãŒã¾ã™ã¾ã™å¤šæ§˜åŒ–ï¼ 4æœˆ26æ—¥ã€ã¤ã„ã«æ—¥æœ¬ã§ã‚‚Internet Explorerï¼ˆä»¥ä¸‹ã€IEï¼‰ 9ãŒå…¬é–‹ã•ã‚Œã¾ã—ãŸã€‚ã¾ãŸã€ãƒžã‚¤ã‚¯ãƒã‚½ãƒ•ãƒˆã¯æ—©ãã‚‚IE 10ã®ãƒ—ãƒ¬ãƒ“ãƒ¥ãƒ¼ç‰ˆã‚’å…¬é–‹ã—ã¦ãŠã‚Šã€CSS3ã‚„JavaScriptå‘¨ã‚ŠãŒã€ã•ã‚‰ã«å¼·åŒ–ã•ã‚Œã‚‹ãªã©ãƒªãƒƒãƒãªWebè¡¨ç¾ãŒåŠ é€Ÿã—ã¦ãã¦ã„ã¾ã™ã€‚ IEã®ã¿ãªã‚‰ãšã€Firefoxã€Safariã€Google Chromeï¼ˆä»¥ä¸‹ã€Chromeï¼‰ãªã©ä»–ã®Webãƒ–ãƒ©ã‚¦ã‚¶ã‚‚ã™ã•ã¾ã˜ã„å‹¢ã„ã§é€²åŒ–ã—ã¦ãã¦ãŠã‚Šã€ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã‚„ã‚¿ãƒ–ãƒ¬ãƒƒãƒˆPCãªã©ã®ãƒ‡ãƒã‚¤ã‚¹ã‚‚ç¶šã€…ã¨é–‹ç™ºã•ã‚Œã€ãƒ¦ãƒ¼ã‚¶ãƒ¼ã®é–²è¦§ç’°å¢ƒãŒã¾ã™ã¾ã™å¤šæ§˜åŒ–ã—ã¦ãã¦ã„ã¾ã™ã€‚ ãã†ã—ãŸæµã‚Œã®ä¸ã§ã€å¿…ç„¶çš„ã«æ¬ ã‹ã™ã“ã¨ãŒã§ããªããªã‚‹çŸ¥è˜ãŒã€ã“ã®ã€Œãƒ—ãƒã‚°ãƒ¬ãƒƒã‚·ãƒ–ãƒ»ã‚¨ãƒ³ãƒãƒ³ã‚¹ãƒ¡ãƒ³ãƒˆã€ã¨ã„ã†æ¦‚å¿µã§ã™ã€‚ ãƒ—ãƒã‚°ãƒ¬ãƒƒã‚·ãƒ–ãƒ»ã‚¨ãƒ³ãƒãƒ³ã‚¹ãƒ¡ãƒ³ãƒˆã£ã¦ä½•ï¼Ÿ Webãƒ–ãƒ©ã‚¦ã‚¶ã‚„ç«¯æœ«ãªã©ã®é–²è¦§ç’°å¢ƒãŒå¤šæ§˜åŒ–ã—ã¦ãã¦ã„ã¾
takami_hiroki 2011/05/25
HTML5

CSS3

webãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
ãƒ”ãƒ¥ã‚¢CSSã§å®Ÿè£…ã•ã‚ŒãŸå¹ãå‡ºã—ã®ãƒ‡ã‚¶ã‚¤ãƒ³ä¾‹è‰²ã€…:phpspoté–‹ç™ºæ—¥èªŒ
Pure CSS speech bubbles ? Nicolas Gallagher ãƒ”ãƒ¥ã‚¢CSSã§å®Ÿè£…ã•ã‚ŒãŸå¹ãå‡ºã—ã®ãƒ‡ã‚¶ã‚¤ãƒ³ä¾‹ãŒè‰²ã€…ã¨ç´¹ä»‹ã•ã‚ŒãŸã‚¨ãƒ³ãƒˆãƒªã®ã”ç´¹ä»‹ã§ã™ã€‚ CSSã ã‘ã§ã“ã“ã¾ã§å‡ºæ¥ã¡ã‚ƒã†ã®ï¼Ÿã¨ã„ã†ã‚µãƒ³ãƒ—ãƒ«ãŒå¤šæ•°ã§ã€CSS3ã‚’ä½¿ã£ãŸè¤‡é›‘ãªå¹ãå‡ºã—ã®ä¾‹ãªã©ã‚‚å…¬é–‹ã•ã‚Œã¦ã„ã¦ä¸€åº¦è¦‹ã¦ãŠãã¨ã‚ˆã„ã‹ã‚‚ã€‚ å¹ãå‡ºã—ã ã‘ã§ã‚‚ã“ã‚Œã ã‘å‡ºæ¥ã‚‹ã®ã§ã€CSS3ãŒæ¨™æº–ã¨ãªã£ãŸæ•°å¹´å¾Œã®WEBãƒ‡ã‚¶ã‚¤ãƒ³ã¯å¤§ããå¤‰ã‚ã£ã¦ã„ã‚‹ã®ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ãã€‚ é–¢é€£ã‚¨ãƒ³ãƒˆãƒª ã“ã‚Œã¯é©šãã®ã€CSSã ã‘ã§ä½œã‚Œã‚‹å¹ãå‡ºã—ãƒœãƒƒã‚¯ã‚¹ ãƒŠã‚¤ã‚¹ãªå¹ãå‡ºã—ãƒ‘ãƒ¼ãƒ„ã‚’ä½œã‚‹CSSã¨ç”»åƒã‚»ãƒƒãƒˆ
takami_hiroki 2011/03/21
css3

CSS

webãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
[CSS]ã‚³ãƒ”ãƒšã§ä½¿ãˆã‚‹ã€ãƒ†ã‚ã‚¹ãƒˆå‘¨ã‚Šã‚’ã‹ã£ã“ã‚ˆãã™ã‚‹CSS3ã®ã‚¨ãƒ•ã‚§ã‚¯ãƒˆé›†
CSS3 Cookbook: 7 Super Easy CSS Recipes to Copy and Paste [ad#ad-2] å¯¾å¿œãƒ–ãƒ©ã‚¦ã‚¶ã¯CSS3ã‚’ä½¿ç”¨ã—ã¦ã„ã‚‹ãŸã‚ã€CSS3ã‚’ã‚µãƒãƒ¼ãƒˆã—ã¦ã„ã‚‹ãƒ–ãƒ©ã‚¦ã‚¶ã®ã¿ã§ã€ä¸€éƒ¨ã®ã‚‚ã®ã¯Webkitç³»ï¼ˆChrome, Safariï¼‰ã®ã¿ã¨ãªã£ã¦ã„ã¾ã™ã€‚ Letterpressï¼ˆãƒ¬ã‚¿ãƒ¼ãƒ—ãƒ¬ã‚¹ï¼‰ Small Capsï¼ˆã‚¹ãƒ¢ãƒ¼ãƒ«ã‚ãƒ£ãƒ”ã‚¿ãƒ«ï¼‰ CSS Couponï¼ˆã‚¯ãƒ¼ãƒãƒ³åˆ¸ï¼‰ Stitchedï¼ˆã‚¹ãƒ†ãƒƒãƒï¼‰ Glossï¼ˆã‚°ãƒã‚¹ï¼‰ Stroked Text & @font-faceï¼ˆ@font-faceã‚’ä½¿ã£ãŸã‚¹ãƒˆãƒãƒ¼ã‚¯ï¼‰ Double Stroked Textï¼ˆäºŒé‡ã®ã‚¹ãƒˆãƒãƒ¼ã‚¯ï¼‰ Letterpressï¼ˆãƒ¬ã‚¿ãƒ¼ãƒ—ãƒ¬ã‚¹ï¼‰ ãƒ¬ã‚¿ãƒ¼ãƒ—ãƒ¬ã‚¹ã®ã‚¨ãƒ•ã‚§ã‚¯ãƒˆã«ã¯ã€3ã¤ã®ã‚«ãƒ©ãƒ¼ãŒå¿…è¦ã§ã™ã€èƒŒæ™¯ã®backgroundã€ãƒ†ã‚ã‚¹ãƒˆã®colorã€ãƒ†ã‚ã‚¹ãƒˆã®å½±ã®text-sha
takami_hiroki 2011/02/28
CSS3

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

css
ãƒªãƒ³ã‚¯
è§’ä¸¸ãƒ»ã‚·ãƒ£ãƒ‰ã‚¦ãƒ»å›žè»¢ãƒ»æ–‡å—è£…é£¾ãªã©ã®CSS3ã‚’ç”Ÿæˆã—ã¦ãã‚Œã‚‹ã‚¸ã‚§ãƒãƒ¬ãƒ¼ã‚¿ã€ŒCSS Playgroundã€*äºŒåæ³è¡—é“ã¾ã£ã—ãã‚‰ï¼ˆFC2ãƒ–ãƒã‚°æ™‚ä»£ï¼‰
ã€ŒCSS3 Playgroundã€ã¯CSS3ã‚’è‡ªå‹•ç”Ÿæˆã—ã¦ãã‚Œã‚‹ã‚¸ã‚§ãƒãƒ¬ãƒ¼ã‚¿ã§ã™ã€‚ è§’ä¸¸ã‚„ã‚·ãƒ£ãƒ‰ã‚¦ãªã©ã®èª¿æ•´ã‚’æ‰‹è»½ã«è¡Œãˆã€ã‚³ãƒ¼ãƒ‰ã‚’ç”Ÿæˆã—ã¦ãã‚Œã¾ã™ã€‚ çœŸå››è§’ã®å›³å½¢ã«ã»ã©ã“ã›ã‚‹è£…é£¾ãªã‚‰ãŠä»»ã›ã£ã¦æ„Ÿã˜ã§ã™ãã€‚ ä»¥ä¸‹ã«ä½¿ã£ã¦ã¿ãŸæ§˜åã‚’è¼‰ã›ã¦ãŠãã¾ã™ã€‚ ã¾ãšã€ŒCSS3 Playgroundã€ã«ã‚¢ã‚¯ã‚»ã‚¹ã—ã¾ã—ã‚‡ã†ã€‚ å…¨ä½“ã¯ã“ã‚“ãªæ„Ÿã˜ã«ãªã£ã¦ã„ã¦ã€çœŸã‚“ä¸ã«ãƒ—ãƒ¬ãƒ“ãƒ¥ãƒ¼ãŒè¡¨ç¤ºã•ã‚Œã„ã¾ã™ã€‚ å·¦å´ã®è¨å®šã‚’ã„ã˜ã‚‹ã¨ã€ãƒ—ãƒ¬ãƒ“ãƒ¥ãƒ¼ãŒå¤‰åŒ–ã—ã¦ã„ãã¾ã™ã€‚ ã„ã‚ã„ã‚ã„ã˜ã£ã¦ã¿ã‚‹ã¨ã€ã“ã†ã„ã†ã®ãŒä½œã‚Œã¾ã—ãŸã€‚ ï¼ˆè§’ä¸¸ã€ã‚·ãƒ£ãƒ‰ã‚¦ã€ãƒ†ã‚ã‚¹ãƒˆã‚·ãƒ£ãƒ‰ã‚¦ã€å›žè»¢ã€èƒŒæ™¯ã€æž ã€ãƒ†ã‚ã‚¹ãƒˆæœ¬æ–‡ãŒã„ã˜ã‚Œã¾ã—ãŸï¼‰ CSS3ã®ã‚³ãƒ¼ãƒ‰ã¯ãƒ—ãƒ¬ãƒ“ãƒ¥ãƒ¼ã®ä¸‹ã«è¡¨ç¤ºã•ã‚Œã¦ã„ã¾ã™ã€‚ ã“ã¡ã‚‰ã‚’é©ç”¨ã™ã‚Œã°ã€ãƒ—ãƒ¬ãƒ“ãƒ¥ãƒ¼é€šã‚Šã«æã‘ã¾ã™ã€‚ CSS3ã»ã‚“ã¨ä¾¿åˆ©ã§ã™ãã€‚ ã•ã‚‰ã«ã“ã†ã„ã£ãŸã‚¸ã‚§ãƒãƒ¬ãƒ¼ã‚¿ãŒã‚ã‚‹ã¨ã€ã‚³ãƒ¼ãƒ‰ã‚’æ›¸ãã®ãŒæ¥½ã§å¬‰ã—ã„ã§ã™ãã€‚ ï¼ˆæœ¬è¨˜äº‹ã§ç´¹ä»‹ã—ãŸã‚µã‚¤ãƒˆï¼šCSS3
takami_hiroki 2011/02/28
CSS3

css

webãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
IDEA * IDEA
ãƒ‰ãƒƒãƒˆã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ä»£è¡¨ã®ãƒ©ã‚¤ãƒ•ãƒãƒƒã‚¯ãƒ–ãƒã‚°
takami_hiroki 2011/01/06
css

CSS3

webãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
http://blog.e-riverstyle.com/2010/12/css3-1.html
takami_hiroki 2010/12/20
CSS3

CSS

css

webãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
[CSS]è§’ä¸¸ã‚„ã‚·ãƒ£ãƒ‰ã‚¦ã ã‘ã§ã¯ãªã„CSS3ã®å¤§åˆ‡ãªä¸‰ã¤ã®ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯
CSS3ã£ã¦è§’ä¸¸ã¨ã‹ã‚·ãƒ£ãƒ‰ã‚¦ã¨ã‹ã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ã§ã—ã‚‡ã€ã¨ã„ã†äººã«çŸ¥ã£ã¦ãŠã„ã¦ã»ã—ã„CSS3ã®å¤§åˆ‡ãªãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ 3 Advanced CSS3 Techniques You Should Learn ãƒ‡ãƒ¢ãƒšãƒ¼ã‚¸ï¼ˆâ€»ã‚ãƒ£ãƒ—ãƒãƒ£ã¯Chromeï¼‰ [ad#ad-2] 1. Advanced Selectors CSS3ã§æœ€ã‚‚é‡è¦ã¨ã„ã£ã¦ã‚‚ã‚ˆã„ç‰¹å¾´ã®ä¸€ã¤ãŒã€ŒAdvanced Selectorsã€ã§ã™ã€‚ç°¡å˜ã«èª¬æ˜Žã™ã‚‹ã¨ã€ç‰¹å®šã®HTMLã‚¨ãƒ¬ãƒ¡ãƒ³ãƒˆã«å¯¾ã—ã¦IDã‚’ä½¿ç”¨ã—ãªã„ã§ã€ã‚¹ã‚¿ã‚¤ãƒ«ã‚’é©ç”¨ã§ãã‚‹ã‚‚ã®ã§ã™ã€‚ ãƒªã‚¹ãƒˆè¦ç´ ã§é…ç½®ã—ãŸä¸‹è¨˜ã®ãƒ‡ãƒ¢ã‚’è¦‹ã¦ãã ã•ã„ã€‚ èƒŒæ™¯è‰²ã‚’å¥‡æ•°ç•ªç›®ã¯ãƒ–ãƒ«ãƒ¼ã«ã€æ›´ã«5ç•ªç›®ã¯ãƒ¬ãƒƒãƒ‰ã«ã—ã¦ã„ã¾ã™ã€‚
takami_hiroki 2010/12/06
webãƒ‡ã‚¶ã‚¤ãƒ³

css

CSS3
ãƒªãƒ³ã‚¯
[CSS]CSS3ã®Media Queriesï¼ˆãƒ¡ãƒ‡ã‚£ã‚¢ã‚¯ã‚¨ãƒªï¼‰ã®ä½¿ã„æ–¹ã¨å®Ÿè£…ä¾‹
CSS3 Media Queries ä¸‹è¨˜ã¯å„ãƒã‚¤ãƒ³ãƒˆã‚’æ„è¨³ã—ãŸã‚‚ã®ã§ã™ã€‚ ã¯ã˜ã‚ã« CSS2ã®Media typesã§ã¯screen, printãªã©ã®ã‚ˆã†ã«ç‰¹å®šã®ãƒ¡ãƒ‡ã‚£ã‚¢ç”¨ã®ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã‚’è¨å®šã™ã‚‹ã“ã¨ãŒã§ãã¾ã—ãŸã€‚CSS3ã§ã¯ã‚¯ã‚¨ãƒªã‚’åŠ ãˆã‚‹ã“ã¨ã§ã€ã•ã‚‰ã«åŠ¹çŽ‡çš„ã«ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã‚’ä½¿ç”¨ã§ãã¾ã™ã€‚ Media Queriesã¯ãƒ¦ãƒ¼ã‚¶ãƒ¼ã®çŠ¶æ…‹ã‚’èª¿ã¹ã€ãã‚Œã«ã‚ã£ãŸç‰¹å®šã®ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã‚’é©ç”¨ã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ä¾‹ãˆã°ã€å¤§ãã„ãƒ‡ã‚£ã‚¹ãƒ—ãƒ¬ã‚¤ç”¨ã¨å°ã•ã„ãƒ¢ãƒã‚¤ãƒ«ç”¨ã«ãã‚Œãžã‚Œç•°ãªã‚‹ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã‚’æŒ‡å®šã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ Media Queriesã®ä½¿ã„æ–¹ ã¾ãšã¯ã€ãƒ‡ãƒ¢ãƒšãƒ¼ã‚¸ã‚’ã¿ã¦ãã ã•ã„ã€‚ ãƒ–ãƒ©ã‚¦ã‚¶ã®ã‚µã‚¤ã‚ºã‚’å¤‰æ›´ã™ã‚‹ã¨ã€ã‚¹ã‚¿ã‚¤ãƒ«ãŒå¤‰æ›´ã•ã‚Œã¾ã™ã€‚
takami_hiroki 2010/12/06
å¤§ãã„ãƒ‡ã‚£ã‚¹ãƒ—ãƒ¬ã‚¤ç”¨ã¨å°ã•ã„ãƒ¢ãƒã‚¤ãƒ«ç”¨ã«ãã‚Œãžã‚Œç•°ãªã‚‹ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã‚’æŒ‡å®šã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚

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

css

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
takami_hiroki 2010/10/25
å¯¾å¿œè¡¨

html5

CSS3

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

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

css3

webãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
1