フォントや文字のデザインをUI上で見やすくするコツをまとめた「Typography for User Interfaces」
by Marco / Zak ウェブサイトやアプリをデザインするにあたって、使いやすい・読みやすいコンテンツを作成するために必ず考えなければいけないのが「情報をどのように配置するのか」ということ。情報の多くは文字や文章で表示されるということで、ウェブデザイナーのViljami Salminenさんが、なぜウェブデザインにとって文字列が重要になるのか、どうすれば読みやすい文字列をデザインできるのかをまとめています。 Typography for User Interfaces | Viljami Salminen https://viljamis.com/2016/typography-for-user-interfaces/ ◆グラフィカルユーザインタフェース(GUI)の成り立ち GUIの歴史の中で重要な転換点にいるのが、マウスによるウィンドウ操作を初めて導入したゼロックスのコンピューター
JPEG画像の約半分のファイルサイズで同品質のものを表示できる画像形式「BPG」が誕生、実際に使ってみるとこんな感じ
同品質のJPEG画像と比較するとファイルサイズを約半分以下に縮小できる新しい画像形式が「BPG」で、FFmpegやJavaScriptだけで動くLinux「JSLinux」などを開発したFabrice Bellard氏が開発した画像形式です。ただサイズが軽いというだけではなく、グレイスケール・YCbCr＝4:2:0・4:2:2・4:4:4・RGB・YCgCo・CMYKなどの色空間をサポートし、アルファチャンネルや可逆圧縮にも対応しています。 BPG Image format http://bellard.org/bpg/ BPGが他の画像形式と比べてどれくらい優れているのかを比較できるのが以下のページ。2種類の画像形式で同程度のファイルサイズの画像を表示させており、「mozjpeg」とBPGとで同じ画像を比較すると、BPG画像の鮮明さが際立ちます。 BPG Image Comparison
なぜ流行に敏感な人たちは誰もが同じような格好をしているのか、を数学者が解明
By freeparking :-| 「なんで日本人はオシャレすればするほど、みんな同じ格好になっていくんですか？」という質問がYahoo!知恵袋にあがってくるほど、オシャレな人が同じような格好をしていると感じる人は多くいるようですが、そんな謎をJonathan Touboul氏が数学を駆使して解明しています。 The mathematician who proved why hipsters all look alike - The Washington Post http://www.washingtonpost.com/news/storyline/wp/2014/11/11/the-mathematician-who-proved-why-hipsters-all-look-alike/ 数学者であり、神経科学者でもあるJonathan Touboul氏は、フランスの理工系エリート
スパム業者のメールアドレス収集方法とその防衛対策とは？
By Florian F. (Flowtography) 迷惑メールの被害を世界規模で見てみると、GoogleやYahoo!のような大手IT企業は年間300億ワットの電力を使用していますが、これは300万軒の家庭を賄うのに十分な電力と同等。もし迷惑メールが無ければ、多くの企業がエネルギーとお金を節約できるはずです。個人規模でも、強力な迷惑メールフィルタを使用しても、誤って通常のメールが分類されることがあるため、結局は迷惑メールフォルダを度々確認する時間を割かれてしまいます。そんな迷惑メールを送信するスパム業者は一体どうやってメールアドレスを仕入れているのか？ということが研究され、入手経路と防衛手段が明らかになっています。 How do spammers harvest your e-mail address? · Karan Goel http://karan.github.io/emai
「blinkタグ」の開発者が明かすテキスト点滅タグが生まれた知られざる理由とは？
By Steven Martin 「blinkタグ」とはテキストを点滅させる効果を持つHTMLコマンドの1つで、多くの人々に最も嫌われるタグの1つとして知られています。Netscape Navigator 2.0に独自に実装されていたものですが、IEはもともとサポートしておらず、2013年にFifefoxがblinkタグのサポート廃止したこともあり、近頃は見かけることもなくなっています。そんなBlinkタグの発明者自らが、「なぜblinkタグを開発したのか？」というおもしろおかしな開発秘話を語っています。 the origin of the tag - www http://www.montulli.org/theoriginofthe%3Cblink%3Etag 1994年当時、ルーさんはNetscapeを設立したエンジニアの１人であり、現在のポピュラーなブラウザの先駆けとなったテキスト
Amazon倉庫で身分を隠して働いた記者が語る「過酷な労働環境」とは？
By Thomas 世界最大のオンラインショッピングサイトAmazonが商品を保管している物流センター倉庫内での過酷な就労環境はしばしば問題視されています。Mother Jones誌の記者であったマック・マクリーランド氏は、身分を隠してAmazonの倉庫従業員に採用され潜入取材を行うことにより、その過酷な実態を明らかにしています。 I Was a Warehouse Wage Slave | Mother Jones http://www.motherjones.com/politics/2012/02/mac-mcclelland-free-online-shipping-warehouses-labor Inside Amazon's Warehouse - mcall.com http://www.mcall.com/news/local/mc-allentown-amazon-co
ウェブサイトやブログによくあるリストデザインが流行のグリッドデザインよりも有効なわけ
「ウェブの未来を担う次のUIデザインは『カード』にあり」と言われるなど、ウェブサイトを格子状にレイアウトしたグリッドデザインは人気で、多くのアプリやウェブサイトで採用されていますが、実際にグリッドデザインと以前からあるリストデザインの2種類をテストしてみたところ、「リストデザインの方が明らかに見やすく、ユーザーの反応がいい」という結論が出ました。 List Beats Grid: Linear Feeds Perform Two to Three Times Better Than Grids http://blog.getprismatic.com/list-beats-grid-linear-feeds-perform-two-to-three-times-better-than-grids-2/ グリッドデザインとリストデザインのどちらが本当に効果的なのか？ということを調査したのはソ
おばあちゃんが最期に残し20年間も未解決だった謎の暗号がネットの集合知によって爆速で解明へ
病床に伏していたおばあさんが最期に残したのは、一見すると意味を持たないアルファベットが暗号のように羅列された手書きのカードでした。残された家族はそれから20年間もその謎を解き明かすことができずにいたのですが、ネット上のフォーラムに書き込んでみたら突然のように次から次へと解析が進むという事態になっています。 Decoding cancer-addled ramblings - code decode braincancer | Ask MetaFilter http://ask.metafilter.com/255675/Decoding-cancer-addled-ramblings 暗号カードの写真を投稿したJannaKさんとそのいとこがまだ10歳ぐらいの時、脳腫瘍を患っていた祖母は死の間際にはもう会話することもままならない状態で、最期に大文字のアルファベットを手書きで羅列したカードを2
NASAのマニュアルに学ぶ読みやすいタイポグラフィを作る11個のルール
航空機のコックピット内には、緊急時対応マニュアルなど多くの書類が置かれていますが、マニュアルが読みにくく緊急時に対応できない、夜間飛行時に全く読めないなどの事例が1980年代に多数発生しました。そこで、NASAは読みやすい書類を書くために過去の文献などを徹底的に調査して、コックピットやフライトデッキのマニュアルに使用するタイポグラフィのマニュアルを作成。調査書には、読みやすいタイポグラフィを作るためのルールがまとめられており、現在のウェブデザインにも活用できる内容になっています。 (PDFファイル) ON THE TYPOGRAPHY OF FLIGHT DECK DOCUMENTATION - Flight-Deck_Documentation.pdf http://ti.arc.nasa.gov/m/profile/adegani/Flight-Deck_Documentation.p
日本のAmazonが実績から選定した「オールタイムベスト小説100」が発表
By Noelas 2000年のスタートから13年にわたって書籍オンライン販売を行ってきた日本のAmazonが選んだ「オールタイムベスト小説100」が発表されました。過去13年間の販売数、カスタマーレビューの評価をはじめとする各種データをもとに選ばれた100作品にはいったいどのようなものが含まれているのか、一気にまとめてみました。各ページの下部には、「最も参考になったカスタマーレビュー」もあわせて掲載されているので、作品を知る参考にもなるはずです。 オールタイムベスト小説100 http://www.amazon.co.jp/gp/feature.html?docId=3077738486 ◆永遠の0 (講談社文庫): 百田 尚樹 ◆海賊とよばれた男 上: 百田 尚樹 ◆博士の愛した数式 (新潮文庫): 小川 洋子 ◆空飛ぶタイヤ(上) (講談社文庫): 池井戸 潤 ◆下町ロケット: 池井
フィンランドの乳児死亡率が世界一低いのは段ボールで赤ん坊を育てているから - GIGAZINE
フィンランドでは75年前から政府が妊婦に「段ボール箱」を贈っています。この箱の中には衣服やシーツ、玩具などが入っており、さらに箱自体を赤ん坊のベッドとして使うこともできるという、まさに妊婦用のスターターキットのような箱なのですが、これがフィンランドの乳児死亡率を世界で1番低くしている要因だ、と主張する人もいる程に信頼されているものでもあります。 BBC News - Why Finnish babies sleep in cardboard boxes http://www.bbc.co.uk/news/magazine-22751415 政府から妊婦への贈り物であるこの箱は、1930年代から続いているもので、どのような生まれの妊婦にも贈られます。さらに、妊婦は箱を受け取るか現金140ユーロ(約1万8000円)を受け取るかを選ぶことも可能なのですが、95％もの妊婦が箱を受け取ることを選ぶ、
iOS7でアプリのデザインがどれだけ変わるかが分かるビフォーアフター集
「iPhoneが出てきた時以来の大きな変化」がもたらされたiOS 7では、余計なエフェクトがなくシンプルなフラットデザインが採用されましたが、それによって変わる各アプリのインターフェース・ビフォーアフターがTapFameでまとめられています。 iOS7 Redesign - Before and After Pics https://tapfame.com/ios7/ まずはつぶやき・URL・写真などが投稿できるSNSのTwitter。 新しい機能が追加されたTwitterでは会話をラインでつなげて表示されるようになったため、より会話の流れを見つけやすく、途中からでも会話に入れるようになりました。またグラデーション効果などが排除され、ミニマルなデザインに。 ブログソフトウェアのWordPress。 こちらもよりフラットなデザインになり、画面下部に表示されていたSNSボタンはなくなっています
iPhoneユーザーとAndroidユーザーがいがみ合いの果てに結婚式で殴り合いのバトル開始
結婚式で新郎側の出席者はiPhoneユーザーばかり、逆に新婦側の出席者はAndroidユーザーばかり、という状況下でどうでもいい些細なことをきっかけにお互いの怒りが爆発、すさまじい殴り合いのバトルに発展しています。 Switch to the Nokia Lumia 920 Windows Phone -- Engadget's Readers Choice Smartphone of the Year - YouTube 結婚式の最中 新郎新婦の関係者が左右に分かれて座り、お互いの持っているスマートフォンで撮影中 と、Androidユーザーがよりよいアングルで撮影するために前に出てきました ちょっと邪魔だからどけよ、という感じでiPhoneユーザーからクレーム 「ハァ？」という感じでなめた態度を取り始めるAndroidユーザー、どうやらGalaxyユーザーらしく、お互いの端末を接触させて
女性用シャンプーを男性が使用するととんでもないことになる
シャンプーのコーナーに行くと男性用と女性用が明確に分かれているわけですが、では男性が女性用を使うと一体どういうことになってしまうのか？というのを描いたのが以下のムービーです。 Funny Shampoo Commercial - Dove Men Shampoo - YouTube 書類を見ながらとことこと歩き、会社の同僚に声をかけます 途端に突如としてスローモーションになり、キューティクルな感じのつやつやさらさらヘアーが振り乱されまくり、BGMも「ア・ア～、ア～ア～♪」とそれっぽい曲に変貌 「何？」という感じで返事 呆然 続行されるさらさらヘアー 「お前、髪の毛に何かした？」 少し動くだけでさらさら～ 「いや……」 「だってシャンプーのコマーシャルでよく見るようなエフェクトがかかって見えるんだけど……」 「お前がこんな感じで髪の毛を動かすと見えるんだけど……」 「マジで？」 サラサラツヤ
Photoshop 1.0のソースコードが公開・無料ダウンロード可能に
Adobe Photoshop 1.0のソースコードがComputer History Museumで公開・無料でダウンロードすることが可能になりました。Photoshopは1987年に当時大学生であったトーマス・ノールさんが開発、AppleとAdobeに見せたところAdobeがライセンスを取得し、1990年にバージョン1.0が発売されました。現在から20年以上前に作られたソフトなのですが、そのバージョン1.0.1に使われた12万8000行に及ぶ179個のファイルを見ることができるようになっています。 Computer History Museum | @CHM : Adobe Photoshop Source Code https://computerhistory.org/blog/adobe-photoshop-source-code/ こちらが開発を行ったトーマス・ノールさん。Ph
Webデザイナーによるカラーコードを使った便利なテクニックあれこれ
By OliBac コンピュータが色に名前を付ける時、数字やアルファベットを6つ並べた1677万7216通りの組み合わせで表される16進数カラーコードが使われます。カラーコードは他のコンピュータ言語と同じく論理的なシステムに基づいて作られるため、Webデザインを行う人間にとって16進数カラーコードを知っておくことは非常に助けになるとして、WebデザイナーのBen Gremillionさんがカラーコードの仕組みや便利なテクニックをまとめているのが「The Code Side Of Color」です。 The Code Side Of Color | Smashing Coding http://coding.smashingmagazine.com/2012/10/04/the-code-side-of-color/ そもそもスクリーン上のカラーは指定がない場合は黒いままで、16進数カラーコ
全世界で全人類がゾンビと戦うスケールでかすぎのゾンビ世界大戦映画「WORLD WAR Z」予告編ムービー公開、ゾンビの量が尋常でないレベルに
「中国奥地で発生した謎の疫病。それがすべてのはじまりだった。高熱を発し、死亡したのちに甦る死者たち。中央アジア、ブラジル、南アフリカ…疫病は拡散し、やがてアウトブレイクする。アメリカ、ロシア、ドイツ、日本…死者の群れに世界は覆われてゆく。パニックが陸を覆い、海にあふれる。兵士、政治家、実業家、主婦、オタク、スパイ。文明が崩壊し、街が炎に包まれるなか、彼らはこの未曾有の危機をいかに戦ったのか？」というわけで、全世界にゾンビがあふれ、全人類がゾンビと戦い、人類絶滅の危機に瀕するほど次第に追い詰められていくが勝利した後の世界で、一体あの戦いは何だったのか？というのをレポートの形で振り返ることで妙にリアルなゾンビ世界大戦の姿を描ききった原作をもとにして題名もそのまま同じの「WORLD WAR Z」予告編ムービーが公開されました。 WORLD WAR Z - Official Teaser Trai
Googleストリートビューがすさまじい一瞬を捉えてしまった写真いろいろ
Googleマップのストリートビューではよくヘンな人やものが写り込んでいたり、ニューヨークに突如現れたE.T.とレーザー光線を写し出したりしていますが、そんなストリートビューが捉えた事故の決定的瞬間や街中を歩く虎、道路がカモメであふれかえる様子などの写真30枚は以下から。 30 Shocking and Unexpected Google Street View Photos | DeMilked http://www.demilked.com/google-street-view-photos/ ◆01 ドッペルゲンガー ◆02 車体が溶けてしまっています ◆03 風になびいているのはトイレットペーパーでしょうか ◆04 GUCCIと幼児 ◆05 全身真っ白でこちらを見据える謎の人物 ◆06 水着で橋から川へ飛び降りる瞬間 ◆07 何事かと住人たちが飛び出してきています ◆08 カモメに
グリーは一体どこから道を間違え始めたのかという知られざる歴史まとめ
本日発売された週刊ダイヤモンドの「当局がグリーに重大な関心 正念場迎えるソーシャルゲーム」という記事に対し、速攻でグリーが反論のリリースを出したわけですが、一体何が原因でこんなことになってしまったのかを理解するためにも、そもそもグリーはどのような経緯で今のような形に至ったのかをまとめてみました。 これが本日発売の週刊ダイヤモンド 記事の中身はこんな感じで、ネットに掲載されているものと同じです 指摘されている問題点は以下のようになっています。高収益体質のグリーを支えている部分に大きな問題がある、というわけです。 急成長しているソーシャルゲーム。そのビジネスモデルを揺るがしかねない事態が起きている。 ある政府関係者によれば最大手グリーの摘発に向けた検討が始まったもようで、「4～5月が山場だ」というのだ。 ゲームジャーナリストの新清士氏は「月10万円近く使うような、会員全体の3％に満たない高額利
芸術家を目指す少女の葛藤を描いた幻想的な漫画「BORN LIKE AN ARTIST」
作品を投稿し議論を行う芸術家のためのコミュニティサイト「deviantART」では、毎年コミュニティ参加者による漫画コンテスト「Yuumei-Contest」が行われています。 2011年のお題は「Like an artist」。お題に沿って自由に漫画作品を描き、サイトに投稿することでエントリーできます。下に掲載するのは、2011年のコンテスト優勝作品「BORN LIKE AN ARTIST」です。 JellyVampire on deviantART http://www.jellyvampire.deviantart.com/ 物語は、おもちゃで遊んでいた少女に、一枚の紙とクレヨンが渡されるところから始まります。 絵を描く少女に一匹の動物が近づいてきます。「君は誰？」と聞く少女。 「僕は君の芸術的な魂が形になったものだよ」 少女は素直に動物を受け入れ、絵を描き続けます。 場面は変わり、
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
