octopus553のブックマーク - はてなブックマーク

jQuery.Deferred を使ってみる。 | バシャログ。
カーテンのない家には住めない事に気がついたminamiです。 jQueryにはjQuery.Deferred というオブジェクトがあります。jQuery 1.5 のころから実装されてだいぶ経っているのですが、今までなんとなくよくわからなくて苦手意識があったので改めて使ってみました。 jQuery.Deferred ってなに？ "deferred" の意味を調べると「延期された」「遅延された」などの意味があります。乱暴にまとめてしまうと、様々な処理が終わった後に呼ばれる（遅延された）処理を監視してくれるオブジェクトと言えます。何を言っているのかわからん文章で書くとまどろっこしいのでサンプルを作りました。1～4の処理が全て終わったら完了の表示を出します。 jQuery.Deferred を使った処理の管理 window.setTimeout() などのタイマー処理 jQuery.ajax
octopus553 2015/01/20
jquery

deferred
リンク
[CSS3]面倒なCSS3、linear-gradientを使いやすくまとめてみた | バシャログ。
こんにちはLatinです。今年も残す所、あと11ヶ月となってしまいましたが、やり残しのないよう頑張ろうと思っております。今回はCSS3のグラデーションにまつわるエントリーです。ハッキリ言って面倒くさい！さてCSS3のグラデーション「linear-gradient」なんですが、はっきり言って面倒です･･･。今はCSS3のジェネレータもたくさんあるので、それらを使うのもいいのですが、足りない分のベンダープレフィックスを探したり、filter やら毎回ググるのが非常に面倒！且つ、ボタンなどに、gradient と border-radius を併記した場合、IE9 での表示が若干おかしくなってしまいます。詳細は下記に記載しますが、今後サクッと使えるように備忘録がてら、簡単にまとめておこうと思います。 CSS スニペット（修正前） .btn { border-radius: 4px;
octopus553 2013/08/30
css

gradient
リンク
ライブラリを使わないでDOMにアクセスするJavaScriptを書いたときにはまった2つのこと | バシャログ。
タスク管理するのに手帳を使おうとして2週間で挫折したので、iPhone & Mac でできないか挑戦している tanaka です。最近、諸事情により jQuery などのライブラリを使わずに DOM を操作する JavaScript コードを書く機会がありました。ある程度はライブラリなしで書いたこともあるし、そんな大変じゃないだろう…と思っていたら、想定外に時間がかかってしまいました。(多くはレガシーなIE対応ですが…)そんなわけで、ライブラリを使わないで JavaScript を書いたときに遭遇した問題2つを紹介します。サンプルコードはQUnitでテストを書き、テスト実行＋コードリーディングすることでIEとそれ以外のブラウザの違いが理解できるようにしました。 IE 7以下で setAttribute('class', [classNames])/getAttribute('class
octopus553 2013/02/20
javascript
リンク
【Dreamweaver】コードビューでよく使うショートカット | バシャログ。
BMW が開発している MINI ブランドの電動スクーターが気になって仕方がない sakai です。なんと、キーが iPhone ですよ！今回は、Dreamweaver の“コードビュー”でコーディングをする時に便利なショートカットをご紹介します。タグ挿入系 Ctrl+1(～6) = 見出しタグ（h1～h6）の挿入 Ctrl+Shift+P = 段落タグ（p）の挿入 Ctrl+Alt+T = テーブル（table）の挿入 Ctrl+Alt+I = 画像（img）の挿入 Ctrl+B = 強調（strong）の挿入 Ctrl+I = やや強調（em）の挿入 Shift+Enter = 改行（br）の挿入このあたりは基本なので、Dreamweaver でコーディングをされている方ならご存知かと思います。 Shift+Space = 半角スペースを挿入（全角モードでも半角スペースが入る）
octopus553 2013/01/29
dreamweaver

ショートカット

web制作
リンク
jQuery.parseJSON()について | バシャログ。
こんにちは、「検索と発見のためのデザイン」(オライリー・ジャパン)を買いました。同じ著者の「アンビエント・ファインダビリティ」は発見可能性の広い枠組みを考える読み物でしたが、こちらは実際に検索システムをデザインするときの枠組みを提供してくれる本って感じです。さて、今日はそんなユーザー寄りのデザインの話ではなくjQueryの実装の話です。最近のjQueryライブラリには、Ajax通信でサーバーから取得したデータをハッシュ(JavaScriptのオブジェクト)として利用できるようにするためにjQuery.parseJSON() というメソッドがついています。(1.4.1〜)これ以前はXMLHttpRequestの処理とセットになっていて、JSONのパースだけ単体で利用できないようになっていました。(…といってもJSON文字列をevalしているだけだったようですが…) jquery-1.2.
octopus553 2012/04/16
javascript

ajax

json
リンク
1