MootoolsによるUI向上テクニック20選
20 Excellent Mootools Techniques for Rich User Interface | DevSnippets(別窓)
![WEB TANOSHII!!-20 Excellent Mootools Techniques1](https://stat.ameba.jp/user_images/20090410/12/d-squid/ae/37/j/o0450020010164037867.jpg?caw=800)
Mootoolsを利用したリッチなUI集です。
その中からいくつか紹介。
Web-kreation - Show/hide a nice Login Panel using Mootools 1.2(別窓)
![WEB TANOSHII!!-20 Excellent Mootools Techniques2](https://stat.ameba.jp/user_images/20090410/12/d-squid/12/ae/j/o0450020010164037871.jpg?caw=800)
ページ上部からスライドインするログイン画面です。
一旦別のログイン画面に遷移してログイン処理をするのは面倒なので、こういったUIはうれしいですね。
Mootools - Links Effects(別窓)
![WEB TANOSHII!!-20 Excellent Mootools Techniques3](https://stat.ameba.jp/user_images/20090410/12/d-squid/80/b8/j/o0450020010164037873.jpg?caw=800)
マウスオーバーでブロックを強調するテクニックです。
Twitterなどでも利用されていますね。
MooTools Flashlight Effect Example(別窓)
![WEB TANOSHII!!-20 Excellent Mootools Techniques4](https://stat.ameba.jp/user_images/20090410/12/d-squid/93/91/j/o0450020010164037876.jpg?caw=800)
最後は実用性という点ではアレですが、Flashでありそうな表示です。
マウスカーソルのあった場所が照らされて表示されます。
他にも魅力的なテクニックが多数紹介されているので、ぜひご覧ください。
![WEB TANOSHII!!-20 Excellent Mootools Techniques1](https://stat.ameba.jp/user_images/20090410/12/d-squid/ae/37/j/o0450020010164037867.jpg?caw=800)
Mootoolsを利用したリッチなUI集です。
その中からいくつか紹介。
Web-kreation - Show/hide a nice Login Panel using Mootools 1.2(別窓)
![WEB TANOSHII!!-20 Excellent Mootools Techniques2](https://stat.ameba.jp/user_images/20090410/12/d-squid/12/ae/j/o0450020010164037871.jpg?caw=800)
ページ上部からスライドインするログイン画面です。
一旦別のログイン画面に遷移してログイン処理をするのは面倒なので、こういったUIはうれしいですね。
Mootools - Links Effects(別窓)
![WEB TANOSHII!!-20 Excellent Mootools Techniques3](https://stat.ameba.jp/user_images/20090410/12/d-squid/80/b8/j/o0450020010164037873.jpg?caw=800)
マウスオーバーでブロックを強調するテクニックです。
Twitterなどでも利用されていますね。
MooTools Flashlight Effect Example(別窓)
![WEB TANOSHII!!-20 Excellent Mootools Techniques4](https://stat.ameba.jp/user_images/20090410/12/d-squid/93/91/j/o0450020010164037876.jpg?caw=800)
最後は実用性という点ではアレですが、Flashでありそうな表示です。
マウスカーソルのあった場所が照らされて表示されます。
他にも魅力的なテクニックが多数紹介されているので、ぜひご覧ください。