THE HAM MEDIA BLOG

SaCSS vol.4‚ðI‚¦‚Ä

Clip to Evernote ‚±‚̃Gƒ“ƒgƒŠ[‚ð‚͂ĂȃuƒbƒNƒ}[ƒN‚ɒljÁ
ƒJƒeƒSƒŠF
ƒR[ƒfƒBƒ“ƒO•×‹­‰ï
ƒ^ƒOF
SaCSS
ŽD–y
•×‹­‰ï
ƒR[ƒfƒBƒ“ƒO

SaCSS vol.4‚ðU‚è•Ô‚Á‚Ä‚Ý‚é

æ“ú‚Ì25“úASaCSS vol.4‚ðŠJÃ‚¢‚½‚µ‚Ü‚µ‚½Bl”‚͏­‚È‚ß‚ÌŠJÃ‚Æ‚È‚è‚Ü‚µ‚½‚ªALT‚ªˆÓŠO‚Ɛ·‚èã‚ª‚è‚ðŒ©‚¹‚Ü‚µ‚½B“à—e‚ª‚·‚²‚·‚¬‚āAŽ©•ª‚àu(@ß„Dß)Î߶°Ýv‚Æ‚µ‚È‚ª‚ç‚«‚¢‚Ä‚¨‚è‚Ü‚µ‚½B

‚¢‚ë‚¢‚ë‚Ȑl‚Ì‚¢‚ë‚¢‚ë‚Șb‚ª•·‚¯‚é‚Á‚Ä‚Ì‚Í–Ê”’‚¢‚ȁ[‚ÆŠ´‚¶‚½‚QŽžŠÔ‚Å‚µ‚½B

¡‰ñ‚àƒAƒ“ƒP[ƒgŒ‹‰Ê‚âŽg‚Á‚½Ž‘—¿‚È‚Ç‚ðŒöŠJ‚µ‚悤‚ÆŽv‚¢‚Ü‚·B

‘±‚«‚ð“Ç‚Þ

wŽD–y”ü­—}ŠÓxˆê‘«‘‚­GETI

Clip to Evernote ‚±‚̃Gƒ“ƒgƒŠ[‚ð‚͂ĂȃuƒbƒNƒ}[ƒN‚ɒljÁ
ƒJƒeƒSƒŠF
“ú‹L
ƒ^ƒOF
ŽD–y
”ü­—}ŠÓ
ƒtƒŠ[ƒy[ƒp[

ŽD–y”ü­—}ŠÓ

–¾“ú7ŒŽ24“ú‚É‘nŠ§‚Æ‚È‚éŽD–y”ü­—}ŠÓ‚ðAˆê‘«æ‚É“üŽè‚µ‚Ä‚«‚Ü‚µ‚½B

‘±‚«‚ð“Ç‚Þ

“§–¾“x‚ð—˜—p‚µ‚½ƒ[ƒ‹ƒI[ƒo[ƒvƒ‰ƒOƒCƒ“ujquery-opacity-rollover.jsv‚ðŽg‚¢‚â‚·‚­‚µ‚Ä‚Ý‚½

Clip to Evernote ‚±‚̃Gƒ“ƒgƒŠ[‚ð‚͂ĂȃuƒbƒNƒ}[ƒN‚ɒljÁ
ƒJƒeƒSƒŠF
jQuery pluginŽ©ì
ƒ^ƒOF
jquery
plugin
rollover
opacity

opacity rollover

ˆÈ‘Oì¬‚µ‚½A“§–¾“x‚ð—˜—p‚·‚邾‚¯‚̃[ƒ‹ƒI[ƒo[ƒvƒ‰ƒOƒCƒ“A‚»‚ê‚ð­‚µŽg‚¢‚â‚·‚¢‚悤‚Ƀo[ƒWƒ‡ƒ“ƒAƒbƒv‚¢‚½‚µ‚Ü‚µ‚½B

¡‰ñ‚͏­‚µƒJƒXƒ^ƒ}ƒCƒY‚µ‚â‚·‚¢‚悤‚É‚µ‚½‚̂ƁA‹@”\‚ð‚ЂƂ’ljÁ‚µ‚Ä‚Ý‚Ü‚µ‚½B

¦’Ç‹Li09/07/24j
ŽáŠ±C³‚µA2.1‚Ƀo[ƒWƒ‡ƒ“ƒAƒbƒv‚µ‚Ü‚µ‚½B
i¡‚Ü‚Å‚Ì‚Å‚à–â‘è‚È‚­“®ì‚µ‚Ü‚·Bj
‘±‚«‚ð“Ç‚Þ

”ü­—‘½”ŒfÚ‚̃tƒŠ[ƒy[ƒp‚ª–kŠC“¹‚ɏ㗤IwŽD–y”ü­—}ŠÓx‚ª—ˆT‘nŠ§I

Clip to Evernote ‚±‚̃Gƒ“ƒgƒŠ[‚ð‚͂ĂȃuƒbƒNƒ}[ƒN‚ɒljÁ
ƒJƒeƒSƒŠF
‹C‚É‚È‚éI
ƒ^ƒOF
ƒtƒŠ[ƒy[ƒp[
ŽD–y
ƒfƒUƒCƒ“

ŽD–y”ü­—}ŠÓ

‚Ý‚È‚³‚ñ‚́uŒ¶‚̃tƒŠ[ƒy[ƒp[v‚È‚ñ‚ČĂ΂ꂢ‚Ä‚¢‚éƒnƒCƒNƒIƒŠƒeƒB‚ȃtƒŠ[ƒy[ƒp[w”ü­—}ŠÓx‚ð‚²‘¶’m‚Å‚µ‚傤‚©H‚»‚ÌŠX‚ɏZ‚ñ‚Å‚¢‚é”ü­—‚ªƒ‚ƒfƒ‹‚Æ‚È‚èA‚à‚Ì‚·‚²‚­‘f“G‚ÉŽB‰e‚³‚ê‚ÄŒfÚ‚³‚ê‚Ä‚¢‚éƒtƒŠ[ƒy[ƒp[‚Å‚·B

‘S‘‚Řb‘è‚ðŒÄ‚ñ‚Å‚¢‚邱‚̃tƒŠ[ƒy[ƒp[‚ÌŽD–y”ŁA‚¢‚æ‚¢‚æ—ˆT24“ú‚É‘nŠ§‚Æ‚È‚è‚Ü‚·I

‘±‚«‚ð“Ç‚Þ

SaCSS vol.4@ƒ‰ƒCƒgƒjƒ“ƒOƒg[ƒNƒZƒbƒVƒ‡ƒ““à—e‚ªŒˆ‚Ü‚è‚Ü‚µ‚½I

Clip to Evernote ‚±‚̃Gƒ“ƒgƒŠ[‚ð‚͂ĂȃuƒbƒNƒ}[ƒN‚ɒljÁ
ƒJƒeƒSƒŠF
ƒR[ƒfƒBƒ“ƒO•×‹­‰ï
ƒ^ƒOF
ŽD–y
ƒZƒ~ƒi[
SaCSS
•×‹­‰ï

SaCSS LT

25“ú“y—j“úŠJÃ‚ÌSaCSS vol4 ƒR[ƒfƒBƒ“ƒO•×‹­‰ï‚ł́Aƒ‰ƒCƒgƒjƒ“ƒOƒg[ƒNƒZƒbƒVƒ‡ƒ“‚ðÝ‚¯‚Ä‚Ý‚Ü‚µ‚½I

“à—e‚Í‚R‚‚ł»‚ꂼ‚ê•Ê‚Ì•û‚ª5`10•ª‚Ì‚È‚©‚Řb‚ð‚µ‚Ü‚·B‚Ç‚ñ‚Șb‚ª•·‚¯‚é‚©AŠy‚µ‚Ý‚Å‚·ô

‘±‚«‚ð“Ç‚Þ

SaCSS vol.3‚ðI‚¦‚Ä

Clip to Evernote ‚±‚̃Gƒ“ƒgƒŠ[‚ð‚͂ĂȃuƒbƒNƒ}[ƒN‚ɒljÁ
ƒJƒeƒSƒŠF
ƒR[ƒfƒBƒ“ƒO•×‹­‰ï
ƒ^ƒOF
SaCSS
ƒZƒ~ƒi[
•×‹­‰ï
ŽD–y

SaCSS vol.3

‚½‚¾‚¢‚ÜSaCSS vol.4‚ÌŽQ‰ÁŽÒŽó•t’†‚Å‚·IƒR[ƒfƒBƒ“ƒO‚̕׋­‚ð‚µ‚Ä‚¢‚é•û‚ȂǁA‚º‚Ђº‚ÐŽQ‰Á‚µ‚Ä‚¢‚½‚¾‚«‚½‚¢‚Å‚·B
‚»‚ñ‚È‘æ‚S‰ñ•åW’†‚Ȃ킯‚Å‚·‚ªA‘O‰ñ‚̃Aƒ“ƒP[ƒg‚Ì‚Ü‚Æ‚ß‚âAƒvƒŒƒ[ƒ“Ž‘—¿‚ÌŒöŠJ‚ª‚Å‚«‚Ä‚¢‚Ü‚¹‚ñ‚Å‚µ‚½‚̂ŁA‚·‚łɏI‚¦‚Ä‚©‚Ȃ肽‚Á‚Ä‚µ‚Ü‚¢‚Ü‚µ‚½‚ªA‘O‰ñ‚Ì‚Ü‚Æ‚ß‚ð‚µ‚æ‚¤‚ÆŽv‚¢‚Ü‚·B

‘±‚«‚ð“Ç‚Þ

Firebug‚ðŠˆ—p‚µ‚悤IjQuery‚Ì“®ìƒ`ƒFƒbƒN‚ɍœK‚ȁwFireQueryx

Clip to Evernote ‚±‚̃Gƒ“ƒgƒŠ[‚ð‚͂ĂȃuƒbƒNƒ}[ƒN‚ɒljÁ
ƒJƒeƒSƒŠF
•Ö—˜ƒTƒCƒg
ƒ^ƒOF
Firefox
Firebug
jquery

FireQuery

ŠF‚³‚ñ‚²‘¶’m‚ÌFirefox‚̃AƒhƒIƒ“ufirebugvƒR[ƒ_[‚Æ‚©‚Å‚ ‚ê‚΁A‚±‚ê‚ð“ü‚ê‚Ä‚¢‚él‚Í‚©‚Ȃ葽‚­‚¢‚é‚ÆŽv‚¢‚Ü‚·I

‚µ‚©‚µA’†‚ɂ́wlinkerx‚̂܁[‚µ[‚³‚ñ‚âwƒXƒOƒ‰ƒ{x‚̃tƒWƒJƒ‚³‚ñ‚̂悤‚ɁAh‚¢‚Ü‚¢‚¿Firebug‚ðŽg‚¢‚±‚È‚¹‚Ä‚¢‚È‚¢h‚È‚ñ‚Đl‚à‚¢‚é‚Ì‚Å‚Í‚È‚¢‚Å‚µ‚傤‚©H

¡‰ñ‚Í‚»‚ñ‚È•û‚à‚Ó‚­‚߁uFireQueryv‚Ì‚²Ð‰î‚ðŽd—l‚ÆŽv‚¢‚Ü‚·IŒÂl“I‚É‚©‚È‚è•Ö—˜‚¾‚ÆŽv‚¢‚Ü‚·B

‘±‚«‚ð“Ç‚Þ

2009”N6ŒŽ‚̐l‹CƒGƒ“ƒgƒŠ[@ƒxƒXƒg10

Clip to Evernote ‚±‚̃Gƒ“ƒgƒŠ[‚ð‚͂ĂȃuƒbƒNƒ}[ƒN‚ɒljÁ
ƒJƒeƒSƒŠF
ŒŽ•Êl‹CƒGƒ“ƒgƒŠ[

6ŒŽ‚̐l‹CƒGƒ“ƒgƒŠ[ƒxƒXƒg10

‚悤‚â‚­‚±‚̃Gƒ“ƒgƒŠ[‚ð‘‚­ŽžŠÔ‚ª‚à‚Ä‚½I‚UŒŽA‚ ‚Ü‚è•×‹­‚Å‚«‚È‚©‚Á‚½‚¯‚ǁA‚Ç‚¤‚¾‚낤cU‚è•Ô‚Á‚Ä‚Ý‚Ä‚Ý‚Ü‚µ‚傤I

‘±‚«‚ð“Ç‚Þ

SaCSS vol.4 ƒR[ƒfƒBƒ“ƒO•×‹­‰ïŽQ‰ÁŽó•tŠJŽnI

Clip to Evernote ‚±‚̃Gƒ“ƒgƒŠ[‚ð‚͂ĂȃuƒbƒNƒ}[ƒN‚ɒljÁ
ƒJƒeƒSƒŠF
ƒR[ƒfƒBƒ“ƒO•×‹­‰ï
ƒ^ƒOF
SaCSS
ƒZƒ~ƒi[
ŽD–y
•×‹­‰ï

SaCSS vol.4 Žó•tŠJŽnI

¡‰ñ‚Å‚S‰ñ–Ú‚Æ‚È‚é•×‹­‰ïBŠJÃŒˆ’è‚Å‚·I‚Æ‚¢‚¤‚æ‚èA­‚µ‘O‚æ‚è“ú’ö‚àŒˆ‚Ü‚Á‚Ä‚¢‚½‚Ì‚Å‚·‚ªA’m‚ª’x‚­‚È‚Á‚Ä‚µ‚Ü‚¢‚Ü‚µ‚½B¡‰ñ‚͐§ì‹Zp‚ÌTIPS“I‚È‚¨˜b‚ƁAƒ‰ƒCƒgƒjƒ“ƒOƒg[ƒN‚R–{(—\’è)‚ðs‚¢‚Ü‚·I

¦7/15 ƒ‰ƒCƒgƒjƒ“ƒOƒg[ƒN“à—eƒAƒbƒv‚µ‚Ü‚µ‚½B‘±‚«‚ð“Ç‚Þ

ƒR[ƒ_[‚È‚ç’m‚Á‚Ä‚¢‚é‚ׂ«§ìŽž‚̃|ƒCƒ“ƒg‚ ‚ꂱ‚ê

Clip to Evernote ‚±‚̃Gƒ“ƒgƒŠ[‚ð‚͂ĂȃuƒbƒNƒ}[ƒN‚ɒljÁ
ƒJƒeƒSƒŠF
HTML
ƒ^ƒOF
ƒR[ƒfƒBƒ“ƒO
HTML
CSS
ƒuƒ‰ƒEƒU

ƒR[ƒ_[‚È‚ç’m‚Á‚Ä‚¢‚é‚ׂ«§ìŽž‚̃|ƒCƒ“ƒg‚ ‚ꂱ‚ê

‚à‚¤‚©‚È‚è‘O‚É‚È‚Á‚Ä‚µ‚Ü‚¤‚Ì‚Å‚·‚ªAOSC‚É‚ÄŽ©•ª‚ª”­•\‚µ‚½“à—e‚ð‚Ü‚¾ƒuƒƒO‚ɏ‘‚¢‚Ä‚¨‚è‚Ü‚¹‚ñ‚Å‚µ‚½B”­•\‚µ‚Ä‚¨‚¢‚Ä‚È‚ñ‚Å‚·‚ªc‚±‚Ì“à—e‚Í‚È‚¢‚ȁ[‚ƁA”½ÈBBB‚Å‚·‚ªAƒuƒƒO—p‚ɕҏW‚µ‚Ä‚Ü‚Æ‚ß‚Ä‚Ý‚Ü‚µ‚½B

‚悤‚â‚­‚܂Ƃ߂鎞ŠÔ‚ªŽæ‚ê‚Ä‚æ‚©‚Á‚½BBB

‚¢‚ë‚¢‚ë‚ȈӖ¡‚Å‚¢‚Ü‚³‚ç‚È‚Ì‚©‚à‚µ‚ê‚È‚¢‚Å‚·‚ªAƒ^ƒCƒgƒ‹‚à•ÏX‚µ‚āA‚ ‚炽‚ß‚Ä‚Ü‚Æ‚ß‚Ü‚·B

Å‰‚̓NƒƒXƒuƒ‰ƒEƒU‚Æ‚©‚Ì–Ê‚Å‚¾‚¯l—¶‚µ‚ď‘‚¢‚Ä‚¢‚½‚̂ŁA‚Æ‚±‚ë‚Ç‚±‚ë‚»‚ñ‚È•¶Í‚à‚ ‚è‚Ü‚·‚ªAŠî–{“I‚ɃR[ƒfƒBƒ“ƒOŽžE§ìŽž‚̃|ƒCƒ“ƒg‚Æ‚©—}‚¦‚Ä‚¨‚­‚ׂ«Šî‘b“I‚ȃ|ƒCƒ“ƒg‚Å‚·B

‘±‚«‚ð“Ç‚Þ

‚VŒŽ‚̓€ƒLƒ€ƒL•×‹­‚µ‚½‚¢

Clip to Evernote ‚±‚̃Gƒ“ƒgƒŠ[‚ð‚͂ĂȃuƒbƒNƒ}[ƒN‚ɒljÁ
ƒJƒeƒSƒŠF
“ú‹L
ƒ^ƒOF
•×‹­
‚‚Ԃ₫

...orz

‹C‚¯‚Î‚à‚¤‚VŒŽ‚Å‚·‚ˁB‚UŒŽ‚Í‚È‚ñ‚¾‚©‚¢‚ë‚¢‚ëŠw‚Ñ‚½‚¢‚±‚Æ‚Æ‚©‚â‚肽‚¢‚±‚Æ‚Æ‚©‚à‚ ‚Á‚½‚Ì‚Å‚·‚ªAŒ‹‹Ç‚Ù‚Æ‚ñ‚Ç‚Å‚«‚È‚¢‚±‚Ƃ΂©‚è‚Å‚µ‚½ Bã‚̉摜‚Í‚»‚ñ‚ÈŽ©•ª‚Ì‹CŽ‚¿B

‚¢‚ë‚ñ‚Ȑl‚̃uƒƒO‚Æ‚©“Ç‚ñ‚Å‚¢‚é‚ƁA–{“–‚É‚½‚­‚³‚ñ‚ÌŽhŒƒ‚ðŽó‚¯‚éB‚¢‚ë‚¢‚ëŠw‚Ñ‚½‚¢‚µA‚¢‚ë‚¢‚ëì‚Á‚Ä‚Ý‚½‚è‚à‚µ‚½‚¢B‚Å‚à‚Å‚àAŽžŠÔ‚ª‚È‚¢`I‚Æ‚¢‚¤‚æ‚èA‚¢‚ë‚¢‚ë•ø‚¦‚·‚¬‚āA‘S‘R—]—T‚ª‚È‚©‚Á‚½B

‘±‚«‚ð“Ç‚Þ

ƒgƒbƒv‚É–ß‚é