テã‚ストを燃ãˆä¸ŠãŒã‚‰ã›ã‚‰ã‚Œã‚‹jQueryプラグイン「jQuery Burnã€:phpspot開発日誌
jQuery Burn テã‚ストを燃ãˆä¸ŠãŒã‚‰ã›ã‚‰ã‚Œã‚‹jQueryプラグイン「jQuery Burnã€ã€‚ テã‚ストã«æ¬¡ã®ã‚ˆã†ã«ã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ã®ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ã‹ã‘ã¦ãƒ†ã‚ストを燃焼ã•ã›ã‚‰ã‚Œã¾ã™ã€‚ <h1 class="burning">I'm on fire!</h1> ã¨ã„ã†ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ã«å¯¾ã—ã¦ä»¥ä¸‹ã®ã‚ˆã†ã«åˆæœŸåŒ–ã™ã‚‹ã ã‘ã§ã™ <script> $('.burning').burn(); </script> アニメーションも細ã‹ãªã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºãŒå¯èƒ½ 燃ãˆä¸ŠãŒã‚“ã‚Œã€ç‡ƒãˆä¸ŠãŒã‚“ã‚Œã€ã‚¬ãƒ³ãƒ€ãƒ 関連エントリ é¢ç™½ã„テã‚ストアニメーションãŒä½œã‚Œã‚‹jQueryプラグイン「textualizer〠テã‚ストを部分的ã«ã‚«ãƒƒã‚³ã‚ˆãアニメーションã•ã›ã¤ã¤åˆ‡æ›¿ãˆå¯èƒ½ã«ã™ã‚‹jQueryプラグイン「dynamo.js〠faviconをアニメーションã•ã›ãŸã‚Šãƒ†ã‚ストを付与ã§ãã‚‹jQueryプラグイン「jQuery Fa
JavaScriptãªã—ã§åœ°åŸŸã”ã¨ã«è‰²ãŒå¤‰ã‚る日本地図を作る
HTMLã€CSSã€ç”»åƒã ã‘ã§ã€ãƒžã‚¦ã‚¹ã‚ªãƒ¼ãƒãƒ¼ã—ãŸåœ°åŸŸã”ã¨ã«è‰²ãŒå¤‰ã‚る日本地図を作る方法ã§ã™ã€‚ æ–‡å—ã ã‘ã§ã¯ã¡ã‚‡ã£ã¨æ„味ãŒã‚ã‹ã‚Šã«ãã„ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ã®ã§ã€ã¨ã‚Šã‚ãˆãšâ†“ã®æ—¥æœ¬åœ°å›³ã®ä¸Šã«ãƒžã‚¦ã‚¹ã‚«ãƒ¼ã‚½ãƒ«ã‚’載ã›ã¦ã¿ã¦ãã ã•ã„。クリックã™ã‚‹ã¨ãƒšãƒ¼ã‚¸é·ç§»ã—ã¾ã™ãŒã€ã“ã®ãƒ‡ãƒ¢ã§ã¯ Not Found ã«ãªã‚Šã¾ã™ã®ã§ã”注æ„ãã ã•ã„。 デモページを別ã®ã‚¿ãƒ–ã§é–‹ã　　ã“ã®ãƒ‡ãƒ¢ã‚’ダウンãƒãƒ¼ãƒ‰ï¼ˆZIP） 2009å¹´ã«ä»•äº‹ã§ã€Œæ—¥æœ¬åœ°å›³ã‚’クリックã™ã‚‹ã¨åœ°åŸŸã”ã¨ã«é•ã†ãƒšãƒ¼ã‚¸ã«é£›ã¶ã€ãƒšãƒ¼ã‚¸ã‚’作らãªã‘ã‚Œã°ãªã‚‰ãªã‹ã£ãŸæ™‚ã«ã€å½“時 JavaScript も書ã‘ãªã„ã— Flash 㯠PC ã«å…¥ã£ã¦ã„ãªã‹ã£ãŸã®ã§ã€HTML 㨠CSS ã ã‘ã§ä½œã£ã¦ã¿ã¾ã—ãŸã€‚ ã“ã®ãƒ‡ãƒ¢ã¯DOCTYPE宣言㌠HTML5 ã«ãªã£ã¦ã„ã¾ã™ãŒã€å½“時 HTML 4.01 ã§ã€IE6 ã§ã‚‚ãã¡ã‚“ã¨å‹•ãよã†ã«ä½œã‚Šã¾ã—ãŸã€‚ ã§ã™ã®ã§ã€ç‰¹æ®Šãªã‚¿ã‚°ã‚„プãƒãƒ‘ティã¯ä½¿ã‚ãš
CSSã®å°æ•°ç‚¹ä»¥ä¸‹ã®æ•°å€¤ã‚’å„ブラウザã¯ã©ã®ã‚ˆã†ã«è§£é‡ˆã™ã‚‹ã‹
CSSã§å°æ•°ç‚¹ä»¥ä¸‹ã‚’指定ã§ãã‚‹å˜ä½ã§ã€å°æ•°ç‚¹ä»¥ä¸‹ã®æ•°å€¤ã®æ‰±ã„ãŒãƒ–ラウザã”ã¨ã«ç•°ãªã£ã¦ã„るよã†ãªã®ã§ã€å˜ä½åˆ¥ã«ã¾ã¨ã‚ã¦ã¿ã¾ã—ãŸã€‚ 調査時ã®å„ブラウザã®ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã§ã™ãŒã€Internet Explorer 9 & 10 (Windows 7), Firefox 17, Chrome 25 dev-m, Opera 12.10ã¨ãªã£ã¦ã„ã¾ã™ã€‚調査ã«ã¯ãƒ–ラウザ付属ã®èª¿æŸ»ãƒ„ールを使ã„ã¾ã—ãŸã€‚ 表ãŒè¦‹ã¥ã‚‰ã„ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ãŒã€æˆ‘æ…¢ã—ã¦ãã ã•ã„。 ãªãŠã€ã“ã‚Œã¯ã©ã†ãƒ¬ãƒ³ãƒ€ãƒªãƒ³ã‚°ã•ã‚Œã‚‹ã‹ãªã©ã¯è€ƒæ…®ã—ã¦ã„ã¾ã›ã‚“。 ãã®æŒ‡å®šãŒã©ã†è§£é‡ˆã•ã‚Œã‚‹ã‹ã ã‘を調ã¹ãŸã‚‚ã®ã§ã™ã€‚ 指定ã—ãŸå€¤ã«ã¤ã„ã¦ã§ã™ãŒã€ä½†ã—書ããŒãªã„å ´åˆã¯1.5555555555ã§ã™ã€‚ Percentageフォントサイズをパーセンテージ指定。
パソコンã‹ã‚‰ãƒ‘ソコンã¸ä¹—り移ã£ã¦å¤§å†’険ï¼ãƒ‡ã‚¸ã‚¿ãƒ«ç‰ˆã€Œã‚¼ãƒ«ãƒ€ã®ä¼èª¬ã€å‹•ç”»ãŒã™ã”ã„ | ã²ã‚ˆã“ガジェンヌ
パソコンã®ä¸ã«å…¥ã£ãŸãƒªãƒ³ã‚¯ã®ãƒ‡ã‚¸ã‚¿ãƒ«å¤§å†’険ï¼ä»Šå›žã”紹介ã™ã‚‹ã®ã¯ã€ã•ã‚‰ã‚ã‚ŒãŸã‚¼ãƒ«ãƒ€å§«ã‚’助ã‘ã‚‹ãŸã‚ã«ãƒ‘ソコンã‹ã‚‰ãƒ‘ソコンã¸ã€ãƒ‘ソコンã‹ã‚‰iPhoeã¸ã€ãã—ã¦iP…Tweet パソコンã‹ã‚‰ãƒ‘ソコンã¸ä¹—り移ã£ã¦å¤§å†’険ï¼ãƒ‡ã‚¸ã‚¿ãƒ«ç‰ˆã€Œã‚¼ãƒ«ãƒ€ã®ä¼èª¬ã€å‹•ç”»ãŒã™ã”ㄠゼルダã®ä¼èª¬ ã²ã‚ˆã“ アート ゲーム動画 パソコンã®ä¸ã«å…¥ã£ãŸãƒªãƒ³ã‚¯ã®ãƒ‡ã‚¸ã‚¿ãƒ«å¤§å†’é™ºï¼ ä»Šå›žã”紹介ã™ã‚‹ã®ã¯ã€ã•ã‚‰ã‚ã‚ŒãŸã‚¼ãƒ«ãƒ€å§«ã‚’助ã‘ã‚‹ãŸã‚㫠パソコンã‹ã‚‰ãƒ‘ソコンã¸ã€ãƒ‘ソコンã‹ã‚‰iPhoneã¸ã€ ãã—ã¦iPhoneã‹ã‚‰iPadã¸ã¨ä¹—り移りã€æ•µã‚’倒ã—ã¦ã„ã…次々ã«ç¹°ã‚Šåºƒã’られる大冒険ã®å‹•ç”»ï¼ ã¡ã‚‡ã£ã´ã‚Šä¸æ€è°ãªã€æ¥½ã—ã„å‹•ç”»ã§ã™ ã•ã‚‰ã‚ã‚ŒãŸã‚¼ãƒ«ãƒ€å§«ã¯ã€ç”»é¢ã®å¤–ã¸â€¦ パソコンã‹ã‚‰ãƒ‘ソコンã¸ã€æ‰‹ã‚’変ãˆå“を変ãˆâ€¦ 次々ã«æ•µã‚’倒ã—ãªãŒã‚‰è¿½ã„ã‹ã‘ã¦ã„ãリンク。 パソコンã‹ã‚‰iPhoneã¸é£›ã³è¾¼ã¿ã€ãã—ã¦iPadã®æµ·ã‚’æ³³ã„ã§ã©ã“ã¾ã§ã‚‚ï¼ æžœãŸã—ã¦ã€ã‚¼ãƒ«ãƒ€å§«
ランã‚ング
ランã‚ング
ランã‚ング
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
Cool Canvas Particles Text Effect | CSSDeck
{{#tags}}- {{label}}
{{/tags}}