Gruntの0.4.2がリリースされたようです。 いくつかのバグフィックスのほか、一部のモジュールが外部ライブラリ化されたようなので、該当するモジュールを使っている場合は注意が必要そう。 該当する新しい外部ライブラリ名と、それに対応する以前まで実装さ…

サイト内でツイートしてもらって、その完了を確認して何かしら関数を実行したい時があると思います。（僕は有りました） そういう時に使うやつです。 なお、IE8以下ではイベントが上手く発火しないので動かないのと、スマートフォンでは別タブでのjs実行がそ…

よく使うやつ。 function zeroPadding(num, order) { var r = new Array(order); return (r.join(0)+num).slice(-order); } console.log(zeroPadding(1,2); // -> 01 console.log(zeroPadding(120,5); // -> 00120 一行で書くなら function zeroPadding(num,…

今までもElementのstyleをみれば、擬似要素がどう設定されているかとかみれてましたが、 いつのまにか擬似要素自体がElementとして表示されるようになってました。 こんな感じ。 これでだいぶデバッグが楽になりそうです。

最近Jadeにハマってます。で、書いてると時々エラーで引っかかることがあるのでメモ。 includeやextendのパス includeやextendで読んでくるファイルのパスは、コンパイルするルートディレクトリのパスからじゃなくて、呼び出し元のファイルからの相対パス。 …

Gruntを使っていて、後から新しいプラグインを入れるとき、いちいち次のようにGruntfile.jsにプラグインを読み込む一文を追加しないといけない。 grunt.loadNpmTasks('grunt-new-plugin'); これはとても面倒。 面倒だし、うっかり追加忘れてエラー吐いてしま…

なにかDOMがあって、それに対してイベント監視しておいて、イベント発火時にそのイベントの情報をもとに色々と操作したいとき。 var $dom = $('.target_btn'); $dom.on('click', function(event) { var target = event.target; console.log(target); // unde…

opacity（IE対策） @mixin opacity($opacity) { $ieopacity: $opacity*100; opacity: $opacity; filter: alpha(opacity= #{$ieopacity}); -ms-filter: "alpha(opacity=#{$ieopacity})"; } ブロックのセンタリング もちろん親要素にposition: relative;必要 @…

エディタはSublime Text派ですが、Settingの書き方とか結構忘れがちなので備忘録代わりに。 プロジェクトの設定 設定ファイルを開く メニューバー > Project > Edit Project プロジェクトのワーキングツリーに任意のフォルダを任意の名前で追加する。 /Users…

もっと社会に出たほうがいい気がしてきたので、いまさらながらブログを始めます。 技術っぽいこととかそういう系のことを書きます。 自分用のメモも多分かきます。 あまり目新しいことは書かないかもしれません。 ときどきアニメのこともかきます。 よろしく…