[B! css][å‹•ç”»] tsutomuraã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

tsutomura id:tsutomura

cssã¨å‹•ç”»ã«é–¢ã™ã‚‹tsutomuraã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (4)

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

ã‚¯ãƒ¼ãƒ«ãªãƒ¢ãƒ¼ãƒ€ãƒ«ãƒ€ã‚¤ã‚¢ãƒã‚°å®Ÿè£…ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã€ŒSimpleModalã€:phpspoté–‹ç™ºæ—¥èªŒ
Simple Modal - Another window modal ã‚¯ãƒ¼ãƒ«ãªãƒ¢ãƒ¼ãƒ€ãƒ«ãƒ€ã‚¤ã‚¢ãƒã‚°å®Ÿè£…ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã€ŒSimpleModalã€ã€‚ CSS3ã‚’ä½¿ã£ãŸç¶ºéº—ãªãƒ¢ãƒ¼ãƒ€ãƒ«ãƒ€ã‚¤ã‚¢ãƒã‚°ã®å®Ÿè£…ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã§ã™ã€‚ HTMLã‚„å‹•ç”»ã®åŸ‹ã‚è¾¼ã¿ã‚‚å¯èƒ½ã§è¡¨ç¤ºã®éš›ã®ã‚¨ãƒ•ã‚§ã‚¯ãƒˆã‚‚ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºå‡ºæ¥ã‚‹ã¿ãŸã„ã§ã™ã€‚ IE8ç³»ã®ãƒ–ãƒ©ã‚¦ã‚¶ã§ã‚‚ç¶ºéº—ã«å‡ºåŠ›ã•ã‚Œã‚‹ã‚ˆã†ã§ã—ãŸã€‚ é–¢é€£ã‚¨ãƒ³ãƒˆãƒª ä»Šã“ãçŸ¥ã£ã¦ãŠãLightboxé¢¨ãƒ—ãƒ©ã‚°ã‚¤ãƒ³20+ CSS3ã§å‡ºæ¥ãŸã‚¯ãƒ¼ãƒ«ãªLightBoxå®Ÿè£…ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«
tsutomura 2012/10/30
å‹•ç”»

css

CSS3

jQuery
ãƒªãƒ³ã‚¯
Youtubeã®ã‚«ãƒ¼ã‚½ãƒ«ã‚’åˆã‚ã›ã‚‹ã¨ãƒãƒƒãƒ—ã‚¢ãƒƒãƒ—ã™ã‚‹ãƒœã‚¿ãƒ³å®Ÿè£…CSSã‚µãƒ³ãƒ—ãƒ«:phpspoté–‹ç™ºæ—¥èªŒ
YouTube Popup Buttons | CSS-Tricks Youtubeã®ã‚«ãƒ¼ã‚½ãƒ«ã‚’åˆã‚ã›ã‚‹ã¨ãƒãƒƒãƒ—ã‚¢ãƒƒãƒ—ã™ã‚‹ãƒœã‚¿ãƒ³å®Ÿè£…CSSã‚µãƒ³ãƒ—ãƒ«ãŒå…¬é–‹ã•ã‚Œã¦ã„ã¾ã™ã€‚ ãƒãƒƒãƒ—ã‚¢ãƒƒãƒ—ã¨ã„ã†ã®ã‹åˆ†ã‹ã‚Šã¾ã›ã‚“ãŒã€ä¸€è¦‹ã†ã£ã™ã‚‰ãƒ‡ã‚¶ã‚¤ãƒ³ã®é‚ªé”ã«ãªã‚‰ãªã„ç¨‹åº¦ã®ãƒœã‚¿ãƒ³ã‚’ãŠã„ã¦ãŠãã€ã‚«ãƒ¼ã‚½ãƒ«ã‚’åˆã‚ã›ã‚‹ã¨ãƒœã‚¿ãƒ³ã¨åˆ†ã‹ã‚‹ã‚‚ã®ã«ã—ã€ã‚¯ãƒªãƒƒã‚¯ã™ã‚‹ã¨å‡¹ã‚€ã¨ã„ã†ãƒœã‚¿ãƒ³ã§ã™ã€‚ ãƒœã‚¿ãƒ³ã‚’ãã“ã¾ã§ç›®ç«‹ãŸã›ãšã€ãƒ‡ã‚¶ã‚¤ãƒ³ã®é‚ªé”ã«ãªã‚‰ãšã€ã•ã‚‰ã«åˆ†ã‹ã‚Šã‚„ã™ã•ã‚‚ãã“ã¾ã§æãªã‚ãªã„ã¨ã„ã†ãƒ‡ã‚¶ã‚¤ãƒ³ã¨ã—ã¦ã€ä½¿ãˆã‚‹å ´é¢ãŒã‚ã‚‹ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ãã€‚ é–¢é€£ã‚¨ãƒ³ãƒˆãƒª CSSãƒœã‚¿ãƒ³ä½œæˆãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ï¼†ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯é›†ï¼‘ï¼“ ã‚·ãƒ³ãƒ—ãƒ«ãªã‚¿ã‚°ãªã®ã«å‡ã£ãŸç¶ºéº—ãªãƒœã‚¿ãƒ³ã‚’ä½œã‚‹CSSãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ« ãƒ”ãƒ¥ã‚¢CSSãªã‚½ãƒ¼ã‚·ãƒ£ãƒ«ã‚µã‚¤ãƒˆã®ãƒã‚°ã‚¤ãƒ³ãƒœã‚¿ãƒ³
tsutomura 2012/01/17
CSS

å‹•ç”»
ãƒªãƒ³ã‚¯
ã“ã‚Œã¯å¿…è¦‹ã‹ã‚‚ãªYoutubeç‰ã®åŸ‹ã‚è¾¼ã¿å‹•ç”»ã‚’å‹•çš„ã«ãƒªã‚µã‚¤ã‚ºã™ã‚‹CSSä¾‹:phpspoté–‹ç™ºæ—¥èªŒ
CSS: Elastic Videos ã“ã‚Œã¯å¿…è¦‹ã‹ã‚‚ãªYoutubeç‰ã®åŸ‹ã‚è¾¼ã¿å‹•ç”»ã‚’å‹•çš„ã«ãƒªã‚µã‚¤ã‚ºã™ã‚‹CSSä¾‹ã€‚ ãƒ–ãƒãƒƒã‚¯ã®ã‚µã‚¤ã‚ºãŒå¤‰æ›´ã•ã‚ŒãŸéš›ã«ãŠã„ã¦å‹•ç”»ã‚’å›ºå®šã‚µã‚¤ã‚ºã«ã—ã¦ã—ã¾ã†ã¨ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆãŒå´©ã‚Œã¦ã—ã¾ã„ã¾ã™ãŒã€å…¬é–‹ã•ã‚Œã¦ã„ã‚‹ã‚µãƒ³ãƒ—ãƒ«ã‚’ä½¿ã†ã¨ã€HTML5å‹•ç”»ã€embed/iframeã®å‹•ç”»ã‚’ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã«åˆã‚ã›ã¦CSSã§è‡ªç”±ã«ä¼¸ç¸®å¯èƒ½ã€‚ è§£åƒåº¦ã®é•ã†ã€iPhoneç‰ã§ã‚‚å‹•ä½œã‚’ç¢ºèªã—ã¦ã„ã‚‹ãã†ã§ã€ã©ã‚“ãªç’°å¢ƒã§ã‚‚å‹•ç”»ã‚’ãƒšãƒ¼ã‚¸ã«ãƒ•ã‚£ãƒƒãƒˆã•ã›ãŸã„ç”¨é€”ã«æœ‰ç”¨ã§ã™ã€‚ é€šå¸¸ã‚µã‚¤ã‚ºã€‚ãƒ–ãƒãƒƒã‚¯ã„ã£ã±ã„ã«åºƒãŒã‚‹å‹•ç”» å¹…ã‚’iPhoneãªã¿ã«å°ã•ãã—ã¦ã¿ãŸä¾‹ã€‚å‹•ç”»ã‚‚ç¸®ã‚“ã§ã¾ã™ã€‚ IEã§ã‚‚å‹•ãã¿ãŸã„ã§ã™ã€‚ ã“ã‚Œã¯è¦šãˆã¦ãŠã„ãŸã»ã†ãŒã‚ˆã•ãã†ã§ã™ã€‚ é–¢é€£ã‚¨ãƒ³ãƒˆãƒª ãƒ•ãƒªãƒ¼ã§æ–°ã—ã‚ã®XHTML/CSSã§æ›¸ã‹ã‚ŒãŸã‚µã‚¤ãƒˆãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆï¼”ï¼• ãœã‚“ã¶ãƒ”ãƒ¥ã‚¢CSSã§ã‚„ã£ã¡ã‚ƒãŠã†ã¨ã„ã†JavaScriptã®ä»£æ›¿ãƒ‡ãƒ¢ï¼•ï¼– Ajaxã‚¹ã‚¿
tsutomura 2011/06/01
å‹•ç”»

css
ãƒªãƒ³ã‚¯
CSSã§ã‚¹ã‚ãƒ³ä½œæˆãŒå¯èƒ½ãªHTML5å‹•ç”»ãƒ—ãƒ¬ã‚¤ãƒ¤ãƒ¼å®Ÿè£…JSãƒ©ã‚¤ãƒ–ãƒ©ãƒªã€ŒVideo JSã€:phpspoté–‹ç™ºæ—¥èªŒ
Video JS | HTML5 Video Player CSSã§ã‚¹ã‚ãƒ³ä½œæˆãŒå¯èƒ½ãªHTML5å‹•ç”»ãƒ—ãƒ¬ã‚¤ãƒ¤ãƒ¼å®Ÿè£…JSãƒ©ã‚¤ãƒ–ãƒ©ãƒªã€ŒVideo JSã€ã€‚ HTML5ã¯ã¾ã å®Ÿè£…ã•ã‚Œã¦ãªã„ãƒ–ãƒ©ã‚¦ã‚¶ãŒä¸€æ¯ã‚ã‚‹ã—ãƒ»ãƒ»ãƒ»ã¨ã„ã†æ–¹ã‚‚å¿ƒé…ãªã„ã‚ˆã†ã«ã€FlowPlayerã«ã‚ˆã£ã¦Flashãƒ“ãƒ‡ã‚ªå†ç”Ÿã§ãã‚‹ã‚ˆã†ã«ãªã£ã¦ã¾ã™ã€‚ ã“ã‚Œãªã‚‰å¤šãã®ãƒ–ãƒ©ã‚¦ã‚¶ãŒHTML5å¯¾å¿œã—ãªãã¦ã‚‚ã€ã™ãã«ã§ã‚‚å®Ÿè£…ã—ã¡ã‚ƒãˆã¾ã™ãã€‚ ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã¯ç‹¬ç«‹ã—ã¦ãŠã‚Šã€ç°¡å˜ã«ä½¿ãˆã€ãƒ•ãƒ«ã‚¦ã‚£ãƒ³ãƒ‰ã‚¦ãƒ¢ãƒ¼ãƒ‰å¯¾å¿œã€ãƒœãƒªãƒ¥ãƒ¼ãƒ ã‚³ãƒ³ãƒˆãƒãƒ¼ãƒ«å¯¾å¿œãªã‚“ã‹ã®æ©Ÿèƒ½ã‚‚ã¤ã„ã¦ã„ã¾ã™ã€‚ GitHubã§ã‚ªãƒ¼ãƒ—ãƒ³ã‚½ãƒ¼ã‚¹é–‹ç™ºã•ã‚Œã¦ã„ã‚‹ã®ã§æ”¹é€ ã™ã‚‹ã®ã‚‚å®¹æ˜“ã§ã™ã€‚ é–¢é€£ã‚¨ãƒ³ãƒˆãƒª ç„¡èŒ¶è‹¦èŒ¶ã‚«ãƒƒã‚³ã„ã„HTML5ãƒ“ãƒ‡ã‚ªãƒ—ãƒ¬ã‚¤ãƒ¤ãƒ¼ã€ŒSublimeVideoã€ ãƒ–ãƒ©ã‚¦ã‚¶ã®CSS3ã€HTML5çµ¡ã¿ã®å¯¾å¿œãŒä¸€ç™ºã§åˆ†ã‹ã‚‹ã‚ˆã†ã«ã§ãã‚‹ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã€ŒModernizrã€
tsutomura 2010/05/21
html5

css

js-lib

å‹•ç”»
ãƒªãƒ³ã‚¯
1

ãŠçŸ¥ã‚‰ã›

ã‚‚ã£ã¨èªã‚€

å…¬å¼Twitter

@hatebu
æœ€æ–°ã®äººæ°—ã‚¨ãƒ³ãƒˆãƒªãƒ¼ã®é…ä¿¡

ã‚ãƒ¼ãƒœãƒ¼ãƒ‰ã‚·ãƒ§ãƒ¼ãƒˆã‚«ãƒƒãƒˆä¸€è¦§

jæ¬¡ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

kå‰ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

lã‚ã¨ã§èªã‚€

eã‚³ãƒ¡ãƒ³ãƒˆä¸€è¦§ã‚’é–‹ã

oãƒšãƒ¼ã‚¸ã‚’é–‹ã

è¨å®šã‚’å¤‰æ›´ã—ã¾ã—ãŸx

ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

ã‚¿ã‚°

é–¢é€£ã‚¿ã‚°ã§çµžã‚Šè¾¼ã‚€ (5)

cssã¨å‹•ç”»ã«é–¢ã™ã‚‹tsutomuraã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (4)

ãŠçŸ¥ã‚‰ã›

ä»Šé€±ã®ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯æ•°ãƒ©ãƒ³ã‚ãƒ³ã‚°ï¼ˆ2025å¹´1æœˆç¬¬2é€±ï¼‰

æœˆé–“ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯æ•°ãƒ©ãƒ³ã‚ãƒ³ã‚°ï¼ˆ2024å¹´12æœˆï¼‰

ä»Šé€±ã®ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯æ•°ãƒ©ãƒ³ã‚ãƒ³ã‚°ï¼ˆ2025å¹´1æœˆç¬¬1é€±ï¼‰

å…¬å¼Twitter

ã‚ãƒ¼ãƒœãƒ¼ãƒ‰ã‚·ãƒ§ãƒ¼ãƒˆã‚«ãƒƒãƒˆä¸€è¦§

ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

å…¬å¼Twitter

ã¯ã¦ãªã®ã‚µãƒ¼ãƒ“ã‚¹

ã‚¿ã‚°

é–¢é€£ã‚¿ã‚°ã§çµžã‚Šè¾¼ã‚€ (5)

cssã¨å‹•ç”»ã«é–¢ã™ã‚‹tsutomuraã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (4)

ã‚¯ãƒ¼ãƒ«ãªãƒ¢ãƒ¼ãƒ€ãƒ«ãƒ€ã‚¤ã‚¢ãƒ­ã‚°å®Ÿè£…ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã€ŒSimpleModalã€:phpspoté–‹ç™ºæ—¥èªŒ

Youtubeã®ã‚«ãƒ¼ã‚½ãƒ«ã‚’åˆã‚ã›ã‚‹ã¨ãƒãƒƒãƒ—ã‚¢ãƒƒãƒ—ã™ã‚‹ãƒœã‚¿ãƒ³å®Ÿè£…CSSã‚µãƒ³ãƒ—ãƒ«:phpspoté–‹ç™ºæ—¥èªŒ

ã“ã‚Œã¯å¿…è¦‹ã‹ã‚‚ãªYoutubeç­‰ã®åŸ‹ã‚è¾¼ã¿å‹•ç”»ã‚’å‹•çš„ã«ãƒªã‚µã‚¤ã‚ºã™ã‚‹CSSä¾‹:phpspoté–‹ç™ºæ—¥èªŒ

CSSã§ã‚¹ã‚­ãƒ³ä½œæˆãŒå¯èƒ½ãªHTML5å‹•ç”»ãƒ—ãƒ¬ã‚¤ãƒ¤ãƒ¼å®Ÿè£…JSãƒ©ã‚¤ãƒ–ãƒ©ãƒªã€ŒVideo JSã€:phpspoté–‹ç™ºæ—¥èªŒ

ãŠçŸ¥ã‚‰ã›

ä»Šé€±ã®ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯æ•°ãƒ©ãƒ³ã‚­ãƒ³ã‚°ï¼ˆ2025å¹´1æœˆç¬¬2é€±ï¼‰

æœˆé–“ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯æ•°ãƒ©ãƒ³ã‚­ãƒ³ã‚°ï¼ˆ2024å¹´12æœˆï¼‰

ä»Šé€±ã®ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯æ•°ãƒ©ãƒ³ã‚­ãƒ³ã‚°ï¼ˆ2025å¹´1æœˆç¬¬1é€±ï¼‰

å…¬å¼Twitter

ã‚­ãƒ¼ãƒœãƒ¼ãƒ‰ã‚·ãƒ§ãƒ¼ãƒˆã‚«ãƒƒãƒˆä¸€è¦§

ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

å…¬å¼Twitter

ã¯ã¦ãªã®ã‚µãƒ¼ãƒ“ã‚¹

é–¢é€£ã‚¿ã‚°ã§çµžã‚Šè¾¼ã‚€ (5)

cssã¨å‹•ç”»ã«é–¢ã™ã‚‹tsutomuraã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (4)

ã‚¯ãƒ¼ãƒ«ãªãƒ¢ãƒ¼ãƒ€ãƒ«ãƒ€ã‚¤ã‚¢ãƒã‚°å®Ÿè£…ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã€ŒSimpleModalã€:phpspoté–‹ç™ºæ—¥èªŒ

Youtubeã®ã‚«ãƒ¼ã‚½ãƒ«ã‚’åˆã‚ã›ã‚‹ã¨ãƒãƒƒãƒ—ã‚¢ãƒƒãƒ—ã™ã‚‹ãƒœã‚¿ãƒ³å®Ÿè£…CSSã‚µãƒ³ãƒ—ãƒ«:phpspoté–‹ç™ºæ—¥èªŒ

ã“ã‚Œã¯å¿…è¦‹ã‹ã‚‚ãªYoutubeç‰ã®åŸ‹ã‚è¾¼ã¿å‹•ç”»ã‚’å‹•çš„ã«ãƒªã‚µã‚¤ã‚ºã™ã‚‹CSSä¾‹:phpspoté–‹ç™ºæ—¥èªŒ

CSSã§ã‚¹ã‚ãƒ³ä½œæˆãŒå¯èƒ½ãªHTML5å‹•ç”»ãƒ—ãƒ¬ã‚¤ãƒ¤ãƒ¼å®Ÿè£…JSãƒ©ã‚¤ãƒ–ãƒ©ãƒªã€ŒVideo JSã€:phpspoté–‹ç™ºæ—¥èªŒ

ãŠçŸ¥ã‚‰ã›

ä»Šé€±ã®ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯æ•°ãƒ©ãƒ³ã‚ãƒ³ã‚°ï¼ˆ2025å¹´1æœˆç¬¬2é€±ï¼‰

æœˆé–“ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯æ•°ãƒ©ãƒ³ã‚ãƒ³ã‚°ï¼ˆ2024å¹´12æœˆï¼‰

ä»Šé€±ã®ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯æ•°ãƒ©ãƒ³ã‚ãƒ³ã‚°ï¼ˆ2025å¹´1æœˆç¬¬1é€±ï¼‰

å…¬å¼Twitter

ã‚ãƒ¼ãƒœãƒ¼ãƒ‰ã‚·ãƒ§ãƒ¼ãƒˆã‚«ãƒƒãƒˆä¸€è¦§

ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

å…¬å¼Twitter

ã¯ã¦ãªã®ã‚µãƒ¼ãƒ“ã‚¹