雑誌のように美しいレイアウトを生み出すために、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キロバ
DeNA プロジェクトオーナーが語る「マンガボックス」のUI・企画・ビジネスモデル
前回に引き続き、「非ゲーム系アプリ ビジネスモデル最前線」というイベントのレポートです。 前回：Moneytree創業者が語る、10年後を見据えたビジネスモデル 今回：DeNA プロジェクトオーナーが語る「マンガボックス」のUI・企画・ビジネスモデル お話いただいたのは、DeNAプロジェクトオーナーの川崎渉氏。マンガ好きだそうです。「好きこそものの上手なれ」でしょうか。 以下、講演メモです。 マンガボックスとは ・アプリで読める週刊誌 ・人気作家の描き下ろし連載 ・基本無料 ・複数出版社の作品が掲載 ・同時に世界配信 ダウンロードの7割がiOSとのこと。 なぜDeNAがマンガを？ ・DeNAはマンガ原作のゲームを出している ・マンガ業界の背景： 雑誌発行部数が毎年現象 ＝ 発表の場が減少、 but マンガ需要は存在 →マンガ発表の場を再び拡大すべく、プラットフォームを作ることにした ・行動
UI/UXが学べる神スライド7選 | Find Job ! Startup
FINDJOB! 終了のお知らせ 2023年9月29日にFINDJOB!を終了いたしました。 これまでFINDJOB!をご利用いただいた企業様、求職者様、様々なご関係者様。 大変長らくFINDJOB!をご愛顧いただき、誠にありがとうございました。 IT/Web系の仕事や求人がまだ広く普及していない頃にFind Job!をリリースしてから 約26年間、多くの方々に支えていただき、運営を続けてまいりました。 転職成功のお声、採用成功のお声など、嬉しい言葉もたくさんいただきました。 またFINDJOB!経由で入社された方が人事担当になり、 FINDJOB!を通じて、新たな人材に出会うことができたなど、 たくさんのご縁をつくることができたのではないかと思っております。 2023年9月29日をもって、FINDJOB!はその歴史の幕を下ろすこととなりましたが、 今後も、IT/Web業界やクリエイティブ
Tumblr.の秀逸なユーザー登録UI
10代に大人気のTumblr.(タンブラー)、使ってますか？ GIF画像を用いた投稿が多いタンブラーは好き嫌いが分かれそうですが、タンブラーのユーザー登録画面はきっと皆様好きになること間違いありません。 非常にシンプルでありながら要所要所に散りばめられた技術が光るタンブラーのユーザー登録画面は、AARRRの一番最初「Acquisition(ユーザー獲得)」最適化に向けて是非ともお手本にしたい一例なんです！ 七変化する背景画像 上記の画像がタンブラーの基本ユーザー登録画面構成です。 背景画像にはユーザーが投稿した写真を採用し、ランディングページを訪問するたびに背景画像が変化する、画像中心のSNSであるタンブラーならではの工夫です。 例えばこんなのや、 こんなのまで、 画像の種類も様々で、遊び心が感じられますね。 簡潔で分かりやすいキャッチコピー “Follow the blogs you’v
ズルいデザインテクニック2013 + セミフラット version
[大阪] プログラマー向けデザイン勉強会で発表させていただきました。 http://connpass.com/event/3086/ --- [あわせて読みたい] KSSで作るパターンライブラリ by @machida https://speakerdeck.com/machida/k…
UXデザイナーがプロジェクトを進めるための8つの心構え | GREE Creators Blog
みなさま、はじめまして。 UXチーム マネージャーのtakuyaです。 UXデザイナーの役割は様々です。 ただUXアプローチメソッドをプロジェクトに組み込んだだけでは、他のメンバーからアカデミックな印象をもたれてしまいがち。また、様々なメソッドアプローチがあるため、どこから手を付けていいかわからず、いつ、どのようなアクションを行うべきか迷うことも多いと思います。 そこでUXに関しての第一回目は UXデザイナーがプロジェクトをうまく進めるための心構えとコツを8つにまとめてみました。 1. 『お客さま』を常に意識しよう 日々の売り上げやKPIを追っていると見失ってしまいがちになる「お客さま」。 モノづくりの際には、必ず「お客さま」を意識する必要があります。 また、お客さまがそのサービスを利用するにあたっては、必ず「使う理由」があるはずです。 プロジェクトメンバーにそのことを理解してもらうために
STORES.jpのつくりかた
Speaker: Lydia Di Francesco In this workshop, participants will delve into the realm of AI and its profound potential to revolutionize employee wellness initiatives. From stress management to fostering work-life harmony, AI offers a myriad of innovative tools and strategies that can significantly enhance the wellbeing of employees in any organization. Attendees will learn how to effectively levera
伊藤直也氏が語る、モバイルアプリケーション開発のいまとこれから（前編）～Salesforce Developer Conference Tokyo 2013
伊藤直也氏が語る、モバイルアプリケーション開発のいまとこれから（前編）～Salesforce Developer Conference Tokyo 2013 いま多くの開発者が取り組もうとしているモバイルアプリケーションの開発は、経験の面でも技術の面でも、コンシューマ向けの開発現場が大きく先行しています。 9月6日開催されたSalesforce Developer Conference Tokyo 2013のセッション「B2Cからみたモバイルアプリケーション開発のいまとこれから」では、コンシューマ向けサービス開発の現場に身を置いてきた伊藤直也氏が、モバイルアプリケーション開発を成功させるための方法を、これまでの経験や現在の開発現場で得たノウハウなどを基に語っています。 試行錯誤の回数を増やす、iOSとAndroidは同じように作ってはいけないなど、モバイルアプリケーション開発に関わるエンジ
FINDJOB!終了のお知らせ | FINDJOB!
FINDJOB! 終了のお知らせ 2023年9月29日にFINDJOB!を終了いたしました。 これまでFINDJOB!をご利用いただいた企業様、求職者様、様々なご関係者様。 大変長らくFINDJOB!をご愛顧いただき、誠にありがとうございました。 IT/Web系の仕事や求人がまだ広く普及していない頃にFind Job!をリリースしてから 約26年間、多くの方々に支えていただき、運営を続けてまいりました。 転職成功のお声、採用成功のお声など、嬉しい言葉もたくさんいただきました。 またFINDJOB!経由で入社された方が人事担当になり、 FINDJOB!を通じて、新たな人材に出会うことができたなど、 たくさんのご縁をつくることができたのではないかと思っております。 2023年9月29日をもって、FINDJOB!はその歴史の幕を下ろすこととなりましたが、 今後も、IT/Web業界やクリエイティブ
フラットデザインのwordressテーマ37個 | A!@attrip
フラットデザインのwordressテーマ37個です。 最近日本のYahooもフラットデザインを採用して話題になっているので、 フラットデザインのテーマを検討する人も多いんじゃないのかな？と思って並べてみます。 コメントでそもそもフラットデザインってなんなの？ こちらが参考になると思います。 5分で分かる製作現場（8）：5分で分かるフラットデザイン (1/5) – ＠IT http://www.atmarkit.co.jp/ait/articles/1306/11/news094.html Metro – Windows 8 Metro WordPress Theme MORE INFO / DEMO めっちゃwindows8ぽいｗ Business Essentials Premium WordPress Theme – MORE INFO / DEMO
絶対見ておきたい有名企業のスマホサイトまとめ (1/5)
この記事で取り上げているスマートフォンサイトの「BEFORE & AFTER」を以下の記事で紹介しています。合わせてご覧ください。 日本のスマホサイトは2年間でこんなに変わった iPhone、Androidの普及を背景に、スマートフォンのブラウザー向けにコンテンツや表示を最適化した「スマートフォンサイト」（スマホサイト）を開設する企業が増えている。当初はiPhone（iOS）の標準UIに倣った画一的なデザインが多かったが、最近では独特のレイアウトや斬新な色使いの個性的なスマートフォンサイトも増えてきた。 ここでは、Web制作者が見ておきたいスマートフォンサイトを紹介する。実務で参考にできるように、対象を日本語の企業サイトに絞り、業種別に分類してまとめた。スマートフォンサイトの制作に入る前にチェックしておこう。
キャズムを超えろ！ - 団塊～シニア層向けのWeb設計 やっちゃいけない10のＵＩ
一時期パソコン教室の講師をやっていたことによる経験と、昨今Webサービス運用にあたって中高年層からのクレームなどを自分なりにまとめた結果として、50代以上のユーザに対するWebサービス＆PCアプリケーションのUI設計における以下10のTIPSを公開してみたいと思う。...といってもたかだか10個で収まる簡単な話ではないので、思いついたら都度追加して行きたい。 ID，ニックネームを考えさせてはいけない。半角英字開始限定は論外 IDやニックネームが思いつかない方が多い。これはシニアに限らず、ITリテラシーがそれほど高くない若年層についても言えること。作る側の人間も「過去にWebで使ったID,Nicknameは全て使っちゃダメ。何か新しいのを考えて入れてみて。」と言われると結構悩んじゃうもの。それと同じ状態に陥ると思っていただけるとわかりやすい。「IDのかわりに電話番号でもいいですよ」というと結
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
motions.me
Geospectrum | Employee Portal
STORES.jpトップページのつくりかた
Good night, Posterous
http://www.designwalker.com/2009/04/wireframe-2.html
[ MSN ] Web Messenger![[ MSN ] Web Messenger](https://cdn-ak-scissors.b.st-hatena.com/image/square/710cfa790cecb8444591c0e6d0cf27f9af16a1be/height=288;version=1;width=512/https%3A%2F%2Fstatic-global-s-msn-com.akamaized.net%2Fhp-ks%2Fsc%2Fc6%2F519670.jpg)