Webサービスのイメージカラーを無作為に調べてみた｜インターネット界隈の事を調べるお
昨日、LINEのカンファレンスに行ってきたのですが、ぼんやりと「緑色を見るとLINEって感じだよなぁ」と思いました。これまで緑といえばあの渋谷の会社を連想してたのですが・・・。 他にも、色の組み合わせだけで特定のWebサービスを連想することができるものはあります。クリムゾンレッドだったら楽天とか。そんなわけで、Webサービスのイメージカラー（使用されている色）を調べてみました。なんだかオーラソーマ・カラーみたいです。 サービスはジャンル別に思いついたものを次々と取り上げた感じですので、脈絡がない箇所もあるかもしれません。色はスクリーンショットからのスポイトという地味な作業により調べております。 1、2行目はEC関連ですが、比較的暖色系も使われており、女性を意識したものも多いのかなって。逆に3行目はお堅いサービスなので青系が多い。以外なのがSNSも青系が多いんですね。3行目と4行目は配色が似
フォントの読み込み完了を検知する
TypeKitとかがやってるWebフォントの読み込みが終わったらhtml要素にクラス名を振るアレの話。TypeKitがオープンソースでリリースしているWebFont Loaderを使う方法が安全で安定。Googleがホスティングしているのもあるので手軽でもある。でも読み込み完了の検知以外にも機能があってパワフルすぎる気がするので、Adobe Blankを使って自前で書いてみることにした。 Adobe Blankのサイズ削減 Adobe Blankはそのまま使うと30KB以上ある。読み込み完了検知だけなら幅0のグリフが1つあればそれで良いので、まずはサブセット化してサイズを抑えることから。aだけのWOFFなAdobe Blankを作ればちょうど1KBくらいになる。 Download: adobe-blank.woff @font-face定義の追加 外部リクエストにすると意味が薄れるのでDa
累計32種！UIが優れたiPhoneアプリの部分デザイン（ヘッダ・フッタ編）
FINDJOB! 終了のお知らせ 2023年9月29日にFINDJOB!を終了いたしました。 これまでFINDJOB!をご利用いただいた企業様、求職者様、様々なご関係者様。 大変長らくFINDJOB!をご愛顧いただき、誠にありがとうございました。 IT/Web系の仕事や求人がまだ広く普及していない頃にFind Job!をリリースしてから 約26年間、多くの方々に支えていただき、運営を続けてまいりました。 転職成功のお声、採用成功のお声など、嬉しい言葉もたくさんいただきました。 またFINDJOB!経由で入社された方が人事担当になり、 FINDJOB!を通じて、新たな人材に出会うことができたなど、 たくさんのご縁をつくることができたのではないかと思っております。 2023年9月29日をもって、FINDJOB!はその歴史の幕を下ろすこととなりましたが、 今後も、IT/Web業界やクリエイティブ
box-shadowで表現する、「セミフラット」なズルいデザインテクニック
box-shadowで表現する、「セミフラット」なズルいデザインテクニック：ズルいデザイン（3）（1/2 ページ） 世の中、フラットデザイン流行りですが…… iOS 7がフラットデザインを採用したのを皮切りに、Webデザインのトレンドがフラットデザイン一色になってきましたが、立体感を完全に排した色面と空間、シンプルな描画の組み合わせだけのデザイン表現は、ある種ごまかしが効かず、また適切な利用方法を喚起させるようなUIも表現がなかなか難しいものです。 例えば、「ボタンは押せるもの」であると表現するための「押したくなる感じ」を喚起させる立体感は、ユーザビリティ面でもまだまだ有効です。今回は、流行のフラットデザインの中でも違和感なく使えて、また適切なアフォーダンスの表現が可能になる、「やりすぎていない立体感」を目指した、box-shadowを活用した各種ボックス表現の作り方を紹介します。 NGな
デザイナーもエンジニアも幸せになれるiOS画像の書き出し方 | keisuke.tsukayoshi
前回iOSアプリのデザイン指示書についての記事でも少し触れましたが、iOS開発の画像素材の書き出しはデザイナーが担当するのが一般的なようです。しかし実際にコードを書けない多くのデザイナーにとっては、どんな画像をどのように書き出せばいいのか不安になってしまうことも多そう。 というわけで今回は、主にアプリデザインの経験のないデザイナーさんに向けた簡単なtipsと、最後にちょっとグレーだけど使い所によっては効率があがるぼくなりの手法も少し紹介してみたいとおもいます。 基本的なこと デザインは横幅640ピクセルで作る 基本的なところですね。後述しますが、Retina対応したiPhoneとそうでないもののふたつの解像度の画像が必要になるのでどちらも兼ねるこの解像度で作ります。 非Retina端末のために半分のサイズの画像も用意する 実際にXcodeでの開発は横幅320pxをベースに実装するので、もと
Googleの20％ルールは死んだも同然 | スラド IT
Googleには「イノベーションのジレンマ」を回避するため、社員に対して社内で過ごす時間の20％を担当外の業務に使うことを義務づける「20％ルール」が存在している。このルールはGoogleの持つ既存製品の改善や新製品を生み出すのに貢献しているとされ、ていた。しかし、Quartz誌のインタビューに応えた匿名のエンジニアによれば、この20％ルールはすでに存在していないという。その理由の一つは、社員が20％ルールを使用するためには経営陣から承認を得る必要が出てきたためだという（Quartz、本家/.）。 また別の記事では、20％ルールの仕組みは生きているものの、通常の業務についても一定の生産性目標が定められているため、20％ルールは実質的にエンジニアに＋20％分の過剰労働を要求する「120％ルール」になってしまっていると主張している。Ars Techinicaの記事では、20％ルールのが実質的に
フラットデザインに使える配色をコピーできるサイト「Flat UI Colors」 | ライフハッカー・ジャパン
フォームローラーでほぐし続けた結果...ようやくわかった効果とメリット3つ #Amazonプライムデー
バルマー退任に思う、マイクロソフト帝国最大の危機（本田雅一） - エキスパート - Yahoo!ニュース
マイクロソフトが最高経営責任者のスティーブ・バルマー退任を発表したのは、日本が週末の夜を愉しんでいるときだった。バルマーは1年以内に後任を選び、その引き継ぎを行うという。これでマイクロソフトは創業当時から在籍した幹部が、すべて一線から退くことになる。マイクロソフトの今後は、どこに向かうのだろうか。 指先に届いたバルマー退任の報その日の会食を終えた22時半ごろ、ふとスマートフォンの画面に目を落とすと、Facebookを通じてマイクロソフト広報から第一報が届いていた。ちょうど日本時間の22時、米国太平洋時間の6時ごろにニュースリリースが出されたらしい。 ビル・ゲイツとともに、マイクロソフトを「帝国」とも揶揄されるほど大きな影響力を持つソフトウェア企業へと育ててきたバルマーの退任が、ソーシャル・ネットワークを通じ、スマートフォンに送り込まれてきた、というのは感慨深い。 ゲイツがCEOを務めていた
nodeを使ってapkファイルを解析·apk-parser MOONGIFT
apk-parserはnode/JavaScript製、MIT Licenseのオープンソース・ソフトウェアです。 AndroidアプリのAPKファイルにはアプリケーションがどんな機能を必要としているか、作成者は誰かと言った情報が埋め込まれています。それを解析し、データ出力できるのがapk-parserです。 単純にパースして出力した例です。 さらにパーミッションだけを取り出した例。 apk-parserはnodeを使ってAPKを解析し、様々な情報を取り出せます。AndroidManifest.xmlの解析を行っているとのことで、その際にはAndroid SDKのaaptツールを使っているとのことです。Androidアプリを使った何らかのサービスを作ろうと思ったら試してみたいソフトウェアです。 MOONGIFTはこう見る Androidでは思想として自由さがあります。そのためもあってマルウ
「ランサーズの質は決して低くない」と僕が考える理由
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
iPhoneアプリ開発成功への６段階 | まつゆう (@YutakaMatsui)
これからは、スマホアプリだ〜って思ったのが２年前、 会社からスマホアプリ作れって言われて作り始めたのが１年前、 名古屋の勉強会に通いたくさんの方々とお会いさせてもらうようになったのが半年前からです。 素人なりに、数十人のアプリ開発者の方々とオン・オフラインで触れさせて頂いたのは、とても勉強になりました。 それは、こんなことです ↓↓↓ ・・・みんなアプリの成功を夢見てます。 でも、成功した人はほんの一握りです。自分が知る限り数人です。 （ここでは成功の定義は、億単位で稼ぐ方としてます） そしてそこにいたるまでに、 ６つの段階 があると思いました。 ・・・素人のたわごとなので気分を害された方がいたら申し訳ありません。 先に行くほど人数は少なくなっていくピラミッドです。 「アプリを実機転送しない人」 「リリースしない人」 「リリースしてもDLされない人」 「数万DLの人」 「
【検証】クリックされるボタンの色は？ | WebNAUT by Beeworks
検証したパターン 調査結果 全アクセスのコンバージョン率（CVR） 結果は下記の通りとなりました。 なんと！緑色がもっともCVRが低いという結果になりました。 どうやら、無条件に「緑色のボタンはクリック率が高い」という結果にはならないようです。 Firefoxをダウンロードしたユーザーと、ビーワークスの採用に応募しようとしたユーザーには、何か違いがあったのでしょうか？ 「どこから流入したか」によって結果に違いがあった 調査対象ページにアクセスしたユーザーは、何かきっかけがあって、ビーワークスの採用に興味を持ってアクセスしているはずです。そこで、どこから流入したのか、「参照元」のセグメント別に結果を分けて分析してみます。 こうやってセグメント別に分けてみると、参照元によってCVRの平均値自体に大きな差があることがわかります。CVR順に並べると、検索 ＞ WebNAUT ＞ なめぱら という結
スタートアップ関連の「クソのようなマトリックス」まとめ - 世界はあなたのもの。
記録, 雑ネタ「2軸の対照表は対象が3つ以上ないと無意味」ということで、実例をまとめてみました。全て『The Startup』様より「引用」。 2項対比だと、軸を好き勝手に設定することにより自分の求める結果をなんぼでもひねり出すことができるし、対角線上に配置して2項間の優劣関係を記述しがちになるので、確かにあまり意味がないように思われます。自分の好き嫌いを記述するには便利かもしれませんね。あと、「クラウドワークス vs ランサーズ」が最も顕著なのですが、マトリックスの項目に相関関係があるものを選ぶと、「単価が低いから質が低い」「単価が高いから質が高い」という、ある意味当たり前の結果が出てしまい「このマトリックス、いるんか？」という状況になってしまうので、よくないと思いました（小並感）。 今、日本で一番有名なマトリックス。クラウドワークス vs ランサーズクラウドソーシング狂想曲：クラウドワ
アップル、「iWork for iCloud beta」を全ユーザーに公開
Appleの「iWork for iCloud beta」が、「Apple ID」を持つすべてのユーザーに公開された。 「iCloud」ユーザーは米国時間8月23日より、自分のアカウントでログインすると、Appleの「Pages」「Numbers」「Keynote」のベータ版にアクセスできるようになっているはずだ。これらのアプリケーションの1つを選択すると、この生産性スイートに無料でアクセスでき、プレゼンテーションからスプレッドシートまであらゆるものを作成できる。 Appleはこれまで、iWork for iCloud betaを開発者に提供してきた。同社はまた、一部の招待ユーザーにも密かにこのサービスを試験提供していた。だが今回、iCloud上のすべてのユーザーに提供開始されたようだ。 Appleは6月のWorldwide Developers Conference（WWDC）2013で
[CSS]スタイルシートだけで実装されたスライドショー -Pure CSS Slideshow
CSS3を使って実装された、スライドのアニメーションや各パネルのダイレクトリンク機能を備えたスライドショーを紹介します。 Pure CSS Slideshow [ad#ad-2] スタイルシートだけで実装されたスライドショーはアニメーションでスライドするので、CSS3 transitionに対応したChrome, Safariでお楽しみください。 Firefox 4などの非対応ブラウザでは、アニメーション無しでスライドされます。 また、各パネルへのリンクは#リンクに対応しており、個別のパネルにリンクすることも可能です。 1ページ目を表示 IE7でのキャプチャ HTML スライドする各パネルはdiv要素で実装されています。 <div id="a1"> <div id="a2"> <div id="a3"> <!-- Top Navigation. Ya, tables are evil. -
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
IDEA * IDEA
リダイレクト中...
これ以上ないくらいミニマルにデザインされたフリーのアイコン素材 -Simple Line Icons
TechCrunch | Startup and Technology News
JSX - 公開から１年を迎えて
「違法パクリアプリ」製造元を追う（訂正あり）(山本一郎) - 個人 - Yahoo!ニュース
Pure CSS Slideshow
心地よさを目指した布やゴムのようなツクロアのドロワーUI | 株式会社ツクロア