2013-01-01から1年間の記事一覧
コーディングをしていて、利用規約みたいにやたら長くてマークアップしていくのがだるい文字列をmarkdownで編集できたら楽になるのになあと考えてました。 そして、そういえばJadeってたしかmarkdown対応してたな?ということに気づいたので早速使ってみた。…
iOS版safariで、font-sizeが勝手に拡大されるというバグが時々発生する。 html上もcss上もなんら不備はないのに、特定の箇所だけ突然拡大されて表示されてしまうのでどう対応したものか、と困っていたところ、解決法を発見。 どうやら文字サイズの自動調整機…
問題を定義する 着地点を決める 問題を再定義する パーツを集める 書かない部分まで含めた、世界観全体の設定を箇条書きやフローチャートなどにして書きつらねる 実際に表に出す部分のプロットをつくる ラフに書き進める 悩んだらとばす とりあえずひと通り…
jsで、一つのファイルにすべてのコードを詰め込むと、長くなってくると非常に読みにくいしどこに何があるのかよくわからないし、結局何をしているのか追いにくくなって保守性が最悪になります。 そのため、大抵の場合は役割とか関数とかクラス(っぽいもの)…
jQueryのイベントハンドリングには、現在 .on(),.off()のみが推奨されて利用されています。 その基本的な使い方はこんなかんじでした。 $(element).on(event, function() { console.log('event fired!'); }); この場合、対象となる$(element)において指定し…
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…
もっと社会に出たほうがいい気がしてきたので、いまさらながらブログを始めます。 技術っぽいこととかそういう系のことを書きます。 自分用のメモも多分かきます。 あまり目新しいことは書かないかもしれません。 ときどきアニメのこともかきます。 よろしく…