タグ

関連タグで絞り込む (0)

  • 関連タグはありません

タグの絞り込みを解除

JSに関するshigesatoのブックマーク (3)

  • [JS]ウェーブ状のアニメーションでフェードイン・アウトさせる超軽量スクリプト -WaveAnimate

    エレメントをウェーブ状のアニメーションでフェードイン・フェードアウトさせるjQueryのプラグインを紹介します。 スクリプトは1.7kで超軽量です。 WaveAnimate jQuery Plugin デモ [ad#ad-2] WaveAnimateのデモ デモでは3通りのアニメーションがあり、上キャプチャのものは端のエレメントから順番にフェードします。 エレメント(右端の赤)を除外し、アコーディオンのようなアニメーションを適用することもできます。 赤いエレメントを除外したデモ WaveAnimateの実装 デモを例に、実装方法を紹介します。 HTML デモではdiv要素で実装したボックスを配置しているだけです。 <div id="demo1"> <div id="el1a" class="fademe">&nbsp;</div> <div id="el2a" class="fademe"

    shigesato
    shigesato 2011/09/05
  • 簡単にプログラミングが学べるサイトが登場 試しに使ったけどマジで簡単でワロタwww : 暇人\(^o^)/速報

    簡単にプログラミングが学べるサイトが登場 試しに使ったけどマジで簡単でワロタwww Tweet 1:名無しさん@涙目です。(西日):2011/08/24(水) 01:40:22.41 ID:7bRW1kA90 楽しく退屈せずにJavaScriptプログラミングを学べるCodecademy Hacker Newsで参考になる記事を読んだ。その記事が推薦しているも買った。オンラインのチュートリアルをブックマークした。見ればプログラミングが楽しくなるとうたっているビデオに、80ドルも投じた。でも、なぜだろう。いまだにプログラミングのやり方が、分かんないのだ。 …というお悩みをお持ちのあなた、今夜(米国時間8/18)立ち上がったCodecademyが、きっと助けてくれるだろう。 CodecademyはWeb上の対話的なプログラミングチュートリアルで、手取り足取り、JavaScriptの基礎を教

    簡単にプログラミングが学べるサイトが登場 試しに使ったけどマジで簡単でワロタwww : 暇人\(^o^)/速報
    shigesato
    shigesato 2011/08/24
    なかなか面白そうだ
  • [JS]カラー画像を白黒に自動変更して表示する画像ギャラリー -Black and White

    カラー画像を白黒のグレースケール画像に自動変更して表示する画像ギャラリーのjQueryのプラグインを紹介します。 デモページ:マウスホバー(2番目)でカラー表示 Black and Whiteの実装 外部スクリプト 「jquery.js」と当スクリプトを外部ファイルとして指定します。 <script src="js/jquery.min.js"></script> <script src="js/jQuery.BlackAndWhite.js"></script> HTML 画像を内包するa要素に「class="bwWrapper"」を加えます。 <ul id="wrapper"> <li><a href="#" class="bwWrapper"><img src="files/Hydrangeas.jpg" width="300" height="225" /></a></li> <l

    shigesato
    shigesato 2011/07/25
  • 1