[B! Webãƒ‡ã‚¶ã‚¤ãƒ³] monjudohã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

monjudoh id:monjudoh

Webãƒ‡ã‚¶ã‚¤ãƒ³ã«é–¢ã™ã‚‹monjudohã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (67)

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

Respond.jsã¨ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–Webãƒ‡ã‚¶ã‚¤ãƒ³ã‚’ã‚ãã‚‹ãƒ™ã‚¹ãƒˆãƒ—ãƒ©ã‚¯ãƒ†ã‚£ã‚¹è°è«– | ã‚†ã£ãã‚Šã¨â€¦
2012å¹´2æœˆã€Modernizr 2.5 ã® ã‚«ã‚¹ã‚¿ãƒ ãƒ»ãƒ“ãƒ«ãƒ€ãƒ¼ ã‹ã‚‰ Respond.js ãŒå¤–ã•ã‚Œã¾ã—ãŸã€‚ç†ç”±ã¯ã€HTML5 Boilerplate ï¼ˆä»¥ä¸‹ H5BPï¼‰ ã‚³ãƒŸãƒ¥ãƒ‹ãƒ†ã‚£ã§ã®æ±ºå®šã§ã™ã€‚Respond.js ã¯ã€IE8 ä»¥ä¸‹ãªã©ã®ãƒ¡ãƒ‡ã‚£ã‚¢ã‚¯ã‚¨ãƒªæœªå¯¾å¿œãªãƒ–ãƒ©ã‚¦ã‚¶ã«ã‚‚ãã®ä»£æ›¿ãˆæ©Ÿèƒ½ã‚’æä¾›ã™ã‚‹ã‚¹ã‚¯ãƒªãƒ—ãƒˆã§ã€ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ– Web ãƒ‡ã‚¶ã‚¤ãƒ³ ã‚’æ”¯ãˆã‚‹ã‚¹ã‚¯ãƒªãƒ—ãƒˆã¨ã—ã¦ã€H5BP ã«é•·ã‚‰ã ï¼ˆ8ãƒ¶æœˆï¼‰ æŽ¡ç”¨ã•ã‚Œã¦ããŸçµŒç·¯ãŒã‚ã‚Šã¾ã™ã€‚ ã§ã¯ãªãœã€Respond.js ã¯å¤–ã•ã‚ŒãŸã®ã§ã—ã‚‡ã†ï¼Ÿ ä»Šå›žã¯ã€ãã®æ±ºå®šã‚’ä¸‹ã—ãŸé•·ï½žã„è°è«– Issue #816: Revert mobile-first media queries and remove respond.js ã‹ã‚‰ã€ãƒ™ã‚¹ãƒˆãƒ»ãƒ—ãƒ©ã‚¯ãƒ†ã‚£ã‚¹ã®è¦ç‚¹ã¨ã€Paul Irish ã®è€ƒãˆã‚‹ H5BP ã®ç†æƒ³åƒã‚’èªã¿è§£ã„ã¦ã¿ãŸã„ã¨æ€ã„ã¾ã™ã€‚ ãƒ˜ã‚¿ã‚¯ã‚½ã§èªã¿
monjudoh 2012/08/16
Webãƒ‡ã‚¶ã‚¤ãƒ³

ç¿»è¨³æ–‡æ›¸
ãƒªãƒ³ã‚¯
è§’ä¸¸ã‚„ã‚·ãƒ£ãƒ‰ã‚¦ä½œã‚‹ã‚¸ã‚§ãƒãƒ¬ãƒ¼ã‚¿ã€‚CSS3 Generator
Mendekati pertengahan tahun 2020 ini, berbagai jenis HP telah rilis di pasaran. Tahun ini adalah tahun yang besar bagi HP berkamera bagus, punya layar fleksibel dan sudah bisa koneksi 5G. Samsung membuktikan hal ini denganâ€¦
monjudoh 2011/11/22
CSS3

ã‚¸ã‚§ãƒãƒ¬ãƒ¼ã‚¿

Webã‚µãƒ¼ãƒ“ã‚¹

Webãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
Chrome+HTML5 Conferenceã€ŒWebã‚¢ãƒ—ãƒªã®é“ã‚‚ä¸€æ©ã‹ã‚‰ã€è¬›æ¼”è³‡æ–™ã‚’å…¬é–‹ã—ã¾ã™ - Hatena Developer Blog
2011å¹´8æœˆ21æ—¥(æ—¥)ã«é–‹å‚¬ã•ã‚ŒãŸChrome+HTML5 Conferenceã«ã¦ã€id:nagayamaã¨id:nanto_viãŒè¬›æ¼”ã‚’è¡Œã£ãŸã®ã§ã€ãã®è³‡æ–™ã‚’å…¬é–‹ã—ã¾ã™ã€‚ã€ŒWebã‚¢ãƒ—ãƒªã®é“ã‚‚ä¸€æ©ã‹ã‚‰ ã€œã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ã®å ´åˆã€œã€ã¨é¡Œã—ã€å…¬å¼Chromeã‚¦ã‚§ãƒ–ã‚¢ãƒ—ãƒª ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ã®é–‹ç™ºãƒ•ãƒãƒ¼ã‚„åˆ©ç”¨æŠ€è¡“ã«ã¤ã„ã¦è§£èª¬ã—ã¾ã—ãŸã€‚ç™ºè¡¨ã¯2éƒ¨æ§‹æˆã§ã€ãƒ‡ã‚£ãƒ¬ã‚¯ã‚¿ãƒ¼ã®id:nagayamaãŒã¯ã¦ãªã§ã®Chromeã‚¦ã‚§ãƒ–ã‚¢ãƒ—ãƒªã®é–‹ç™ºãƒ•ãƒãƒ¼ã«é–¢ã—ã¦ã€ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã®id:nanto_viãŒã‚¦ã‚§ãƒ–ã‚¢ãƒ—ãƒªã§æ´»ç”¨ã—ã¦ã„ã‚‹HTML5é–¢é€£æŠ€è¡“ã«é–¢ã—ã¦è¿°ã¹ã¦ã„ã¾ã™ã€‚ Webã‚¢ãƒ—ãƒªã®é“ã‚‚ä¸€æ©ã‹ã‚‰ ã€œã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ã®å ´åˆã€œ View more presentations from nagayama Web ã‚¢ãƒ—ãƒªã®é“ã‚‚ä¸€æ©ã‹ã‚‰ å®Ÿè£…ã«ã¤ã„ã¦ by nanto_vi ã‚¹ã‚¯ãƒªãƒ—ãƒˆã®è¨è¨ˆ è¡¨ç¤ºå†…å®¹ã¨ URL ã®åˆ‡ã‚Š
monjudoh 2011/09/24
Webé–‹ç™º

JavaScript

Webãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
è‰²å½©ã‚»ãƒ³ã‚¹ã®ã„ã‚‰ãªã„é…è‰²è¬›åº§
3. è‡ªå·±ç´¹ä»‹ è·æ¥ï¼šãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ ç‰©å¿ƒã¤ã„ãŸã¨ãã«ã¯çµµã‚’æãã®ãŒå¥½ãã ã£ãŸ ãã®ã¾ã¾ã®å‹¢ã„ã§æŸç¾Žå¤§æŸãƒ‡ã‚¶ã‚¤ãƒ³ç§‘ã«é€²å¦ ç¤¾ä¼šã«å‡ºãŸã‚‰ãƒ‡ã‚¶ã‚¤ãƒ³ã®è©±ãŒé€šã˜ãªã•ã™ãŽã¦æ‚¶çµ¶ ãã‚“ãªç¤¾ä¼šã«å¯¾ã—ã¦ã€ãƒ‡ã‚¶ã‚¤ãƒ³ã®åŠ¹æžœã‚’ã‚Šã‚ã‚“ã¦ãã«èª¬æ˜Žã—ã¦èª¬å¾—ã—ã‚ˆã†ã¨ã—ã¦ã„ã‚‹ marippe_
monjudoh 2011/09/07
è³‡æ–™

Webãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
ç¬¬1å›žã€€text-shadowå®Ÿè·µãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ | gihyo.jp
CSS3ã¯ãƒ–ãƒ©ã‚¦ã‚¶ã®é€²åŒ–ã¨ã¨ã‚‚ã«æ˜¨ä»Šã§ã¯æ§˜ã€…ãªãƒ–ãƒã‚°ã‚„æŠ€è¡“ç³»ã®ãƒ¡ãƒ‡ã‚£ã‚¢ãªã©ã§å–ã‚Šä¸Šã’ã‚‰ã‚Œã‚‹ã‚ˆã†ã«ãªã£ã¦ãã¾ã—ãŸã€‚ ä»Šå›žã¯ã€CSS3ãªã®ã§ã™ãŒCSS2.1ã§ã‚‚ã‚ã£ãŸtext-shadowãƒ—ãƒãƒ‘ãƒ†ã‚£ã«ã¤ã„ã¦ãƒ•ã‚©ãƒ¼ã‚«ã‚¹ã—ã¾ã™ã€‚ ã™ã§ã«ãƒ—ãƒãƒ‘ãƒ†ã‚£ã®åå‰ã‹ã‚‰ä½•ãŒã§ãã‚‹ã‹ã¯äºˆæƒ³ãŒã¤ãã¾ã™ã€‚ãŸã ã€"ãã‚ãã‚ä½•ãŒã§ãã‚‹ã‹"ã§ã¯ãªãã€"ã©ã®ã‚ˆã†ã«ä½¿ã†ã‹"ã¨ã„ã†å®Ÿè·µã®éƒ¨åˆ†ã«æ³¨ç›®ã—ã¦ç´¹ä»‹ã—ã¦ã„ãã¾ã™ã€‚ text-shadowãƒ—ãƒãƒ‘ãƒ†ã‚£ã®è¨˜è¿°æ–¹æ³• ã¾ãšã¯ã€åŸºæœ¬ã®text-shadowãƒ—ãƒãƒ‘ãƒ†ã‚£ã®è¨˜è¿°æ–¹æ³•ã§ã™ãŒã€ä»¥ä¸‹ã®å½¢å¼ã§å€¤ã‚’æŒ‡å®šã—ã¾ã™ã€‚ ã‚»ãƒ¬ã‚¯ã‚¿ { text-shadowï¼šã€€ã¼ã‹ã—è‰²ã€€Xæ–¹å‘ã¸ã®è·é›¢ã€€Yæ–¹å‘ã¸ã®è·é›¢ã€€ã¼ã‹ã—ã®è·é›¢ } ã¼ã‹ã—è‰² ã¼ã‹ã—è‰²ã¯RGBã€è‰²åã«ã¦æŒ‡å®šãŒå¯èƒ½ã€‚#000ã¯RGBã®é»’ã ãŒã€blackã§ã‚‚æŒ‡å®šã™ã‚‹ã“ã¨ãŒå¯èƒ½ã€‚ã¼ã‹ã—ã®è‰²ã¯ã€text-shadowãƒ—ãƒãƒ‘ãƒ†ã‚£ã®å€¤ã¨ã—ã¦ä¸€ç•ªæœ€åˆã«è¨˜è¿°
monjudoh 2011/03/04
CSS

text-shadow

Webãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
ç«¹å– JS
ç”»é¢ã‚’ãƒ€ãƒ–ãƒ«ã‚¯ãƒªãƒƒã‚¯ã§ç¸¦æ›¸ãã¨æ¨ªæ›¸ãã‚’åˆ‡ã‚Šæ›¿ãˆã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚è¦ç´ ã‚’æŒ‡å®šã—ã¦ç¸¦æ›¸ãã«ã—ã¦ã„ã‚‹å ´åˆã¯ã€æ¬¡å›žã‚¢ã‚¯ã‚»ã‚¹æ™‚ã«åŒã˜è¡¨ç¤ºãŒå¼•ãç¶™ãŒã‚Œã¾ã™ã€‚ ã©ã‚“ãªã‚µã‚¤ãƒˆã§ã‚‚ç¸¦æ›¸ãã«ã™ã‚‹ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ãƒ¬ãƒƒãƒˆã€‚ â†“å³ã‚¯ãƒªãƒƒã‚¯ã§ã€ŒãŠæ°—ã«å…¥ã‚Šã€ã«ä¿å˜ã™ã‚‹ã‹ã€ãƒªãƒ³ã‚¯ã‚’ãƒ‰ãƒ©ãƒƒã‚°ã—ã¦ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ãƒãƒ¼ã«ãƒ‰ãƒãƒƒãƒ—ã—ã¾ã™ã€‚ ã€Œç¸¦æ›¸ãã«ã™ã‚‹ãƒ»iPhone ç”¨ãƒªãƒ³ã‚¯ã€ ã€Œç¸¦æ›¸ãå¯èƒ½ã«ã™ã‚‹ãƒ»iPhone ç”¨ãƒªãƒ³ã‚¯ã€ ã€Œæ®µçµ„ã¿ç¸¦æ›¸ãå¯èƒ½ã«ã™ã‚‹ãƒ»iPhone ç”¨ãƒªãƒ³ã‚¯ã€ iPhone ã«ç™»éŒ²ã™ã‚‹ã«ã¯ï¼Ÿ ã¨ã‚Šã‚ãˆãšã“ã®ãƒšãƒ¼ã‚¸ã‚’å…±æœ‰ãƒœã‚¿ãƒ³ã‹ã‚‰ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ã€‚ iPhone ç”¨ãƒªãƒ³ã‚¯ ã‚’é•·æŠ¼ã—ã—ã¦ã‚³ãƒ”ãƒ¼ã€‚ ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ã‚’é–‹ã„ã¦ã€è¿½åŠ ã—ãŸãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ã‚’ã€Œç·¨é›†ã€ã€‚ åå‰ã‚’ã€Œç¸¦æ›¸ãå¯èƒ½ã«ã™ã‚‹ã€ãªã©ã«å¤‰æ›´ã—ã€URL æ¬„ã«ä¸Šè¨˜ã‚³ãƒ¼ãƒ‰ã‚’ãƒšãƒ¼ã‚¹ãƒˆã€‚ æœ€åˆã®ã€Œhttp://ã€ã‚’å‰Šé™¤ã€‚ æ³¨æ„ï¼ ã‚„ã‚„å‹•ä½œãŒé‡ã„ã§ã™ï¼ ã†ã¾ãå¤‰æ›ã§ããªã‹ã£ãŸã¨ãã¯ã€ç”»é¢ã‚’ãƒ€ãƒ–
monjudoh 2011/03/03
ç¸¦æ›¸ãã‚’è¡¨ç¤ºã™ã‚‹ãŸã‚ã®JavaScriptãƒ©ã‚¤ãƒ–ãƒ©ãƒª

JavaScript

Webãƒ‡ã‚¶ã‚¤ãƒ³

ç¸¦æ›¸ã

library
ãƒªãƒ³ã‚¯
ButtonMaker webãƒœã‚¿ãƒ³ç´ æ è‡ªå‹•ç”Ÿæˆã‚µã‚¤ãƒˆ - ç„¡æ–™
ã“ã®ãƒšãƒ¼ã‚¸ã¯ãƒ›ãƒ¼ãƒ ãƒšãƒ¼ã‚¸åˆ¶ä½œã«ä½¿ãˆã‚‹ãƒœã‚¿ãƒ³ç´ æã‚’ç”Ÿæˆã™ã‚‹ã‚µã‚¤ãƒˆã§ã™ã€‚ ã”å¸Œæœ›ã®é …ç›®ã‚’è¨å®šã—ã€å³ä¸Šã®ã€Œcreateã€ãƒœã‚¿ãƒ³ã‚’ã‚¯ãƒªãƒƒã‚¯ã™ã‚‹ã ã‘ã§ç°¡å˜ã«ãƒœã‚¿ãƒ³ã‚’ä½œã‚Œã¾ã™ã€‚ â€»å°ã®ä»˜ã„ãŸé …ç›®ã¯è¨å®šå¿…é ˆã§ã€ãã®ä»–ã®é …ç›®ã¯å¿…è¦ã«å¿œã˜ã¦è¨å®šã—ã¦ãã ã•ã„ã€‚ å„é …ç›®ã®ã€Œã‚«ãƒ©ãƒ¼ã€ã®æ¬„ã¯å…¥åŠ›æ¬„ã‚’ã‚¯ãƒªãƒƒã‚¯ã™ã‚‹ã¨ã‚«ãƒ©ãƒ¼ãƒ”ãƒƒã‚«ãƒ¼ãŒè¡¨ç¤ºã•ã‚Œã¾ã™ã®ã§ã€ ã”å¸Œæœ›ã®è‰²ã‚’ã‚¯ãƒªãƒƒã‚¯ã™ã‚‹ã¨è‡ªå‹•ã§å…¥åŠ›ã§ãã¾ã™ã€‚ èƒŒæ™¯è‰²ã®ã€Œæ–¹å‘ã€ã¯ã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ã«ã™ã‚‹éš›ã®ï¼‘ã‹ã‚‰ï¼’ã¸ã®è‰²ã®å‘ãã§ã™ã€‚ ãƒ†ã‚ã‚¹ãƒˆã®ä½ç½®ï¼’ã¯è‡ªç”±ã«æŒ‡å®šã—ãŸã„å ´åˆã«è¨å®šã™ã‚‹ã¨ã€ ä½ç½®ï¼‘ã®æŒ‡å®šã‚’ç„¡è¦–ã—ã¦ã€ä½ç½®ï¼’ã§æŒ‡å®šã—ãŸä½ç½®ã«ãƒ†ã‚ã‚¹ãƒˆã‚’è¡¨ç¤ºã—ã¾ã™ã€‚
monjudoh 2011/03/01
Webãƒ‡ã‚¶ã‚¤ãƒ³

tool

Webã‚µãƒ¼ãƒ“ã‚¹
ãƒªãƒ³ã‚¯
æž ç·šä»˜ãã®å¹ãå‡ºã—
ãƒŸãƒ‹ãƒ–ãƒã‚°ã®éš†ç››ä»¥é™ã‚¦ã‚§ãƒ–ä¸Šã§ã‚ˆãè¦‹ã‹ã‘ã‚‹å¹ãå‡ºã—ã‚’CSSã§ä½œã‚‹ãŠè©±ã€‚å˜è‰²ã®ã‚‚ã®ã¯ã‹ãªã‚Šå‰ã«æ›¸ã„ãŸã€‚ä»Šå›žã¯ãã‚Œã«æž ç·šã‚’ã¤ã‘ã¦ã¿ã‚ˆã†ï¼ã€€ã¿ã‚ˆã†ï¼ã€€ã¿ã‚ˆã†ï¼ Demo: Bordered Speech Bubble æž ç·šã¯å˜ãªã‚‹solidãªborderã§å°‘ã—è§’ã‚’ä¸¸ã‚ãŸã ã‘ã€‚ å°»å°¾ã‚’ä»˜ã‘ã‚‹ :beforeæ“¬ä¼¼è¦ç´ ã‚’ä½¿ã†ã€‚ãƒ‡ãƒ¢ã®3ç•ªç›®ã®ã‚µãƒ³ãƒ—ãƒ«ã®ã‚ˆã†ã«ã€ã¾ãšæž ç·šã¨åŒã˜è‰²ã§ä¸‰è§’å½¢ã‚’ä½œã‚‹ã€‚ä¸‰è§’å½¢ã¯ä»¥å‰ã®ã‚¨ãƒ³ãƒˆãƒªã§æ›¸ã„ãŸæ‰‹æ³•ã¨åŒã˜ã§ã€å·¦å³ã®borderã‚’transparentã«ã™ã‚‹ã“ã¨ã«ã‚ˆã£ã¦ä½œã‚‹ã€‚ .speech-bubble:before { border-top-width: 16px; border-right-width: 16px; border-bottom-width: 0; border-left-width: 16px; border-color: #369 transparent;
monjudoh 2011/02/23
CSS

Webãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
Demo | jquery.vgrid.js
Demo list - Variable grid layout. demo001 - Simple Example demo002 - Basic Option Example demo003 - Any Height Grid Example demo004 - FadeIn Option Example demo005 - Sort Example demo006 - Dynamic Grid, Start/Finish Event Example demo007 - Dynamic Image Grid, Start/Finish Event Example demo008 - Multi Box Grid Example demo009 - Grid Element Show/Hide Example demo010 - Drag And Drop Sort Example
monjudoh 2011/02/07
JavaScript

jQuery

Webãƒ‡ã‚¶ã‚¤ãƒ³

plugin
ãƒªãƒ³ã‚¯
Elect-LO-nica Compilation | Bunkaikei Records
About : Elect-LO-nica Compilation è¨€ã‚ãšã¨çŸ¥ã‚ŒãŸã€ŽCOMIC LOã€ï¼ˆèŒœæ–°ç¤¾ï¼‰ã®äººæ°—æ¼«ç”»å®¶ã§ã‚ã‚ŠQuasaråç¾©ã§ã®éŸ³æ¥½æ´»å‹•ã§ã‚‚æ´»èºä¸ã®æ±å±±ç¿”æ°ã€‚ãã—ã¦webã‚’åª’ä»‹ã«ç„¡æ–™ã§éŸ³æ¥½ã‚’é…ä¿¡ã™ã‚‹ãƒãƒƒãƒˆãƒ¬ãƒ¼ãƒ™ãƒ«ã®ã²ã¨ã¤ã€Œåˆ†è§£ç³»ãƒ¬ã‚³ãƒ¼ã‚ºã€ã®ä¸»å®°ãŠã‚ˆã³ãƒ‹ã‚³ãƒ‹ã‚³å‹•ç”»ã§ã®ãƒžãƒ‹ã‚¢ãƒƒã‚¯ãªæ´»å‹•ãªã©ã§çŸ¥ã‚‰ã‚Œã‚‹Go-qualiaæ°ã¨ã®ç•°è‰²ã®ã‚³ãƒ©ãƒœã«ã‚ˆã‚‹ãƒãƒªãƒ¼ã‚¿å°‚é–€é›‘èªŒã€ŒCOMIC LOã€ã®ã‚¤ãƒ³ã‚¹ãƒ‘ã‚¤ã‚¢ã‚³ãƒ³ãƒ”ãƒ¬ãƒ¼ã‚·ãƒ§ãƒ³ã€ŽElect-LO-nica Compilationã€ã¤ã„ã«è§£ç¦ã€‚ ã€Œå°‘å¥³ã¨ã‚¨ãƒ¬ã‚¯ãƒˆãƒãƒ‹ã‚«ã€ã‚’ãƒ†ãƒ¼ãƒžã«å€‹æ€§æº¢ã‚Œã‚‹ã‚¢ãƒ¼ãƒ†ã‚£ã‚¹ãƒˆé”ãŒå„ã€…ã®æ€ã„æãã€ŒElect-LO-nicaã€ã‚’å¥ã§ã‚‹ã€‚ ã»ã‚“ã®æ€ã„ã¤ãã«ã‚ˆã‚‹å†—è«‡ã‚ã„ãŸãƒ„ã‚¤ãƒ¼ãƒˆãŒã„ã¤ã—ã‹æœ¬æ ¼çš„ãªãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã«ç™ºå±•ã—ã¦ã‚ã’ãã¯å…¬å¼å…¬èªï¼Ÿã«ã¾ã§ãªã£ã¦ã—ã¾ã£ãŸã¨ã„ã†ã¾ã•ã«twitterãªã‚‰ã§ã¯ã®ã‚¨ãƒ”ã‚½ãƒ¼ãƒ‰ã¯ã•ã¦ãŠãã€ã‚¸ãƒ£ãƒ³ãƒ«ã‚„ã‚·ãƒ¼ãƒ³
monjudoh 2011/01/23
ãŠã‚‚ã‚ã„Webãƒ‡ã‚¶ã‚¤ãƒ³

Webãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
jQueryUI Icons List / Cheatsheet
monjudoh 2010/12/13
jQuery

jQueryUI

CSS

Webãƒ‡ã‚¶ã‚¤ãƒ³

ãƒãƒ¼ãƒˆã‚·ãƒ¼ãƒˆ
ãƒªãƒ³ã‚¯
CSS3ã ã‘ã§Webã‚µã‚¤ãƒˆã®UIã‚’MacProçš„ãªãƒ¡ã‚¿ãƒ«èª¿ã«ã—ã¦ã¿ãŸ
ç™¾èžã¯ä¸€è¦‹ã«ã—ã‹ãšã€‚ãƒ‡ãƒ¢ã“ã®ã‚¨ãƒ³ãƒˆãƒªãƒ¼ã¯IEã ã¨é¢ç™½ããªã„ã§ã™ã‚ˆ! æ–‡å—ã‚µã‚¤ã‚ºã‚’å¤§ããã—ãŸã‚Šå°ã•ãã—ãŸã‚Šã€ã‚ãƒ£ãƒ¬ãƒƒãƒˆã§æ–‡å—åˆ—ã‚’é¸æŠžã—ã¦ã¿ãŸã‚Šã—ã¦ã€ã“ã‚ŒãŒç”»åƒã§ãªã„ã‹ç¢ºã‚ã¦ã¿ã¾ã—ã‚‡ã†ã€‚ä¸€åˆ‡ç”»åƒãƒ•ã‚¡ã‚¤ãƒ«ã¯ä½¿ã£ã¦ãªã„ã‚ˆ! <2010/05/28 13:00è¿½è¨˜> Chromeã ã¨window.onloadã‚¤ãƒ™ãƒ³ãƒˆå‡¦ç†ãŒå‹•ä½œã—ã¦ãªã„ã‚ˆã†ãªã®ã§ãƒãƒ³ãƒ‰ãƒ©ã‚’onmouseoverã«å¤‰æ›´ã€‚ãƒžã‚¦ã‚¹ãƒã‚¤ãƒ³ã‚¿ã‚’é‡ãã‚‹ã¨loading...éƒ¨åˆ†ãŒå‹•ä½œã™ã‚‹ã¯ãš I â™¥ Internetloading... Profile Blog Twitter Bookmark è¶£æ—¨è¦‹ã›ã¦ã‚‚ã‚‰ãŠã†ã‹ã€W3Cã®æ–°ã—ã„CSSã®æ€§èƒ½ã¨ã‚„ã‚‰ã‚’ å…ˆã«çµè«–ç„¡ç†ã«ã™ã¹ã¦CSS3ã ã‘ã§è¡¨ç¾ã‚’å®Œçµã•ã›ã‚ˆã†ã¨ã™ã‚Œã°ã™ã‚‹ã»ã©ä¸€æ˜”å‰ã®ãƒ–ãƒ©ã‚¦ã‚¶åˆ¥ãƒãƒƒã‚¯ã¿ãŸã„ãªäº‹ã—ãªãã‚ƒã„ã‘ãªããªã‚Šã¾ã™ã‚ˆã€‚ ã¡ãªã¿ã«Bloggerã«ãƒ‡ãƒ¢ç”¨ã«ç›´ã«HTMLè¨˜è¿°ã—ã¦ã¿ãŸã‚“ã ã‘ã©
monjudoh 2010/05/27
Webãƒ‡ã‚¶ã‚¤ãƒ³

CSS3
ãƒªãƒ³ã‚¯
CSS3 ã‚’æ´»ç”¨ã—ãŸãƒœã‚¿ãƒ³ç‰ã®ä½œã‚Šæ–¹ - WebOS Goodies
å…ˆé€±ã® Icon Creator Widget ã«ç¶šã„ã¦ã€æœ¬æ—¥ã‚‚ Opera ã®é–‹ç™ºè€…å‘ã‘ã‚µã‚¤ãƒˆã‹ã‚‰ã®ãƒã‚¿ã‚’ã²ã¨ã¤ã€‚å…¬é–‹ã•ã‚ŒãŸã®ã¯å…ˆæœˆæœ«ãªã®ã§ã™ãŒã€ CSS3 ã® text-shadow, box-shadow, border-radius ãªã©ã‚’æ´»ç”¨ã—ã¦ç¾Žã—ã„ãƒœã‚¿ãƒ³ã‚„ãƒœãƒƒã‚¯ã‚¹ã‚’ä½œæˆã™ã‚‹æ–¹æ³•ã®è§£èª¬è¨˜äº‹ãŒæŽ²è¼‰ã•ã‚Œã¦ã„ã¾ã—ãŸã€‚ä»Šå¾Œã® Web åˆ¶ä½œã§ã¨ã¦ã‚‚å½¹ç«‹ã¤ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã ã¨æ€ã†ã®ã§ã€ãã®å†…å®¹ã‚’ç°¡å˜ã«ã”ç´¹ä»‹ã—ã¾ã™ã€‚ ãªãŠã€ã“ã®è¨˜äº‹ã¯ CSS3 ã‚’ä½¿ç”¨ã—ã¦ã„ã‚‹ãŸã‚ã€ãƒ–ãƒ©ã‚¦ã‚¶ã«ã‚ˆã£ã¦ã¯æ£ã—ãè¡¨ç¤ºã•ã‚Œã¾ã›ã‚“ã€‚ãŸã¶ã‚“ Firefox, Google Chrome, Opera ã®æœ€æ–°ç‰ˆã§ã‚ã‚Œã°å¤§ä¸ˆå¤«ã‹ã¨æ€ã„ã¾ã™ï¼ˆSafari ã¯ box-shadow ã«æœªå¯¾å¿œï¼‰ã€‚ text-shadow, box-shadow, border-radius ã«ã¤ã„ã¦ å…ƒè¨˜äº‹ã§ã¯ã™ãã«æœ¬é¡Œã«é€²ã‚“ã§ã„ã‚‹ã®ã§ã™ãŒã€ã“ã“ã§ã¯
monjudoh 2010/05/13
CSS

CSS3

Webãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
[CSS]floatã‚’è§£é™¤ã™ã‚‹ã€Œclearfixã€ã®IE6/7ã«å¯¾å¿œã—ãŸæ”¹è‰¯ç‰ˆ
floatã‚’è§£é™¤ã™ã‚‹éš›ã«clearã‚’ä½¿ç”¨ã›ãšã«è§£é™¤ã™ã‚‹ã€Œclearfixã€ã®æ”¹è‰¯ç‰ˆã‚’Perishable Pressã‹ã‚‰ç´¹ä»‹ã—ã¾ã™ã€‚ The New Clearfix Method ã„ã‚ã‚†ã‚‹æ—§ã‚¿ã‚¤ãƒ—ã®clearfixã¯Mac IEã‚‚å¯¾å¿œãƒ–ãƒ©ã‚¦ã‚¶ã«å«ã¾ã‚Œã¦ã„ã‚‹ãŸã‚ã€ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã¯ä¸‹è¨˜ã®ã‚ˆã†ã«ãªã‚Šã¾ã™ã€‚ æ—§ã‚¿ã‚¤ãƒ—ã®clearfix <textarea name="code" class="css" cols="60" rows="5"> .clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } .clearfix { display: inline-table; } /* Hides from IE-mac */ * html .cle
monjudoh 2009/12/11
CSS

Webãƒ‡ã‚¶ã‚¤ãƒ³

IE

IE6

clearfix
ãƒªãƒ³ã‚¯
OverZone Software - CSS Tab Designer
Create killer menus effortlessly! CSS Tab Designer is a unique and easy to use software to help you design css-based lists and tabs visually and without any programming knowledge required! With the CSS Tab Designer, you can : Quickly design your list visually Choose from a variety of styles/colors (60+ different designs/colors supported). [ Styles Authors / Credits ] Generate strict xhtml complian
monjudoh 2009/11/30
CSS

Webãƒ‡ã‚¶ã‚¤ãƒ³

tool
ãƒªãƒ³ã‚¯
[CSS]ãƒãƒƒã‚¯ç„¡ã—ã§IE6ã§max-widthã‚’å®Ÿç¾ã™ã‚‹ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆ
CSS Hackã‚‚JavaScriptã‚‚IEã®æ¡ä»¶ä»˜ãã‚³ãƒ¡ãƒ³ãƒˆã‚‚ç„¡ã—ã§ã€IE6ã§max-widthã‚’å®Ÿç¾ã™ã‚‹ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã‚’CSSplayã‹ã‚‰ç´¹ä»‹ã—ã¾ã™ã€‚ 'max-width' for Internet Explorer IE6 demo: center å®Ÿè£…ã®ãƒã‚¤ãƒ³ãƒˆã¨ãªã‚‹ã®ã¯å·¦å³ã«é…ç½®ã•ã‚ŒãŸdivè¦ç´ ã§ã€ãã‚Œãžã‚Œãƒžã‚¤ãƒŠã‚¹ãƒžãƒ¼ã‚¸ãƒ³ã‚’æŒ‡å®šã—ã¾ã™ã€‚ ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’é…ç½®ã™ã‚‹divè¦ç´ ã«ã¯ã€Œoverflow:hidden;ã€ã‚’æŒ‡å®šã—ã¾ã™ã€‚ ãƒ‡ãƒ¢ã§ã¯ä¸Šè¨˜ã®max-widthã®ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’ã‚»ãƒ³ã‚¿ãƒ¼ã«é…ç½®ã—ãŸã‚‚ã®ã¨å·¦å³ã«é…ç½®ã—ãŸã‚‚ã®ãŒã‚ã‚Šã¾ã™ã€‚ 'max-width' centered 'max-width' left 'max-width' right
monjudoh 2009/10/07
IE

IE6

CSS

Webãƒ‡ã‚¶ã‚¤ãƒ³

tips
ãƒªãƒ³ã‚¯
è‡ªåˆ†çš„HTMLãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆã®çµ„ã¿æ–¹ | Takazudo Clipping*
è‡ªåˆ†çš„HTMLãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆã®çµ„ã¿æ–¹ã¨ä¾‹ã§ã™ã€‚ ã¾ãã€ã‚„ã‚‹ãŸã³ã«ã¡ã‚‡ã“ã¡ã‚‡ã“å¤‰ãˆã¦ã‚‹ã‚“ã§ã™ã‘ã©ã€2009å¹´7æœˆç‰ˆã£ã¦ã“ã¨ã§ã–ã£ãã‚Šèª¬æ˜Žã€‚ ç©ºãƒ†ãƒ³ãƒ—ãƒ¬ ãƒ¢ã‚¸ãƒ¥ãƒ¼ãƒ«ä¸€è¦§ ã‚µãƒ³ãƒ—ãƒ« ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ç”¨ ã‚¨ãƒªã‚¢ã¨ãƒ¢ã‚¸ãƒ¥ãƒ¼ãƒ« ç¹°ã‚Šè¿”ã—ä½¿ç”¨ã•ã‚Œã‚‹è¦ç´ ã®å¡Šã‚’ãƒ¢ã‚¸ãƒ¥ãƒ¼ãƒ«ã¨å‘¼ã³ã€ã‚¨ãƒªã‚¢ã®ä¸ã«ã“ã‚Œã‚’ä¸¦ã¹ã¦ãƒšãƒ¼ã‚¸ã‚’ä½œæˆã™ã‚‹ã®ã‚’åŸºæœ¬ã¨ã™ã‚‹ã€‚ ãƒ¢ã‚¸ãƒ¥ãƒ¼ãƒ«ã®é–‹å§‹è¦ç´ ã«ã¯ã€ã€Œmod_moduleNameã€ã®ã‚ˆã†ã«classï¼ˆã‚‚ã—ãã¯idï¼‰ã‚’ã¤ã‘ã‚‹ã€‚ ãƒ¢ã‚¸ãƒ¥ãƒ¼ãƒ«ã‚„ã‚¨ãƒªã‚¢ã®class/idã‚’èµ·ç‚¹ã«å…¨ã¦ã®ã‚¹ã‚¿ã‚¤ãƒ«ã‚’æŒ‡å®šã™ã‚‹ã€‚pã€h1ï½žh6ã€blockquoteã€tableç‰ã€è¦ç´ è‡ªä½“ã«ç›´ã«ã‚¹ã‚¿ã‚¤ãƒ«ã‚’æŒ‡å®šã—ã¦ã¯ã„ã‘ãªã„ã€‚ï¼ˆã‚°ãƒãƒ¼ãƒãƒ«å¤‰æ•°ã‚’ä½¿ã£ã¦ã„ã‚‹ã‚ˆã†ãªçŠ¶æ…‹ã«ãªã£ã¦ã—ã¾ã†ãŸã‚ã€ä»¥é™è€ƒæ…®ã™ã‚‹ã®ãŒé¢å€’ã€‚ãƒªã‚»ãƒƒãƒˆç¨‹åº¦ã«æ¸ˆã¾ã™ã€‚ï¼‰ ãƒ¢ã‚¸ãƒ¥ãƒ¼ãƒ«ã«ã‚¹ã‚¿ã‚¤ãƒ«ã‚’æŒ‡å®šã™ã‚‹éš›ã«ã¯ã€mod_moduleNameã‚’èµ·ç‚¹ã¨ã—ã¦ã‚¹ã‚¿ã‚¤ãƒ«ã‚’æŒ‡å®šã—ã€ã‚«ãƒ—ã‚»ãƒ«åŒ–ã‚’
monjudoh 2009/07/20
Webãƒ‡ã‚¶ã‚¤ãƒ³

tips
ãƒªãƒ³ã‚¯
Smart Columns w/ CSS & jQuery
As I observe other liquid based websites, I see two commonly used techniques on displaying columns, the fixed columns and the liquid columns. There are drawbacks to both that I would like to point out, and later would like to pitch my solution. Fixed Columns The great thing about having fixed columns in a liquid layout, is that it will fill up the view port with as many columns as it can fit. But
monjudoh 2009/07/08
JavaScript

jQuery

plugin

Webãƒ‡ã‚¶ã‚¤ãƒ³

ãƒªã‚ãƒƒãƒ‰ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆ
ãƒªãƒ³ã‚¯
jQuery Sequential List - Web Designer Wall
Have you ever had to manually code something that is sequential? Didnâ€™t you find it annonying? Well, here is a simple solution for you. This tutorial will show you how to use jQuery to add a sequent of CSS classes to create a graphical list. The second example will show you how to add a comment counter to a comment list using jQueryâ€™s prepend feature. View Demo Sequential List 1a. Insert jQuery Co
monjudoh 2009/05/29
jQueryã‚’ä½¿ã£ã¦é€£ç•ªclassã‚„é€£ç•ªã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’æŒ¿å…¥

jQuery

Webãƒ‡ã‚¶ã‚¤ãƒ³

tips

JavaScript
ãƒªãƒ³ã‚¯
IE6ãƒ‡ã‚¶ã‚¤ãƒ³æ–°æ‰‹æ³• Universal Internet Explorer 6 CSS | ã‚¨ãƒ³ã‚¿ãƒ¼ãƒ—ãƒ©ã‚¤ã‚º | ãƒžã‚¤ã‚³ãƒŸã‚¸ãƒ£ãƒ¼ãƒŠãƒ«
For A Beautiful Web - Creative web design and development training and workshops for web designers and developers IE6ã®ã‚·ã‚§ã‚¢ãŒä¸‹è½ã—ã¦ã„ã‚‹ã¨ã¯ã„ãˆã€Net Applicationsã®å ±å‘Šã«ã‚ˆã‚Œã°2009å¹´4æœˆã«ãŠã‘ã‚‹IE6ã®ã‚·ã‚§ã‚¢ã¯IE7ã€Firefox3ã«æ¬¡ã„ã§3ä½ã€17%å¼·ã®ã‚·ã‚§ã‚¢ã‚’ç¢ºä¿ã—ã¦ã„ã‚‹ã€‚Webã‚µã‚¤ãƒˆã®IE6å¯¾å¿œã¯ä¾ç„¶ã¨ã—ã¦ç¶šã‘ã‚‹å¿…è¦ãŒã‚ã‚Šãã†ã ã€‚ãã†ã—ãŸçŠ¶æ³ã«å¯¾ã—ã€Andy Clarkeæ°ãŒUniversal Internet Explorer 6 CSSã¨ã„ã†èˆˆå‘³æ·±ã„å–ã‚Šçµ„ã¿ã‚’é–‹å§‹ã—ãŸã€‚æˆæžœç‰©ã¯Google Codeã§ã‚‚å…¬é–‹ã•ã‚Œã¦ã„ã‚‹ã€‚ Andy Clarkeæ°ã¯IE6ã«é–¢ã™ã‚‹6ã¤ã®ç–‘å•ã«å¯¾ã—ã¦æ¬¡ã®ã‚ˆã†ã«è‡ªèª¬ã‚’ç´¹ä»‹ã€‚ (ãƒ‡ã‚¶ã‚¤ãƒ³ã¯å„ªã‚ŒãŸãƒ–ãƒ©ã‚¦ã‚¶ã«åˆã‚ã›ã¦IE
monjudoh 2009/05/28
ã€Ž# ãƒ—ãƒã‚°ãƒ¬ãƒƒã‚·ãƒ–ã‚¢ãƒ—ãƒãƒ¼ãƒã¯å„ªã‚ŒãŸãƒ–ãƒ©ã‚¦ã‚¶ã‚’ãƒ™ãƒ¼ã‚¹ã«ã—ã¦é€²ã‚ã‚‹ã¹ã # IE6å¯¾å¿œã‚’æ¨ã¦ã‚‹ã¹ãã§ã¯ãªã„ # IE6å¯¾å¿œã«ã¯Universal Internet Explorer 6 CSSã®ä½¿ç”¨ã‚’ææ¡ˆã€

Webãƒ‡ã‚¶ã‚¤ãƒ³

CSS

IE6
ãƒªãƒ³ã‚¯
1 2 3 4 æ¬¡ã®ãƒšãƒ¼ã‚¸