見るã ã‘ã§ã‚‚ワクワクã™ã‚‹ã€CSS3ã¨jQueryã®ã‹ã£ã“ã„ã„7ã¤ã®ã‚¨ãƒ•ã‚§ã‚¯ãƒˆ
ページを開ã„ãŸçž¬é–“ã€ãƒ¦ãƒ¼ã‚¶ãƒ¼ã®ç›®ã‚’引ãã¤ã‘るよã†ãªCSS3ã¨jQueryを使ã£ãŸã‚¿ã‚¤ãƒã‚°ãƒ©ãƒ•ã‚£ã®ã‹ã£ã“ã„ã„エフェクトを紹介ã—ã¾ã™ã€‚ Typography Effects with CSS3 and jQuery [ad#ad-2] ã‹ã£ã“ã„ã„7ã¤ã®ãƒ‡ãƒ¢ 実装ã®ãƒã‚¤ãƒ³ãƒˆ ã‹ã£ã“ã„ã„7ã¤ã®ãƒ‡ãƒ¢ デモã¯7ã¤ã‚ã‚Šã€ã©ã‚Œã‚‚トã‚メクよã†ãªã‹ã£ã“ã„ã„エフェクトã§ã™ã€‚ デモを楽ã—ã‚€ã«ã¯ã€Chrome, Safari, Firefoxã§ã”覧ãã ã•ã„。 Demo 1
エフェクトãŒç„¡é§„ã«å‡„ã„イメージスライダーを実装出æ¥ã‚‹jQueryプラグイン・Chop Slider - ã‹ã¡ã³ã¨.net
実用性ã¯åˆ¥ã«ã—ã¦ã€ã“ã†ã„ã†ã®å«Œã„ã˜ã‚ƒãªã„ ã®ã§è¨˜äº‹ã«ã—ã¾ã™ã€‚よãã‚るイメージギャラリー ãªã‚“ã§ã™ãŒã€ç”»åƒãŒå¤‰ã‚ã‚‹éš›ã®ã‚¨ãƒ•ã‚§ã‚¯ãƒˆãŒ 無駄ã«å‡ã£ã¦ã„ã¾ã™ï¼ˆè¤’ã‚言葉ã§ã™ï¼‰ã€‚ã“ん㪠事もflashを使ã‚ãªã„ã§å‡ºæ¥ã‚‹ã‚“ã ãªãƒ¼ã€ã¨ ç´ ç›´ã«é–¢å¿ƒã—ãŸã®ã§ã€åŒã˜æ°—æŒã¡ã§è¦‹ã¦ é ‚ã‘ãŸã‚‰å¬‰ã—ã„ã§ã™ã€‚ エフェクトã¯ã‹ãªã‚Šå¤šã用æ„ã•ã‚Œã¦ãŠã‚Šã€ã©ã‚Œã‚‚ãªã‹ãªã‹æ´¾æ‰‹ãªå°è±¡ã§ã™ã€‚ã“ã‚Œã ã‘ã®ã‚¨ãƒ•ã‚§ã‚¯ãƒˆã‚’クãƒã‚¹ãƒ–ラウザã«å¯¾å¿œã•ã›ã¦ã„ã‚‹ã®ã‚‚ã¡ã‚‡ã£ã¨é©šãã§ã™ã€‚※IE6ã«ã‚‚対応ã¨ã‚ã‚‹ã®ã§ã™ãŒã€ç¾åœ¨è«¸äº‹æƒ…ã§ç¢ºèªå‡ºæ¥ã¾ã›ã‚“ã®ã§å¯¾å¿œã—ã¦ãªã‹ã£ãŸã‚‰ã”ã‚ã‚“ãªã•ã„。 ãˆã‚‰ã„ã“ã£ã¡ã‚ƒãƒ»ãƒ»ãªã‚¨ãƒ•ã‚§ã‚¯ãƒˆã°ã‹ã‚Šã§ã™ã€‚エフェクトã¯ã‹ãªã‚Šã®æ•°ãŒç”¨æ„ã•ã‚Œã¦ãŠã‚Šã€ï¼‘ã¤ã®ã‚¨ãƒ•ã‚§ã‚¯ãƒˆã‚‚ç´°ã‹ã„è¨å®šãŒå¯èƒ½ã«ãªã£ã¦ã„ã¾ã™ã€‚ ã¾ãšã¯ã‚¨ãƒ•ã‚§ã‚¯ãƒˆã®ä¸€éƒ¨ã‚’無言ã§ã”紹介ã—ã¾ã™ã€‚ ã¡ã‚‡ã£ã¨ãƒ’ーãƒãƒ¼ã¨ã‹ã®å¤‰èº«ã‚·ãƒ¼ãƒ³ã¿ãŸã„ãªæ„Ÿè¦šã§ã™ãƒ»ãƒ»å®Ÿéš›ã«å‹•ãを見ã¦ã‚‚らã†ã¨ã€ã„ã‹ã«ç„¡é§„ã«ã™ã”ã„å‹•ãã‹
1
ランã‚ング
ランã‚ング
ランã‚ング
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
処ç†ã‚’実行ä¸ã§ã™
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
{{#tags}}- {{label}}
{{/tags}}