MEMOPATCH

雑誌のように美しいレイアウトを生み出すために、Flipboardが開発したレイアウトエンジン

e

雑誌のページをめくるように、美しいレイアウトでニュースやブログ記事を読めると人気のFlipboard。その雑誌のようなレイアウトを生成するレイアウトエンジンについて、Flipboardのエンジニアブログに“Layout in Flipboard for Web and Windows”というタイトルで解説されていました。そのレイアウトを生み出すまでのプロセスがあまりに面白かったので、今回その著者のCharles Ying氏に許可を得て翻訳させて頂きました!

(以下、2014年3月24日にCharles Ying氏によって書かれた、“Layout in Flipboard for Web and Windows”の翻訳です。)

  • このエントリーをはてなブックマークに追加

海外で人気のWebサイト制作ツール、Salon.ioとGoodpatchのローカライゼーション

salongoodpatch

Goodpatchがローカライズに取り組んだ、Salon.ioという海外で人気のサービスの日本語版がリリースされました!Salon.ioとは、コードを書かずにドラッグ&ドロップだけで、自由にWebサイトを作ることができるツールです。今回の記事では、Salon.ioのサービス紹介と、ローカライズの経験から見えてきたことについてお話します!

  • このエントリーをはてなブックマークに追加

サンフランシスコ&シリコンバレー旅行で役立ったアプリ、ツール、サービスまとめ

sfte

以前からお伝えしていましたが、Goodpatchでは社員旅行として年末年始にサンフランシスコ&シリコンバレーに行ってきました!その際にGoodpatchらしく、それぞれアプリやツールを活用していたので、今回MEMOPATCHでそれらをまとめてみます。サンフランシスコやシリコンバレー以外の場所へ旅行に行った際も役立つものが多いと思うので、皆さんも海外旅行に行かれる際は参考にしてみてくださいね!

  • このエントリーをはてなブックマークに追加

Goodpatchのデザイナーが選ぶ、インスピレーションを得られるサイトまとめ

memo_di

先日@yajijiさんの「デザイナーとして煮詰まった時に見るサイト9つ」という記事が話題になりましたが、皆さんはデザインする前や、何かアイディアが思い浮かばないときなどにチェックしているサイトはありますか?それぞれお気に入りのサイトがあるかと思いますが、そういったインスピレーションが得られるようなサイトはいくつ知っておいても損はありませんよね。というわけで今回は、Goodpatchのデザイナーが日々チェックしていたり、デザインのインスピレーションを得たいときに見ているサイトをまとめて紹介します!(※DribbbleBehanceDesigner Newsなど、@yajijiさんが挙げていた9つは除いています。)

  • このエントリーをはてなブックマークに追加

膨大なコンテンツを美しく、レスポンシブで見せているWebサイトまとめ

hcthumbnail

ニュースサイトやイメージギャラリー、ブログなどの情報量やコンテンツが多いWebサイトをデザインするのは大変ではないでしょうか。日々、情報の更新があるようなWebサイトはコンテンツを整理し、かつ見やすいようにレイアウトしなければなりません。そこで今回は「25 Beautiful Content Heavy Websites」で紹介されていた中から “膨大なコンテンツを美しく、さらにレスポンシブで見せているWebサイト” をいくつかピックアップしてまとめてみました!

  • このエントリーをはてなブックマークに追加

パララックスを使ったストーリー性のあるWebサイトまとめ

sp_thumbnail

昨年度からWebサイトに取り入れられ始めたパララックス効果、現在でも取り入れられているWebサイトをよく見ます。実際にパララックスが取り入れられているWebサイトを実際に触って興味を持ったり、作成された方もいるのではないでしょうか。参考にできるパララックスを使ったサイトはたくさんありますが、今回はパララックス効果を上手く取り入れ、ストーリーを印象的に伝えているサイトをまとめてみました!
(参考: 15 Awesome Websites That Tell a Story As You Scroll

  • このエントリーをはてなブックマークに追加

アプリのデザインも期待できるランディングページまとめ15つ

thumb

こんにちは!MEMOPATCHでアプリ紹介をする際に毎回、そのアプリを作っている会社、またはランディングページへのリンクも掲載しています。色々なランディングページをチェックすることで、アプリのデザインが優れているとランディングページのデザインも優れていることに気がつきました。

そこで今回は「アプリのデザインも期待できる、優れたデザインのランディングページ」をまとめてみました!
Webサイトとしてデザインが優れているものアプリの機能がわかりやすいものアプリを使ってみたくなるものを集めてみました!

  • このエントリーをはてなブックマークに追加

思わず就職したくなるデザインの採用ページまとめ13こ

thumbnail

こんにちは!
前回の記事「Webサイトを魅力的にするAboutページまとめ8つ」に引き続き、Webサイトの特定のページをまとめてみました!
今回まとめたのは「採用ページ」です!

  • このエントリーをはてなブックマークに追加

Webサイトを魅力的にするAboutページまとめ8つ

BlogThumb

こんにちは!みなさんはWebサイトを見ている時、Aboutページをチェックしますか?
今回たまたま見つけたWebサイトのAboutページがとても個性的でおもしろかったので、Aboutページについて調べてみました!(そのWebサイトは最後にご紹介します)
Aboutページについて調べていたところ、「16 Tips for a Better Website(Webサイトをより良くする16のTips)」という記事にWebサイトをより良くするTipsとしてAboutページのことが書かれていました。(以下翻訳抜粋)

ビジネスパーソンや顧客がお仕事をお願いする時、たいていどんな人と仕事をするかに興味が湧きます。あなたのチームの写真や経歴をAbout usページに記載してみてください。技術的なスキルや資格などを書くのもいいですが、趣味や家族、好きな事を書く事で人間味がでます。


確かにAboutページで社員さん一人一人の個性が紹介されていると、その会社にも興味が湧きますよね。ということで、今回はAboutページに関する海外のブログを紹介します!
(このブログはWDL21 Inspiring About Pages」の翻訳抜粋記事です。)

  • このエントリーをはてなブックマークに追加

なぜ日本のWebデザインはダサいのか?

quorathumb

こんにちは!
みなさんQuoraというサイトをご存知ですか?QuoraはFacebookの元CTO(最高技術責任者)が立ち上げたQ&Aサイトです。実名+肩書きの登録が必要なので、他のQ&Aサイトより回答者のクオリティが高い事が特徴のようです。(日本だとYahoo知恵袋が似ているWebサービス)

今回Quoraで日本のWebデザインについての興味深い質問を見つけたので、その質問と回答のいくつかを記事にしてみました。(記事ネタQuestion :Why is web design so bad for Japanese websites?

  • このエントリーをはてなブックマークに追加