日付を便利に操作するためのJavaScriptライブラリ色々 | Mach3.laBlog

2013/07/26 228 users 日付 JavaScriptライブラリ Date ライブラリ

JavaScriptには日付を扱う為の “Date” オブジェクトがありますが、正直なところこれはあまり親切ではありません。 そこで、JavaScriptの日付周りで楽をするためのライブラリのメモをここに。 XDate XDate – A Modern JavaScript Date Library Dateをもっと便利にした XDateオブジェクト を実装するライブラリです。 使い方はDateと... 続きを読む

testemで任意のHTMLでテストを動かす方法とJavaScriptデバッガ連携 | Web scratch

2013/04/04 71 users testem HTML Web scratch テスト 以下

testem Test Runnerのtestemを使ったテストについてメモ testem自体については以下などを見るといい気がします。 JavaScriptのテストツール「testem」が素晴らしいぞ | Mach3.laBlog Testem 0.1.0 Released and Screencasts testem の仕組み的には、テストを実行するためのHTMLページを用意して、 teste... 続きを読む

ブロック要素の高さを行毎にあわせるjQueryプラグインを習作する | Mach3.laBlog

2013/03/04 87 users jQueryプラグイン 行毎 ブロック要素 div 既知

既知の類似プラグインは多数あるこの課題ですが、ちょっと習作してみました。 横並びにレイアウトされたブロック要素の高さを揃えるライブラリです。 なにをしたいのか 例えば、フロートなどで横並びにした要素があって、それぞれの高さを揃えたい時があります。 こんな感じに。この処理をしてくれるライブラリを書いてみます。 書いてみた物 jQuery.lineUp 使い方 例えばこんな要素があるとして <div ... 続きを読む

スタイルガイドを生成する「StyleDocco」の使用感 | Mach3.laBlog

2013/01/07 53 users styleDocco CSS ドキュメント 生成 プロジェクト

先日スタイルガイドを制作する機会がありまして、 せっかくなので、スタイルガイドの生成に利用したStyleDoccoの使用感などをまとめておきます。 スタイルガイドについて ざっくり言うとスタイルシートのドキュメントです。 自分一人で完結するその場限りのページなら良いのですが、 複数人のチームで組み込んでいたり、メンテナンス担当が他の方だったりする場合、 プロジェクトのCSSをドキュメント化しておく... 続きを読む

JavaScriptのテストツール「testem」が素晴らしいぞ | Mach3.laBlog

2012/10/31 547 users testem but チュートリアル お陰 テストツール

JavaScriptユニットテスト一年生の私が、Nettuts+ のチュートリアルで知ったテストツール 「testem」のお陰で大変捗ったので是非お勧めしたく、ここで紹介してみます。 testem ってなに testem via GitHub : airportyh/testem Unit testing in Javascript can be tedious and painful, but ... 続きを読む

OpauthとtmhOAuthで極めてお手軽にTwitterと連携してみる | Mach3.laBlog

2012/08/24 50 users Twitter Opauth OAuth認証 API PHP

PHPでTwitterのAPIを利用する方法は何度かPEARのServices_Twitterと絡めて記事にした事がありましたが、 今回はもっと手軽に導入できるOpauthとtmhOAuthを紹介してみます。 認証はOpauthで Opauth – Multi-provider authentication framework for PHP Opauthは、様々なOAuth認証を一手に引き受けて... 続きを読む

jQueryUIのDialogをカスタマイズする6つの物凄く細かい小技 | Mach3.laBlog

2012/04/16 70 users dialog アニメーシ jQueryUI ダイアログ 要素

jQueryUIのdialogは結構お世話になっているのですが、 たまに欲しい機能がなかったり、あっても説明されてなかったりするので ここにDialogカスタマイズTipsをしたためておきます。 Modalしたダイアログをオーバーレイクリックで閉じる 任意の要素をクリックして閉じる アニメーションで閉じる・開く エフェクト中にオーバーレイの後ろに回りこんでしまうのを回避する 閉じる・開くアニメーシ... 続きを読む

に読み込むべき唯一のスクリプト「headjs」 | Mach3.laBlog

2011/03/10 357 users Modernizr 働き者 スクリプト 彼ら 唯一

「Modernizr」や「html5.js」等、 モダンな環境の為の便利なスクリプトは多々ありますが、 「headjs」はそんな彼らの仕事を一気に引き受けてくれる働き者のスクリプトです。 使い方 Head JS :: T [...] 続きを読む

IEの透過PNG+opacityの不具合を治すメモ | Mach3.laBlog

2011/02/17 153 users メモ opacity display height test

透過PNGの処理が下手くそなのは、IE6だけではなく、IE7/8も同様です。 IEで透過PNGをあてた要素のopacityを弄ると、周りがグレーがかって汚くなります。 この現象はよく知られていると思いますが、今日はこの不具合の治し方のメモを記しておきます。サンプルコード例えば、こんなコード。.test {display:block;width:128px;height:128px;backgrou... 続きを読む