タグ

2013年6月11日のブックマーク (8件)

  • Backbone.jsでつくるMVPなUIパターン【リスト】 | DevelopersIO

    今回はBackbone.jsを使ってフォームから追加し、削除できるリストを作ってみたいと思います。デザインは前回同様Twitter Bootstrapで作成しました。 htmlはこちら! <div id="ui-list"> <div class="list-controls"> <form> <div class="input-append"> <input type="text" placeholder="Please type something" /> <input type="submit" class="btn" value="Add" /> </div> </form> </div> <div class="list-items"> <ul> <li class="list-item" data-cid="c1"> <a href="#" class="close">×</a

    oppara
    oppara 2013/06/11
    Backbone.jsでつくるMVPなUIパターン【リスト】 | Developers.IO
  • Bower入門(基礎編) - from scratch

    Bower入門 これから Bower について書いてきます。Bowerの使い方から実際に使う上で考慮することまで含めて書きます。 長くなりそうなので単に使うだけの基礎編とモジュールを作る上で気をつけることをまとめた応用編に分けて書きます。 Bower とは Twitter社が作ったフロントエンド用のパッケージマネージャです。 Java で言う Maven、 Ruby で言う gemPerl で言う cpan のようなものです。 Node.jsには npm と呼ばれるパッケージマネージャがありますが、それに強く影響を受けています。 パッケージマネージャを利用することでライブラリを自分で管理する必要がなくなり、管理するファイルの数を減らすことができます。 また、パッケージマネージャを利用することでライブラリのバージョン管理をしやすくなります。 さらに自分のライブラリを Bower comp

    Bower入門(基礎編) - from scratch
    oppara
    oppara 2013/06/11
    Bower入門(基礎編) - from scratch
  • Bower入門(応用編) - from scratch

    Bower入門(応用編) さて、応用編を書いていきます。 基礎編ではBowerのインストールとライブラリ管理する上での基的なコマンドを紹介しました。 応用編ではBowerのライブラリを管理する上で利用するべきツールやライブラリを公開する上で心がけるべきことについて書いていきます。 少し長いのでサマリ Bowerを管理する上で利用すると良いツール:grunt-bower-taskがオススメです ライブラリを公開する上で心がけること、その1:mainとignoreをちゃんと書きましょう ライブラリを公開する上で心がけること、その2:ちゃんとgit tagを使ってバージョン管理しましょう Bowerからインストールしたライブラリを利用する場合 前回の基礎編で少し書きましたが、おさらいすると、Bowerはあくまでパッケージマネージャなので、インストールしてもフォルダ構造までは変えてくれません。

    Bower入門(応用編) - from scratch
    oppara
    oppara 2013/06/11
    Bower入門(応用編) - from scratch
  • TechCrunch | Startup and Technology News

    Less than one year after its iOS launch, French startup ten ten has gone viral with a walkie talkie app that allows teens to send voice messages to their close… While all of Wesley Chan’s success has been well-documented over the years, his personal journey…not so much. Chan spoke to TechCrunch about the ways his life impacts how he invests in startups.

    TechCrunch | Startup and Technology News
    oppara
    oppara 2013/06/11
    iOS 7のフラットデザインでアプリを開発するための移行ガイドをAppleが発行 | TechCrunch Japan
  • Time Tracking, Invoicing and the lives of Freelancers - Paydirt Blog

    Tips and Tricks for Freelancing More Effectively and Profitably, Getting Started and the Interesting People Who Call it Their Life. A Semester at Sea in college and the loss of a close family member made Adam Nubern realize that there’s more to life than clocking hours in a cubicle. Rather than sticking it out on the corporate career ladder, Adam took the leap and started his own freelance bookkee

    oppara
    oppara 2013/06/11
    Backbone.js in Practice: Part II – Dirty Object Handling » Paydirt Time Tracking
  • Time Tracking, Invoicing and the lives of Freelancers - Paydirt Blog

    Tips and Tricks for Freelancing More Effectively and Profitably, Getting Started and the Interesting People Who Call it Their Life. A Semester at Sea in college and the loss of a close family member made Adam Nubern realize that there’s more to life than clocking hours in a cubicle. Rather than sticking it out on the corporate career ladder, Adam took the leap and started his own freelance bookkee

    oppara
    oppara 2013/06/11
    Backbone.js in Practice: Part I – Preventing Memory Leaks » Paydirt Time Tracking
  • jQueryのパフォーマンスを下げるアンチパターンに関する超意訳 - Qiita

    以下のスライドを意訳したものです。Compress周りについては触れていません。「いやいや、最新の書き方だともっと良い書き方があるんだよ!」という方のコメントをお待ちしております! http://www.slideshare.net/paul.irish/perfcompression クエリをキャッシュする // 悪い例 var id = $("#content").data("id"); var itemId = $("#content").data("item-id"); // 良い例 var content = $("#content") var id = content.data("id"); var itemId = content.data("item-id"); // 悪い例 $.each(reallyLongArray, function(count, item) { v

    jQueryのパフォーマンスを下げるアンチパターンに関する超意訳 - Qiita
    oppara
    oppara 2013/06/11
    jQueryのパフォーマンスを下げるアンチパターンに関する超意訳 #jQuery #JavaScript - Qiita [キータ]
  • 「へぇー」と言ってしまうかもしれない、css3の使い方 | 株式会社LIG(リグ)|DX支援・システム開発・Web制作

    こんにちわ。 子供の出産予定日を過ぎているので、毎日お腹に応援歌を歌ってるADの野田です。 前回書かせていただきましたデザイナー募集の記事では、 一切笑いのない記事となり大変申し訳ございませんでした。 してやったりだったので、ドSな僕としてはちょっと快感でした。 今回、cssを使っていて私自身が「へぇー」となったものを記憶をたどってご紹介させていただきます。 常に、新しい技術等をチェックしているつもりですが、 日々の業務との葛藤で、つい情報を見逃してしまうこともございます。 そんな方は、今回の記事を見て「へぇー」っと、なっていただけると嬉しいです。 知らなくても恥ではないので、これを期に使ってみましょう。 なお、今回は単純に「こんなの出来るんだ」ということを知ってほしいだけなので、 対応のブラウザやバージョンは記載していません。 ご了承ください。 文字は透過せず、背景のみを透過する これは

    「へぇー」と言ってしまうかもしれない、css3の使い方 | 株式会社LIG(リグ)|DX支援・システム開発・Web制作
    oppara
    oppara 2013/06/11
    「へぇー」と言ってしまうかもしれない、css3の使い方 | 株式会社LIG