タグ

ブックマーク / webdrawer.net (3)

  • jQueryプラグインの作り方の初歩

    自分でもjQueryを使ってjsを書くので、これをプラグイン化できたらいいなと思うこともあります。という訳で大枠の構成だけですが、基的な作り方を調べてみました。(あとは引数で設定を変えるのがかっこいいと思ったので作ってみたかったのもあります。) 無名関数 他の領域に干渉しないされないように以下の記述で囲みます。jQueryを引数として指定しているので、この中でも$表記が使えます。 (function($) { //中身 })(jQuery); メソッドを追加する ここが実際に処理するコードを書いていく場所です。「$.fn.hogehoge」のhogehogeの部分がメソッド名になります。 (function($) { $.fn.hogehoge = function(options){ //プラグインの中身 } })(jQuery); 使用する 実行のコードです。プラグインを使うときによ

    jQueryプラグインの作り方の初歩
    d_animal141
    d_animal141 2013/12/11
    jQueryプラグインの作り方の初歩
  • jQueryを使ってチェックボックスが押されたらリンクをつける

    チェックボックスにチェックを入れるとaタグが出てリンクが押せるようになるというのをjQueryで作成したので、また作る時用に残しておきます。 JavaScriptがもっと効率良くかける気がしますが、ひとまず以下になりました。 HTMLソース サンプルとして以下のHTMLを用意しました。 <input type="checkbox" id="ideaCheck" name="ideaCheck">チェック<br> <p id="text01">リンク</p> JavaScriptソース $(function(){ //ウインドウロード時 $(window).load(function(){ if($('#check').attr("checked")){ hogehoge1(); } else { hogehoge2(); }; }); //クリック時 $('#check').click(f

    jQueryを使ってチェックボックスが押されたらリンクをつける
    d_animal141
    d_animal141 2013/04/18
    jQueryを使ってチェックボックスが押されたらリンクをつける
  • 初めてSassとCompassを使った際に参考にした記事まとめ

    しばらく前から気になっていたCSSを書く時に便利だという「Sass」と「Compass」を自分のサイトを作る時に使ってみました。 順番に導入の手順を追ってもいいのですが、検索すると多くのサイトが紹介していますので、私が見て参考にしたページをまとめておきたいと思います。 Sassとは まずSassとは何かと言うと、CSSを生成するためのメタ言語で、これを利用することでCSSを早く書けたり、記述が楽になったりします。 Sassの公式サイトは以下から。 Sass – Syntactically Awesome Stylesheets Compassとは Sassを拡張して、便利な機能を追加してくれるものです。ベンダープレフィックスを自動でつけてくれたり、リセットCSSを呼び出してくれたり、CSSスプライトを使えたりします。 Compassのドキュメントは以下から確認できます。 Compass H

    初めてSassとCompassを使った際に参考にした記事まとめ
    d_animal141
    d_animal141 2013/02/14
    初めてSassとCompassを使った際に参考にした記事まとめ|WEB Drawer
  • 1