[B! !tutrial] mimosafaã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

mimosafa id:mimosafa

!tutrialã«é–¢ã™ã‚‹mimosafaã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (17)

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

Photoshopã§ã®Webåˆ¶ä½œåŠ¹çŽ‡ã‚’å‘ä¸Šã•ã›ã‚‹ã€ŒJSXã€ã¨ã¯
ã”å˜ã˜ã®æ–¹ã‚‚ã„ã‚‰ã£ã—ã‚ƒã‚‹ã¨æ€ã„ã¾ã™ãŒã€Adobe Photoshop ã¯ JavaScript ã§åˆ¶å¾¡ã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ Photoshop ç”¨ã® JavaScript ãƒ•ã‚¡ã‚¤ãƒ«ã®ã“ã¨ã‚’ã€ŒJSXã€ã¨å‘¼ã³ã¾ã™ã€‚æ‹¡å¼µåã¯ .jsx ã§ã™ã€‚ Photoshop ã‚’ä½¿ã£ã¦Webåˆ¶ä½œã•ã‚Œã¦ã„ã‚‹æ–¹ã¯å¤šã„ã‹ã¨æ€ã„ã¾ã™ãŒã€Photoshop ã¯æœ¬æ¥å†™çœŸåŠ å·¥ç”¨ã®ã‚½ãƒ•ãƒˆã§ã‚ã‚ŠWebãƒ‡ã‚¶ã‚¤ãƒ³ç”¨ã®ã‚½ãƒ•ãƒˆã§ã¯ãªã„ãŸã‚ã€ç‰¹ã«ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆæ©Ÿèƒ½ãŒ Fireworksã€Illustratorã€InDesign ãªã©ã«æ¯”ã¹è²§å¼±ã§ã™ã€‚ ã—ã‹ã—ã€JSX ã‚’ä½¿ç”¨ã™ã‚‹ã“ã¨ã«ã‚ˆã‚Š Photoshop ã®ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆæ©Ÿèƒ½ã‚„Webåˆ¶ä½œå‘ã‘ã®æ©Ÿèƒ½ã‚’ã‚ã‚‹ç¨‹åº¦å‘ä¸Šã•ã›ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ JSX ã¯æ˜”ã‹ã‚‰ Photoshop ã«æè¼‰ã•ã‚Œã¦ã„ã¾ã—ãŸãŒã€æ›¸ãæ–¹ã®å‚è€ƒã«ãªã‚‹ã‚ˆã†ãªæ›¸ç±ã‚„ã‚µã‚¤ãƒˆãŒå°‘ãªã„ãŸã‚ã‹ãã‚Œç¨‹æ³¨ç›®ã•ã‚Œã¦ã„ãªã‹ã£ãŸæ°—ãŒã—ã¾ã™ã€‚ ã—ã‹ã—ã€æœ€
mimosafa 2012/04/05
jsx

!tutrial

design

web

javascript

photoshop
ãƒªãƒ³ã‚¯
ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆãƒ¯ãƒ¼ã‚¯ã§ã‚ˆããŠä¸–è©±ã«ãªã£ã¦ã„ã‚‹jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã„ã‚ã„ã‚
ç§ãŒä»•äº‹ã§ Webåˆ¶ä½œã‚’ã™ã‚‹æ™‚ã«ã€ã‚ˆãåˆ©ç”¨ã•ã›ã¦ã‚‚ã‚‰ã£ã¦ã„ã‚‹ jQuery ã®ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã‚’ã¾ã¨ã‚ã¦ã¿ã¾ã—ãŸã€‚ãƒ©ã‚¤ã‚»ãƒ³ã‚¹ã¯ MITã€GPL ã®ã‚‚ã®ã°ã‹ã‚Šã§ã™ã€‚ãƒ‡ã‚¶ã‚¤ãƒ³ã€ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆçš„ã«æ±Žç”¨æ€§ã®ã‚ã‚‹ã‚‚ã®ã«ãªã£ã¦ã„ã¾ã™ã€‚ã¾ãŸã€IE ç‰¹æœ‰ã®ãƒã‚°ï¼ˆé€éŽPNGã®é»’ãšã¿ãªã©ï¼‰å¯¾ç–ã«ã¤ã„ã¦ã‚‚å°‘ã—è§¦ã‚Œã¦ã¿ã¾ã—ãŸã€‚ Webã‚µã‚¤ãƒˆã‚’ä½œã‚‹æ™‚ã«ã€ä½•ã‹ã¨ãŠä¸–è©±ã«ãªã£ã¦ã„ã‚‹ jQuery ã®ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€‚HTML ã¨ CSS ã ã‘ã§ã¯è¡¨ç¾ã§ããªã„ã“ã¨ã‚‚ã€Javascript ã‚’ä½¿ã†ã“ã¨ã§ã„ã‚ã„ã‚ã§ãã‚‹ã‚ˆã†ã«ãªã‚Šã¾ã™ã‚ˆãï¼ã‚¤ãƒ³ã‚¿ãƒ¼ãƒãƒƒãƒˆã‚’è¦‹ã¦ã„ã‚‹ã¨ã€æœ¬å½“ã«ãŸãã•ã‚“ã® jQuery ã®ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ãŒå…¬é–‹ã•ã‚Œã¦ã„ã¾ã™ã€‚feed ã‚’èªã‚“ã§ã„ã¦ã‚‚ã€1æ—¥ä¸€å€‹ãã‚‰ã„ã¯æ–°ã—ã„ jQuery ã®ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã«å‡ºä¼šã„ã¾ã™ã€‚ã©ã‚Œã‚’ä½¿ã£ãŸã‚‰ã„ã„ã‹è¿·ã†ãã‚‰ã„ â€¦ ã€‚ ä»Šå›žã¯ã€ãã‚“ãªæ•°ã‚ã‚‹ jQuery ã®ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã®ä¸ã‹ã‚‰ã€ ç§ãŒã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆãƒ¯ãƒ¼ã‚¯ï¼ˆä»•
mimosafa 2012/02/15
design

web

!tutrial

!reference

!beginner

plugin

jquery
ãƒªãƒ³ã‚¯
[CSS]box-shadowã‚’ä½¿ã£ã¦æ´—ç·´ã•ã‚ŒãŸã‚¨ãƒ•ã‚§ã‚¯ãƒˆã‚’åŠ ãˆã‚‹äºŒã¤ã®ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯
CSS3ã®ã€Œbox-shadowã€ã‚’ä½¿ç”¨ã—ã¦ã€ã‚¦ã‚§ãƒ–ãƒ‡ã‚¶ã‚¤ãƒ³ã«æ´—ç·´ã•ã‚ŒãŸç¾Žã—ã„ã‚¨ãƒ•ã‚§ã‚¯ãƒˆã‚’åŠ ãˆã‚‹ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã‚’äºŒã¤ç´¹ä»‹ã—ã¾ã™ã€‚ How to create slick effects with CSS3 box-shadow ãƒ‡ãƒ¢ãƒšãƒ¼ã‚¸ [ad#ad-2] ä¸‹è¨˜ã¯å„ãƒã‚¤ãƒ³ãƒˆã‚’æ„è¨³ã—ãŸã‚‚ã®ã§ã™ã€‚ box-shadowãƒ—ãƒãƒ‘ãƒ†ã‚£ã¨ã¯ ãƒšãƒ¼ã‚¸å…¨ä½“ã«å¥¥è¡Œãã‚’åŠ ãˆã‚‹ã‚¨ãƒ•ã‚§ã‚¯ãƒˆ ç´™ãŒã‚ãã‚ŒãŸã‚ˆã†ãªã‚¨ãƒ•ã‚§ã‚¯ãƒˆ å¯¾å¿œãƒ–ãƒ©ã‚¦ã‚¶ box-shadowãƒ—ãƒãƒ‘ãƒ†ã‚£ã¨ã¯ ã€Œbox-shadowã€ã¯ã€ãƒœãƒƒã‚¯ã‚¹è¦ç´ ã®å†…å´ãƒ»å¤–å´ã«å¤šæ•°ã®ã‚·ãƒ£ãƒ‰ã‚¦ã‚’åŠ ãˆã‚‹ã“ã¨ãŒã§ãã‚‹ãƒ—ãƒãƒ‘ãƒ†ã‚£ã§ã™ã€‚ãƒ•ã‚©ãƒ¼ãƒžãƒƒãƒˆã¯ä¸‹è¨˜ã®ã‚ˆã†ã«ã‚ªãƒ•ã‚»ãƒƒãƒˆã€ã‚µã‚¤ã‚ºã€ãƒ–ãƒ©ãƒ¼ã€ã‚«ãƒ©ãƒ¼ã®å€¤ã‚’æŒ‡å®šã—ã¾ã™ã€‚ <shadow> = inset? && [ <length>{2,4} && <color>? ] ç°¡å˜ãªä¾‹ã‚’ã¿ã¦ã¿ã¾ã—ã‚‡ã†ã€‚ box-shadow: 3px 3px
mimosafa 2012/02/14
!tutrial

box-shadow

css3
ãƒªãƒ³ã‚¯
WordPressã®ã‚«ãƒ†ã‚´ãƒªãƒ¼ã«ã‚«ã‚¹ã‚¿ãƒ ãƒ•ã‚£ãƒ¼ãƒ«ãƒ‰ã‚’è¿½åŠ ã™ã‚‹
WordPressã®ã‚«ãƒ†ã‚´ãƒªãƒ¼ã«ã‚«ã‚¹ã‚¿ãƒ ãƒ•ã‚£ãƒ¼ãƒ«ãƒ‰ã‚’è¿½åŠ ã™ã‚‹ ã‚«ãƒ†ã‚´ãƒªãƒ¼ã”ã¨ã«ç‹¬è‡ªã®ç”»åƒã‚„ãƒ†ã‚ã‚¹ãƒˆã‚’è¡¨ç¤ºã•ã›ãŸã„å ´åˆã€ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆã§æ¡ä»¶åˆ†å²ã‚’ä½¿ç”¨ã™ã‚Œã°ç°¡å˜ã§ã™ãŒã€ãã‚Œã ã¨ã‚«ãƒ†ã‚´ãƒªãƒ¼ãŒå¢—ãˆã‚‹åº¦ã«ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆã‚’ç·¨é›†ã—ãªãã¦ã¯ã„ã‘ãªã„ã®ã§ä¸ä¾¿ã§ã™ãã€‚ ã“ã“ã§ã¯ã‚«ãƒ†ã‚´ãƒªãƒ¼ç·¨é›†ç”»é¢ã«ã‚«ã‚¹ã‚¿ãƒ ãƒ•ã‚£ãƒ¼ãƒ«ãƒ‰ã‚’è¿½åŠ ã—ã¦ã€ç®¡ç†ç”»é¢ã§ç”»åƒã‚„æ–°ãŸãªãƒ†ã‚ã‚¹ãƒˆã‚’è¿½åŠ ã§ãã‚‹ã‚ˆã†ã«ã—ã¦ã¿ã¾ã™ã€‚ æŠ•ç¨¿æ—¥2011å¹´08æœˆ18æ—¥ æ›´æ–°æ—¥2012å¹´08æœˆ07æ—¥ ã‚«ãƒ†ã‚´ãƒªãƒ¼ç·¨é›†ã«é …ç›®ã‚’è¿½åŠ ã•ã£ããã§ã™ãŒã‚«ãƒ†ã‚´ãƒªãƒ¼ç·¨é›†ç”»é¢ã«é …ç›®ã‚’è¿½åŠ ã—ã¦ã¿ã¾ã—ã‚‡ã†ã€‚ ç¾åœ¨ä½¿ç”¨ã—ã¦ã„ã‚‹ã€Œfunctions.phpã€ã«ä»¥ä¸‹ã‚’è¿½åŠ ã—ã¾ã™ã€‚ functions.php add_action ( 'edit_category_form_fields', 'extra_category_fields'); function extra_category_f
mimosafa 2012/02/10
!tutrial

add

!customize

custom-field

categories

wordpress
ãƒªãƒ³ã‚¯
jQueryäº‹å§‹ã‚vol.3ãƒ»ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã«é ¼ã‚‰ãšè‡ªåˆ†ã§ã‚¯ãƒªãƒƒã‚¯ã§åˆ‡ã‚Šæ›¿ã‚ã‚‹ã‚¿ãƒ–ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã‚’ä½œã£ã¦ã¿ã‚‹ - ã‹ã¡ã³ã¨.net
æš«ãç©ºã„ã¦ã—ã¾ã„ã¾ã—ãŸãŒã€jQueryã‚’ ã‚³ãƒ”ãƒšã«é ¼ã‚‰ãšè‡ªåˆ†ã§æ›¸ã„ã¦ã¿ã‚ˆã†ã€ ã¨ã„ã†è¨˜äº‹ã€‚ç¬¬ä¸‰å›žç›®ã§ã™ã€‚åƒ•ã‚ˆã‚Šã‚‚ å…¨ç„¶è©³ã—ã„äººã®ã»ã†ãŒå¤šã„ã‚“ã§ã™ãŒã€ æœ€è¿‘ä½•åº¦ã‹ãƒ‡ãƒ™ãƒãƒƒãƒ‘ãƒ¼ã•ã‚“ã®æ†¤ã‚Š ã®ç™ºè¨€ã‚’ç›®ã«ã™ã‚‹ã®ã§å¤šå°‘ã§ã‚‚è²¢çŒ® å‡ºæ¥ã‚Œã°ã¨æ€ã„ã¾ã™ã€‚ ã¨ã„ã†ã‚ã‘ã§ç¬¬ä¸‰å›žç›®ã¯ã‚ˆãè¦‹ã‚‹ã‚¿ãƒ–ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã‚’æ›¸ã„ã¦ã¿ã¾ã—ã‚‡ã†ã€ã¨ã„ã†ã‚‚ã®ã€‚ ã€ŒjQueryã‚’ä½¿ã£ãŸã‚¹ãƒ ãƒ¼ã‚¹ãªã‚¿ãƒ–ãƒ¡ãƒ‹ãƒ¥ãƒ¼ â€“ ã‚¦ã‚§ãƒ“ãƒ¡ãƒ¢ã€ã¨ã„ã†è¨˜äº‹ã‚’ãŠè¦‹ã‹ã‘ã—ãŸã®ã§ã™ãŒã€ç°¡å˜ãªã‚¿ãƒ–ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã§ã™ã®ã§ã‚³ãƒ”ãƒšã«ã‚‚ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã«ã‚‚é ¼ã‚‰ãšè‡ªåˆ†ã§ä½œã£ã¦ã¿ã‚ˆã†ã˜ã‚ƒãªã„ã‹ã¨ã€ãã†ã„ã†è¶£å‘ã§ã™ã€‚ å†…å®¹ã¯å®Œç’§ã«è‰¯ã„ã‚³ãƒ¼ãƒ‰ã¨ã‹ã§ã¯ãªãã€ã‚ãã¾ã§è„±ãƒ“ã‚®ãƒŠãƒ¼ã¨ã„ã†å†…å®¹ã¨ãªã‚Šã¾ã™ã€‚ãƒ“ã‚®ãƒŠãƒ¼ã®åƒ•ãŒä½•æ§˜ã ã¿ãŸã„ãªè©±ã¯ç½®ã„ã¨ã„ã¦ã€‚ åˆ†ã‹ã‚Šã‚„ã™ã•ã‚’ãƒ¡ã‚¤ãƒ³ã«ã—ã¦ã„ã¾ã™ã®ã§åŽ³å¯†ã«ã¯èª¬æ˜ŽãŒå°‘ã—é•ã†ç‚¹ã‚‚ã‚ã‚‹ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ã€‚èª¤è§£æ‹›ããã†ãªè¨˜è¿°ã‚ã‚Šã¾ã—ãŸã‚‰ã”æŒ‡æ‘˜ä¸‹ã•ã„ã€‚ ã‚´ãƒ¼ãƒ«ã®ç¢ºèª ã¾ãšå®Œæˆå½¢ã‚’è¦‹ã¦
mimosafa 2012/02/09
!beginner

tab

!tutrial

jquery
ãƒªãƒ³ã‚¯
ã€CSSã€‘ãƒšãƒ¼ã‚¸ã®ä¸Šä¸‹å·¦å³ä¸å¤®ã«ãƒœãƒƒã‚¯ã‚¹ã‚’é…ç½®ã™ã‚‹æ™‚ã€æœ€ä½Žé™ã®ãƒžãƒ¼ã‚¸ãƒ³ã‚’ç¢ºä¿ã™ã‚‹ã‚µãƒ³ãƒ—ãƒ« | ãƒã‚·ãƒ£ãƒã‚°ã€‚
ã“ã‚“ã«ã¡ã¯ã€ã¾ã 1æœˆæ„Ÿè¦šã®æŠœã‘ãªã„hakoishiã§ã™ã€‚ ãŸã ã§ã•ãˆçŸã„2æœˆã€æ°—ãŒã¤ã„ãŸã‚‰ã€Œãã‚“ãªã®ã‚ã£ãŸã£ã‘ï¼Ÿã€ã«ãªã£ã¦ãã†ã§ã©ã†ã—ã‚ˆã†ã€‚ ã•ã¦ã€ä»Šå›žã¯ãƒšãƒ¼ã‚¸ã®ä¸Šä¸‹å·¦å³ä¸å¤®ã«ãƒœãƒƒã‚¯ã‚¹ã‚’é…ç½®ã™ã‚‹æ™‚ã€æœ€ä½Žé™ã®ãƒžãƒ¼ã‚¸ãƒ³ã‚’ç¢ºä¿ã™ã‚‹æ–¹æ³•ã‚’ã”ç´¹ä»‹ã—ã¾ã™ã€‚ è¨€è‘‰ã§ã¯ä¼ãˆã«ãã„ã®ã§æ—©é€Ÿã‚µãƒ³ãƒ—ãƒ«ã€‚ ãƒšãƒ¼ã‚¸ã®ä¸Šä¸‹å·¦å³ä¸å¤®ã«ãƒœãƒƒã‚¯ã‚¹ã‚’é…ç½®ã™ã‚‹æ™‚ã€æœ€ä½Žé™ã®ãƒžãƒ¼ã‚¸ãƒ³ã‚’ç¢ºä¿ã™ã‚‹ã‚µãƒ³ãƒ—ãƒ« ã‚¦ã‚£ãƒ³ãƒ‰ã‚¦ã‚’åºƒã’ãŸã‚Šç¸®ã‚ãŸã‚Šã—ã¦ã¿ã¦ãã ã•ã„ã€‚ ãƒšãƒ¼ã‚¸ä¸å¤®ã«é…ç½®ã•ã‚ŒãŸã‚°ãƒ¬ãƒ¼ã®ãƒœãƒƒã‚¯ã‚¹ãŒã€ã‚¦ã‚£ãƒ³ãƒ‰ã‚¦ãŒä¸€å®šã‚µã‚¤ã‚ºä»¥ä¸‹ï¼ˆã“ã®ã‚µãƒ³ãƒ—ãƒ«ã®å ´åˆã€ãƒ˜ãƒƒãƒ€ãƒ¼ã€ãƒ•ãƒƒã‚¿ãƒ¼ã‚’åˆ¥ã¨ã—ã¦ç¸¦400pxã€æ¨ª600pxï¼‰ã«ãªã‚‹ã¨ãã®ã¾ã¾ã®é…ç½®ã§å›ºå®šã•ã‚Œã¾ã™ã€‚ â€»IE7ä»¥é™å¯¾å¿œã§ã™ã€‚ ã‚¨ãƒ©ãƒ¼ãƒšãƒ¼ã‚¸ã¨ã‹ã‚¢ã‚¯ã‚»ã‚¹ãƒžãƒƒãƒ—ã¨ã‹ã€ä¸èº«ãŒã¡ã‚‡ã£ã´ã‚Šã—ã‹ãªã„ã‚“ã ã‘ã©ã¡ã‚‡ã£ã¨ã ã‘ã“ã ã‚ã‚ŠãŸã„ãªãƒ¼ã€ãªã‚“ã¦ãƒšãƒ¼ã‚¸ã«ä½¿ã†ã¨è‰¯ã„ã‚“ã§ã¯ãªã„ã§ã—ã‚‡ã†ã‹ï¼Ÿ ã¾ãšã¯ãƒ™ãƒ¼ã‚¹ã€‚å½“ãƒ–ãƒã‚°ã®ã“ã®è¨˜äº‹
mimosafa 2012/02/09
!tip

!tutrial

centering

layout

css
ãƒªãƒ³ã‚¯
ã“ã“ã¾ã§ã§ãã‚‹ï¼CSS3
Copyright Â© 2004-2024 Impress Corporation. An Impress Group Company. All rights reserved.
mimosafa 2012/02/08
!reference

!tutrial

css3
ãƒªãƒ³ã‚¯
Using CSS Text-Shadow to Create Cool Text Effects
Learn how to use the CSS text-shadow to create cool text effects, by following this easy, step by step tutorial. Check it out and start learning! The CSS3 text-shadow property has been around for some time now and is commonly used to recreate Photoshopâ€™s Drop Shadow type shading to add subtle shadows which help add depth, dimension and to lift an element from the page. This isnâ€™t all the text-shad
mimosafa 2012/02/07
!tutrial

!en

shadow

text

effect

css3
ãƒªãƒ³ã‚¯
jQueryäº‹å§‹ã‚ãƒ»ã‚³ãƒ”ãƒšã«é ¼ã‚‰ãšã€åŸºç¤ŽçŸ¥è˜ã‚’ç†è§£ã—ã¦å®Ÿéš›ã«å‹•ã‹ã—ã¦ã¿ã‚‹ - ã‹ã¡ã³ã¨.net
äººæ°—ã®JavaScriptãƒ©ã‚¤ãƒ–ãƒ©ãƒªã€jQueryã‚‚ã‹ãªã‚Š æƒ…å ±ãŒå¢—ãˆã¾ã—ãŸã€‚åƒ•ã®æ§˜ã«çŸ¥è˜ãŒç„¡ãã¦ã‚‚ ç°¡å˜ã«å‹•ãã®ã‚ã‚‹Webã‚µã‚¤ãƒˆã‚„ã€æ›´ãªã‚‹ãƒ¦ãƒ¼ ã‚¶ãƒ“ãƒªãƒ†ã‚£ã®å‘ä¸Šã‚’å¯èƒ½ã«ã—ã¦ãã‚Œã¾ã—ãŸãŒã€ ã„ã¤ã¾ã§ã‚‚ã‚³ãƒ”ãƒšã§ã¯ã„ãšã‚Œå›°ã‚‹äº‹ã«ãªã‚Šã¾ã™ã€‚ ãã®å‰ã«ãã‚ãã‚åŸºç¤Žã‹ã‚‰å¦ã‚“ã§ã¿ã¾ã›ã‚“ã‹ã€‚ ã¨ã„ã†è¨³ã§ã€jQueryäº‹å§‹ã‚ã€‚ã•ã»ã©çŸ¥è˜ãŒç„¡ã„åƒ•ãŒæ›¸ãã®ã‚‚å¾®å¦™ãªã‚“ã§ã™ãŒã€ä¸€ç·’ã«å¦ã‚“ã§ã„ãã¾ã—ã‚‡ã†ã€ã¨ã„ã†äº‹ã§ã”äº†æ‰¿ä¸‹ã•ã„ã€‚å†…å®¹ã¯åŸºç¤Žä¸ã®åŸºç¤Žã§ã™ã€‚ ã„ã¤ã¾ã§ã‚‚ã‚³ãƒ”ãƒšã«é ¼ã£ã¦ã„ã¦ã¯ã€ä½•ã‹å•é¡ŒãŒèµ·ã“ã£ãŸã¨ãã«å¯¾å¿œã§ãã¾ã›ã‚“ã—ã€ãã‚‚ãã‚‚ã‚³ãƒ”ãƒšã™ã‚‹ãªã‚‰jQueryã§ã‚ã‚‹å¿…è¦ã¯ã‚ã‚Šã¾ã›ã‚“ã€‚ ã§ã‚‚jQueryã¯ã™ã”ãä¾¿åˆ©ãªã®ã§ã€ã¡ã‚ƒã‚“ã¨ä½¿ã„ã“ãªã—ãŸã„ã¨ã“ã‚ã§ã™ã‚ˆãã€‚ã“ã®è¨˜äº‹ãŒã€èª°ã‹ãŒå‹‰å¼·ã—å§‹ã‚ã‚‹åˆ‡æ¬ ã«ãªã‚Œã°å¹¸ã„ã§ã™ã€‚ jQueryã‚’ä½¿ã†ã«ã¯ ã¾ãšã€jQueryã‚’åˆ©ç”¨ã™ã‚‹ã«ã¯æœ¬ä½“ã‚’èªã¿è¾¼ã‚€å¿…è¦ãŒã‚ã‚Šã¾ã™ã€‚æ–¹æ³•ã¯2ã¤ã‚ã£ã¦ã€æœ¬
mimosafa 2012/02/06
!tutrial

!reference

jquery
ãƒªãƒ³ã‚¯
HTMLã¨ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆï¼ˆCSSï¼‰ã®æ¥å‹™ã‚¹ã‚ãƒ«ãƒ¬ãƒ™ãƒ«ã€€åˆ¤åˆ¥è¡¨ã€€ï¼ˆï¼•æ®µéšŽï¼‰ - ä¸»ã«è¨€èªžã¨ã‚·ã‚¹ãƒ†ãƒ é–‹ç™ºã«é–¢ã—ã¦
ã‚¹ã‚ãƒ«ãƒã‚§ãƒƒã‚¯ã®ç›®æ¬¡ã¸ HTMLãŠã‚ˆã³ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆï¼ˆCSSï¼‰ã‚’åˆ©ç”¨ã—ãŸWebãƒšãƒ¼ã‚¸åˆ¶ä½œã®ï¼Œç°¡æ˜“ã‚¹ã‚ãƒ«ãƒã‚§ãƒƒã‚¯ã®ãŸã‚ã®èª¿æŸ»è¡¨ã€‚å°åˆ·ç”¨ã€‚ ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ãƒ»ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã¨ã—ã¦ã®ãƒ¬ãƒ™ãƒ«ã‚’æ¸¬å®šã™ã‚‹ã€‚ ã“ã‚Œã¯ï¼Œã€ŒWebãƒšãƒ¼ã‚¸ã‚’ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã—ã¦ä½œã‚‹äººã€å…¨èˆ¬ã«å½“ã¦ã¯ã¾ã‚‹ã€‚ ãƒ¬ãƒ™ãƒ«ã¯ï¼Œï¼ã‹ã‚‰ï¼”ã¾ã§ã®ï¼•æ®µéšŽã€‚ ï¼ˆï¼ï¼‰ éžã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ ï¼ˆï¼‘ï¼‰ åˆå¦è€…ï¼ˆå…¥é–€æ›¸ã‚’å¦ç¿’ã—ã¦ã‚†ãæ®µéšŽï¼‰ ï¼ˆï¼’ï¼‰ ãƒŽãƒ¼ãƒžãƒ«ï¼ˆåŸºç¤Žçš„ãªçŸ¥è˜ãŒã‚ã‚Šï¼Œã‚ã‚‹ç¨‹åº¦ã®ç”»é¢ã‚’ä½œã‚Œã‚‹ã‚ˆã†ã«ãªã£ãŸæ®µéšŽï¼‰ ï¼ˆï¼“ï¼‰ ä¸ç´šè€…ï¼ˆWebã‚¢ãƒ—ãƒªã®é–‹ç™ºãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã§ï¼‘äººæœˆã¨ã—ã¦ã‚«ã‚¦ãƒ³ãƒˆã§ãã‚‹æ°´æº–ï¼‰ ï¼ˆï¼”ï¼‰ ä¸Šç´šè€…ï¼ˆãƒ¡ã‚¤ãƒ³PG/ãƒ‡ã‚¶ã‚¤ãƒŠã¨ã—ã¦ï¼ŒWeb UIã®ä¸»æ‹…å½“ã‚’ä»»ã›ã‚‰ã‚Œã‚‹æ°´æº–ï¼‰ Webã‚¢ãƒ—ãƒªã®ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆé–‹å§‹æ™‚ã«ä½œæ¥æŒ¯ã‚Šåˆ†ã‘ã‚’ã™ã‚‹ã«ã‚ãŸã£ã¦ï¼Œæ–°è¦ãƒ¡ãƒ³ãƒå…¨å“¡ã«ã“ã‚Œã‚’æ¸¡ã—ã¦å›žç”ã—ã¦ã‚‚ã‚‰ã†ã¨ã„ã†ç”¨é€”ã‚’æƒ³å®šã€‚ ãªãŠï¼Œã‚·ã‚¹ãƒ†ãƒ é–‹ç™ºä¸Šã®ã‚¹ã‚ãƒ«ã‚’ãƒã‚§ãƒƒã‚¯ã™ã‚‹äº‹ãŒä¸»çœ¼ãªã®ã§ï¼Œã‚¢ãƒ¼ãƒ†ã‚£ã‚¹ãƒˆï¼ˆ
mimosafa 2012/02/06
!reference

!tutrial

html

css
ãƒªãƒ³ã‚¯
ãªã‚“ã¨ãªãCSSã‚’ä½¿ã£ã¦ã„ã‚‹äººãŒï¼ŒCSSä¸ç´šè€…ã«ãªã‚‹ãŸã‚ã«ã€€ï¼ˆã€Œå´©ã‚Œãªã„ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã€ã®ã‚»ã‚ªãƒªãƒ¼ï¼‰ - ä¸»ã«è¨€èªžã¨ã‚·ã‚¹ãƒ†ãƒ é–‹ç™ºã«é–¢ã—ã¦
CSSã‚’ã€Œãªã‚“ã¨ãªãã€çŸ¥ã£ã¦ã„ã¦ï¼Œã€Œãªã‚“ã¨ãªãã€ä½¿ã£ã¦ã„ã‚‹ï¼Œ ã¨ã„ã†ã‚±ãƒ¼ã‚¹ãŒã‚ã‚‹ã€‚ ãã†ã„ã†å ´åˆï¼Œæ€ã‚ã¬ã¨ã“ã‚ã§ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆãŒå´©ã‚Œï¼Œ è¦ç´ ã®æ£ç¢ºãªãƒã‚¸ã‚·ãƒ§ãƒ‹ãƒ³ã‚°ãŒã§ããšï¼Œ ã€Œãªã‚“ã¨ãªãã€ãšã£ã¨æ‚©ã¿ç¶šã‘ã‚‹ã“ã¨ã«ãªã‚‹ã€‚ ãã®åŽŸå› ã¯ï¼ŒCSSã®ä¸ç´šã®ãƒŽã‚¦ãƒã‚¦ãŒè¶³ã‚Šãªã„ï¼Œã¨ã„ã†ç‚¹ã«ã‚ã‚‹ã€‚ ä¸€ç™ºã§æ£ç¢ºãªãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆãŒã§ãã‚‹ã‚ˆã†ã«ãªã‚ã†ã€‚ ãã†ãªã‚Œã°ï¼ŒCSSä¸ç´šè€…ã ã€‚ ä»¥ä¸‹ã¯ï¼ŒCSSä¸ç´šè€…ã«ãªã‚‹ãŸã‚ã®ãƒŽã‚¦ãƒã‚¦ã€‚ ï¼ˆï¼‘ï¼‰ è¦ç´ ã®åˆ†é¡ž ï¼ˆï¼‘âˆ’ï¼‘ï¼‰ ã‚¤ãƒ³ãƒ©ã‚¤ãƒ³è¦ç´ ã¨ãƒ–ãƒãƒƒã‚¯è¦ç´ ï¼ˆï¼‘âˆ’ï¼’ï¼‰ ç½®æ›ã‚¤ãƒ³ãƒ©ã‚¤ãƒ³è¦ç´ ã¨éžç½®æ›ã‚¤ãƒ³ãƒ©ã‚¤ãƒ³è¦ç´ ï¼ˆï¼’ï¼‰ æ£ç¢ºãªãƒã‚¸ã‚·ãƒ§ãƒ‹ãƒ³ã‚° ï¼ˆï¼’âˆ’ï¼‘ï¼‰ positionã®relative/absoluteã®ä½¿ã„æ–¹ ï¼ˆï¼’âˆ’ï¼’ï¼‰ DOCTYPEã‚¹ã‚¤ãƒƒãƒã«ã‚ˆã‚‹ãƒœãƒƒã‚¯ã‚¹ãƒ¢ãƒ‡ãƒ«ã®è§£é‡ˆæ–¹æ³•ã®é•ã„ ï¼ˆï¼’âˆ’ï¼“ï¼‰ è¦ç´ å†…ã®é«˜ã•ä½ç½®ã¨ï¼Œè¦ç´ ã®é«˜ã• ï¼ˆï¼’âˆ’ï¼”ï¼‰ floatã®å´©ã‚Œãªã„ä½¿ã„æ–¹ ï¼ˆï¼“ï¼‰ æ£ç¢ºãªãƒ†ãƒ¼ãƒ–ãƒ«ãƒ¬ã‚¤
mimosafa 2012/02/06
layout

design

web

!tutrial

css
ãƒªãƒ³ã‚¯
http://graffitibooks.net/%E9%96%8B%E7%99%BA/3369.html
mimosafa 2012/01/31
!tutrial

animation

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

!tutrial

html5
ãƒªãƒ³ã‚¯
Notepad++ã®FTPãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€ŒNppFTPã€ã®è¨å®šæ–¹æ³• | Sabakura Blog
Warning: Declaration of FEE_Field_Terms::wrap($content, $taxonomy, $before, $sep, $after) should be compatible with FEE_Field_Post::wrap($content, $post_id = 0) in /home/twfs/serverkurabe.com/public_html/blog/wp-content/plugins/front-end-editor/php/fields/post.php on line 0 Warning: Declaration of FEE_Field_Tags::wrap($content, $before, $sep, $after) should be compatible with FEE_Field_Terms::wrap
mimosafa 2012/01/30
setting

!tutrial

ftp

notepad++
ãƒªãƒ³ã‚¯
http://wptricks.net/how-to-inserting-google-maps-into-wordpress/
mimosafa 2012/01/30
!en

functions.php

!tutrial

google-maps

wordpress
ãƒªãƒ³ã‚¯
ãƒ¯ãƒ¼ãƒ‰ãƒ—ãƒ¬ã‚¹ã‚«ã‚¹ã‚¿ãƒ æŠ•ç¨¿ãƒ»åˆ†é¡ž
ã“ã®ãƒ–ãƒã‚°ã‚‚ãƒ¯ãƒ¼ãƒ‰ãƒ—ãƒ¬ã‚¹ã§ã§ãã¦ã„ã¾ã™ãŒã€ãƒ¯ãƒ¼ãƒ‰ãƒ—ãƒ¬ã‚¹ã£ã¦ã™ã”ãä¾¿åˆ©ã§ã™ã‚ˆãï¼ãƒãƒ¼ã‚¸ãƒ§ãƒ³1.5ã‹2.0ãã‚‰ã„ã‹ã‚‰ä½¿ã„å§‹ã‚ã¦ãŠã‚Šã¾ã™ãŒã€ã“ã®æ©Ÿèƒ½ã®é€²åŒ–ã«ç›®ã‚’ã¿ã¯ã‚‹ç‰©ãŒã‚ã‚Šã¾ã™ãã€‚ãƒãƒ¼ã‚¸ãƒ§ãƒ³MUã¨çµ±åˆã•ã‚Œã¦æ›´ã«ä½¿ã„ã‚„ã™ããªã£ãŸãƒ¯ãƒ¼ãƒ‰ãƒ—ãƒ¬ã‚¹ï¼ ã‚¦ã‚§ãƒ–åˆ¶ä½œã«ã‚‚CMSã¨ã—ã¦ã‚ˆãä½¿ã‚ã‚Œã¦ã„ã¾ã™ãã€‚ã»ã‚“ã¨ãƒ¯ãƒ¼ãƒ‰ãƒ—ãƒ¬ã‚¹ã™ã”ã„ï¼PHPã®å¦ç¿’ã™ã‚‹éš›ã«ã‚‚ã“ã®ã‚³ãƒ¼ãƒ‰ãªã©ã‚’å‚è€ƒã«ã—ã¦ã‚‚è‰¯ã„ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ãã€‚ 3.0ã‹ã‚‰ã®æ–°æ©Ÿèƒ½ã§ä¾¿åˆ©ãªæ©Ÿèƒ½ã¨ã—ã¦ã‚«ã‚¹ã‚¿ãƒ æŠ•ç¨¿ã‚’ã”ç´¹ä»‹ã—ã¾ã™ã€‚ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã§ã‚‚åˆ©ç”¨å¯èƒ½ã§ã™ãŒã€functions.phpã«è¨˜è¿°ã—ã¦ã‚‚ä½¿ãˆã¾ã™ã€‚ ã¾ãšã‚«ã‚¹ã‚¿ãƒ æŠ•ç¨¿ã£ã¦ä½•ï¼Ÿã£ã¦äº‹ã§ã™ã‚ˆãã€‚ ã‚¹ãƒãƒ³ã‚µãƒ¼ãƒªãƒ³ã‚¯ ç®¡ç†ç”»é¢ã§ã€ŒæŠ•ç¨¿ã€ã£ã¦é …ç›®ãŒã‚ã‚Šã¾ã™ãŒã€åŸºæœ¬çš„ã«ãã“ã‹ã‚‰è¨˜äº‹ã‚’æŠ•ç¨¿ã—ã¾ã™ã€‚å½“ãŸã‚Šå‰ã§ã™ãŒã€‚ã€‚ã€‚ã¾ã‚ã€ãƒ–ãƒã‚°ã¨åŒã˜ã§ã™ãã€‚ ãã®è¨˜äº‹ã¨é•ã†ã‚¸ãƒ£ãƒ³ãƒ«ã®è¨˜äº‹ã‚’æ›¸ããŸã„ãªã¨æ€ã£ãŸã¨ãã¯æ™®é€šã¯ã‚«ãƒ†ã‚´ãƒªãƒ¼ã§åˆ†ã‘ã¦æŠ•ç¨¿ã—ã¾ã™
mimosafa 2012/01/30
!tutrial

custom-taxonomies

custom-post-type

wordpress
ãƒªãƒ³ã‚¯
Twenty Eleven ã®ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–æ§‹é€ ã‚’å›³è§£ã—ã¦ã¿ãŸ
WordPress 3.2 ã‹ã‚‰ãƒ‡ãƒ•ã‚©ãƒ«ãƒˆãƒ†ãƒ¼ãƒžã¨ãªã£ãŸ Twenty Eleven ã¯ãƒ‡ãƒã‚¤ã‚¹ã‚’å•ã‚ãšã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’è¡¨ç¤ºã§ãã‚‹ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ãƒ‡ã‚¶ã‚¤ãƒ³ã¨ãªã£ã¦ã„ã¦ã„ã‚ã„ã‚ç´ æ•µãªã‚ã‘ã§ã™ãŒã€ãã®æ§‹é€ ã‚†ãˆã«åãƒ†ãƒ¼ãƒžã‚’ã¤ãã‚ã†ã¨ã™ã‚‹ã¨éžå¸¸ã«é›£è§£ãªãŸã‚é ç—›è–¬ãŒã„ãã‚‰ã‚ã£ã¦ã‚‚è¶³ã‚Šã¾ã›ã‚“ã€‚ ã¨ã„ã†ã‚ã‘ã§ã€Twentye Eleven ã®ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–æ§‹é€ ã‚’å›³è§£ã—ã¦ã¿ã¾ã—ãŸã€‚ header ä¸Šè¨˜ã®å›³ã‚’è¦‹ã‚‹ã«ã‚ãŸã£ã¦ã®æ³¨æ„ç‚¹ â€»çŸ¢å°ã‚’ã¤ã‹ã£ã¦ margin ã‚„ padding ãŒæŒ‡å®šã—ã¦ã„ãªã„ã¨ã“ã‚ã«ã¯ margin ã¾ãŸã¯ padding ã¯è¨å®šã•ã‚Œã¦ãŠã‚‰ãšã€ã¤ã¾ã‚Šå¤–åŒ…ã¾ãŸã¯å†…åŒ…ã™ã‚‹è¦ç´ ã«éš£æŽ¥ã—ã¦ã„ã‚‹ã¨æ€ã£ã¦ãã ã•ã„ã€‚ â€»ã‚‚ã¨ã‚‚ã¨ã®ã‚½ãƒ¼ã‚¹ã«ãŠã„ã¦ã€margin ã‚„ padding ã¨ãªã£ã¦ã„ã‚‹ã¨ã“ã‚ã¯ãã®ã¾ã¾ã€margin-topã€padding-right ãªã©ã¨æŒ‡å®šã•ã‚Œã¦ã„ã‚‹ã¨ã“ã‚ã¯ãã®ã‚ˆã†ã«è¡¨è¨˜ã—ã¦ã„ã¾
mimosafa 2012/01/30
responsive-web-design

!tutrial

wordpress
ãƒªãƒ³ã‚¯
1