雑誌のように美しいレイアウトを生み出すために、Flipboardが開発したレイアウトエンジン | Goodpatch Blog
はじまり 2010年、私たちはFlipboard Pagesという、Webの記事をiPad向けにマガジンページにするというレイアウトエンジンを作りました。 Flipboard Pagesは、Vanity FairやNational Geographicと言った世界一流の出版社のコンテンツをページ割します。 Pagesは、それぞれの出版社のブランドアイデンティティとカスタムタイポグラフィーを再現する美しいレイアウトを生み出すことが出来ます。限定されたモバイルデバイス（例えばiOS 3.2のオリジナルiPad）でも充実かつ高いパフォーマンスでレンダリングするために、PagesはCSS3、SVG、そしてvanilla JavaScriptを使いました。出版社のレイアウトのためのダウンロードファイルサイズは平均すると、およそレイアウト、スタイリング、フォント、ネームプレートイメージなどで90キロバ
Photoshop For Developers: Making a Leather Navigation Bar
This is a blog post by iOS Tutorial Team member Tope Abayomi, an iOS developer and Founder of App Design Vault, your source for iPhone App Design. In this tutorial, you’ll learn how to make a stylish leather navigation bar for your app, complete with buttons – from scratch! Not only will you go through creating the design, you’ll also export the custom bar and buttons and get them working in a sam
iPhoneやAndroidのUIパターンを収集するシンプルで見やすいギャラリーサイト・Patterns of Design
いくつか同じようなギャラリーサイトは ありますが、こちらもなかなか見やすか ったのでメモ。スマートフォンのUIの パターンギャラリーサイトです。スマー トフォンに限らず、通常のWebサイトの パーツデザインの参考にもなりそうです。 特にスマートフォンのUIは細かい部分のこだわりが見られてとても参考になりますので見ておいて損は無いかと思います。 シンプルな作りです。パーツはカテゴリで分けられていて探しやすいです。ちょっと重いかな・・ 例えばこちらはグリッドのカテゴリ。同じ幅、同じ高さという限られた空間の中で、様々な工夫が見られます。 クリックするとその場でLightbox風にポップアップします。iTuneへのリンクもあるので確認しやすいですね。 同じようなギャラリーサイト似たようなサイトは沢山あるので合わせてチェックしてみてはいかがでしょう。 Mobile UI Patternspttrns
API Design Matters http://queue.acm.org/detail.cfm?id=1255422 - 言語ゲーム
http://d.hatena.ne.jp/oraccha/20090606/1244225100 経由で。 C# の Select() 関数についてひとしきり文句を書いた後に、実際良い API を作るコツを挙げている。 API は必要な機能を備えろ タイムアウトが 35 分以内で無ければならないとか、微妙な制限があってはならない。 API は不便を感じない限り出来るだけ小さく 例えば UNIX で wait, waitpid, wait3 wait4 と色々あるのはやり過ぎ。wait4 だけでよい。微妙に似た関数が沢山あって、一つの一般的な関数で他の奴が実装出来ない作りになってるのが最悪なパターン。 文脈なくして API なし キーから辞書を引いて文字列を返す関数を考える。キーに対応する文字列が無かった時、次のやり方があるだろう。 例外発生 null を返す 空文字列を返す どれが正しい
CSS Sprite Generator, Editor, and Code
What are CSS Sprites CSS sprites are a way to reduce the number of HTTP requests made for image resources referenced by your site. Images are combined into one larger image at defined X and Y coorindates. Having assigned this generated image to relevant page elements the background-position CSS property can then be used to shift the visible area to the required component image. This technique can
おすすめホワイトボード - N2 ToolBox(跡地)
ホワイトボード (たけぞう) 2008-09-14 22:36:48 僕らは4人で二枚使っていました。 場所さえあれば、枚数は多いほどいいですね。 ホワイトボードお持ちの方 (ゲンゾウ) 2008-09-19 05:54:51 始めまして。 初コメントです。 プロジェクト内でホワイトボードお持ちの方、 多いですね。 マグネットで壁に貼り付けるタイプや、 ビニールみたいなのでくるくる巻いて持ち運んでいたり。 僕も購入考えてみようかな。 まずは月一万のおこづかいを・・・ Unknown (のせ) 2008-09-19 20:26:25 壁に貼付けるタイプのやつは使ったことないですね。 あいにく作業場所も壁際じゃなかったので。 このホワイトボードは場所を選ばず設置できるところが良いです。 お値段を節約したい方には、コルクボードもおすすめです↓ http://www.askul.co.jp/p/9
平々毎々 (Hey hey, My my) | UIパターン その1
Martin Fowlerの"GUI Architectures"を訳したので公開しようと思ったのだが、FAQページに「EAA developmentとかDSLなんかは商業出版するんで例外ってことで」と書いてある。面倒だったので翻訳の公開はやめて、「自分の理解を書く」というスタイルにしようと思う。 Fowler氏が説明しているのは 「フォームとコントロール」、「モデルビューコントローラー (MVC)」、「プレゼンテーションモデル」、「アプリケーションモデル」、「モデルビュープレゼンター (MVP)」の5つ。なお、後ろの3つは、どれもMVCの変種だ。 氏のサンプルでは、「アイスクリーム濃度のアセスメント」というネタになっているが、ここでは「BMIによる肥満度判断」にする。実際のところ、動作はほとんど同じだ。 フォームとコントロール よくあるGUIのスタイルというか、VBに代表されるポ
CSSデザインカタログ
対応ブラウザは Windows：InternetExplorer6，InternetExplorer7，Firefox2，Opera9 Mac：Firefox2，Opera9，Safari2 ですが，ブラウザによって若干表示が異なる部分もあります。 XHTML 1.0 でマークアップしてあります。 DOCTYPEスイッチによる標準モードに対応しています。InternetExplorer6 でXML宣言をし互換モードになった場合にも対応しています。 Netscape7，Mac InternetExplorer5 では期待通りに表示されないものがいくつかあります。 便宜上，分類コード（div011-hp，table010 など）を class名にしてありますが，実際にお使いの際には適切な class名に変更してください。 すでにお使いのCSSファイルに新たにCSSコードを追加した場合，既存
UMLGraph now lives under http://www.umlgraph.org
In line with the increasing involvement of the UMLGraph community in the development and support of UMLGraph, UMLGraph now lives under its own domain. If you have arrived to this page through a link, please update it or notify its administrator. The page's new location is http://www.umlgraph.org. Follow this link if you are not redirected automatically there in two seconds.
mysql:12071 階層化されたデータをMySQLで扱う
From: zen kishimoto <zen kishimoto <zen@xxxxxxxxxx>> Date: Sat, 03 Sep 2005 09:24:15 -0700 Subject: [mysql 12071] 階層化されたデータをMySQLで扱う （Managing Hierarchical Data in MySQL） http://dev.mysql.com/tech-resources/articles/hierarchical-data.html （図はこのサイトを参照のこと） Mike Hillyer著 初めに 多くのユーザーは一回くらいはSQLデータベース内で、階層化したデータを 扱ったことがあると思います。そのときはリレーショナル データベースは階層化したデータ用に開発されなかったと考えたと思います。 リレーショナルデータベースのテーブルは階層化されておらず
【コラム】ダイナミックObjective-C (6) Cocoa-Javaの挑戦とは? - 似て非なるセレクタとリフレクション | エンタープライズ | マイコミジャーナル
CocoaはObjective-Cを用いてAPIが提供されている。だが、この非常にマイナーな言語だけでは辛いと思ったのか、JavaによるAPIも存在する。つまり、JavaとObjective-Cをつなぐブリッジを実現したのだ。ともにオブジェクト指向言語であるこの2言語だが、当然いろいろな違いもある。 その違いを吸収するために、Cocoa-Javaブリッジでは様々な工夫が行われている。特に苦心の跡が見られるのは、前回説明したターゲット/アクションパラダイムのJava実装だ。今回は、ここを詳しく解説しよう。動的なObjective-Cと、静的な言語の考え方の違いが明瞭に現れているポイントだ。 似て非なるObjective-Cのセレクタと、Javaのリフレクション Cocoaのターゲット/アクションパラダイムとは、一言で言えば、任意のオブジェクトの任意のメソッドを呼び出すもの。つまり、オブジェク
cocok.jp
車を担保にキャッシングする方法 良く街頭で「車乗ったままでキャッシング」を広告を見かけることがあります。最近お金に困っており、自家用車でキャッシングできるなら、それを担保にしてお金を借りたいと思っています。具体的にどんな方法を取るのでしょうか？また、その際に気をつけることがありますか？ 所有権を債権者に移す方法が主、怪しい業者もたくさんある まず車を担保にする、というのがどういうことかを考えてみましょう。担保にすることには主に2種類の目的があります。一つは相手に借りたお金をきちんと返すようにとのプレッシャーを掛けること、そして、もう一つは万が一相手がお金を返せなくなった時に、担保物を売却してそこから債権回収を図る、ということです。 それを考えると、車の場合、不動産のような抵当権を設定するわけに行きませんから、質権などの担保権を設定するか、もっとお金を貸す側にとって心強いのは、車の所有権その
サルでもわかる 逆引きデザインパターン 第1章 はじめてのデザインパターン はじめに:
第1章 はじめてのデザインパターン はじめに デザインパターンとは 特集の構成 すぐわかるオブジェクト指向 すぐわかるUML おわりに 第2章 逆引きカタログ ロジック編 Singleton (シングルトン) Factory/Factory Method (ファクトリ/ファクトリメソッド) Strategy (ストラテジ) Composite (コンポジット) Visiter (ビジタ) 第3章 逆引きカタログ J2EE編 Template Method (テンプレートメソッド) Facade (ファサード) ViewHelper (ビューヘルパ) DAO (Data Access Object) 第4章 逆引きカタログ その他 ユーティリティクラス 実行時例外を標準的に使う Nullオブジェクト 第5章 デザインパターン適用の勘所 はじめに アプリケーションの仕様 リファクタリング前のサ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
はてなブログ | 無料ブログを作成しよう
http://www.tech-arts.co.jp/martinfowler/ap2/
http://www.chariotsolutions.com/javalab/slides.jsp