米Googleは7月6日（現地時間）、マテリアルデザイン仕様のWebサイトを構築するためのツールキット「Material Design Lite」を公開したと発表した。 基本的なCSS、HTML、JavaScriptのコンポーネントとテンプレートで構成されており、公式サイト（これもMaterial Design Liteで構築されたようだ）からダウンロードできる。 マテリアルデザインとは、Googleが昨年6月に発表したモバイルOS「Android 5.0 Lollipop」から採用しているデザインコンセプト。シンプルで直感的なユーザーインタフェースで、ディスプレイサイズに応じてデザインが最適化されるのが特徴だ。 Material Design Liteの「Lite」には、依存性の少なさ、コードサイズの小ささ（27Kバイトに圧縮されている）、手軽にインストールして使えること、などの意味が込

Macで仕事を行っている人にとって、動作のモタつきやフリーズは絶対に避けたいもの。突然動かなくなってしまっては、仕事に支障がでてしまいます。もしかすると、そのようなトラブルは日々メンテナンスを行うことで、防げたかもしれません。 Macはすこし負荷を掛けて使っても“意外に”動いてくれるだけあって、ついメンテナンスを忘れがち。今回は、少しでも動作が重いと思ったら行っておくべき方法と、高速化アプリを30種類ご紹介します。 Macのメンテナンスと高速化のために試したい方法24選1.アプリケーションが応答しなくなったとき試すショートカットMacの動作が重いなと感じたとき、真っ先に起こりうるのが「アプリケーションが応答しない」状態。もしも、アプリケーションが固まってしまった場合、強制終了をすることで解決できます。 というコマンドを入力すると、アプリケーションの一覧が表示されます。強制終了したいアプリを

なんで電子書籍って流行らへんのや？ 1: 風吹けば名無し＠＼(^o^)／ 投稿日：2015/07/07(火) 23:08:03.50 ID:iVT2m//n0.n 便利やし安いのに 2: 風吹けば名無し＠＼(^o^)／ 投稿日：2015/07/07(火) 23:08:37.29 ID:iVT2m//n0.n アマゾンやとセールとかしょっちゅうやってるで 紙で買うより間違いなく安価や 3: 風吹けば名無し＠＼(^o^)／ 投稿日：2015/07/07(火) 23:08:40.58 ID:OUcrb8gJ0.n 紙媒体に慣れきった世代ばっかやからやろ 最初から電子媒体で読んでる層ばっかなったら世代交代するわ 4: 風吹けば名無し＠＼(^o^)／ 投稿日：2015/07/07(火) 23:08:46.36 ID:YwbFGdK+0.n 紙媒体の方が読みやすい 5: 風吹けば名無し＠＼(^o^)／

どうも、やなぎさわです。サイトの背景画像をちょっとお洒落な柄にしたいというデザイナーの方いませんか？ 今回は、シームレスな背景用パターンが無料でダウンロードできる「PATTERN LIBRARY」というサイトをご紹介します。 可愛らしいイラストから最近流行のインディアンパターンや上質な質感のパターンなど様々な種類が揃っています。全部で52枚ある素材を全てご紹介します。 パターン作りの手間が省ける「PATTERN LIBRARY」 気に入ったパターンが見つかったら、すぐにダウンロードができて使えるから便利です。 しかし、ダウンロードした時に画像のサイズが小さいなって思うかもしれません。 パターンの柄によってサイズが異なりますが、全てそこまで大きなサイズの画像ではありません。そこで、私の場合はPhotoshopを使って、ダウンロードした画像をパターン化させてしまいます。 その詳しいやり方は、以

文字や絵がいい感じになる！インクで印刷したかのような質感をだせるテクスチャ素材とPhotoshopのブラシ素材

George Stockerの「How to destroy Programmer Productivity」の翻訳です(Georgeさんには報告済み)。 間違いがございましたら、ご指摘お願いします。 プログラマの生産性に関する次の画像は、インターネット中を徘徊しています。 ザ・シンプソンズが出てきそうだけれども、「真実だから面白い」。 私は、今まで生産的になる秘密について解明してきませんでした。それは、主には、私が一貫して生産的ではなかったからです。Joel on Softwareのジョエル・スポルスキは、ブログの記事でこのことについて話しています： 時々私は何も終わらせることができなくなります 確かに、私はオフィスに入って、10秒ごとにe-mailをチェックして、ウェブを読んで、アメリカン·エキスプレスでの支払いのようないくつかの頭を使わないタスクを処理します。しかし、コードを書くフロ

Icons8で販売されている有料のアイコン素材をオーナー様のご厚意により、当ブログ限定で無料で配布します。 アイコンは医療・病院系のほかに、ベーシックなものも揃っています。 アイコンのダウンロードの前に、Icons8を簡単にご紹介。 無料アイコン素材としてもかなり重宝するサイトなので、ブックマークしておくと便利です。 現在一押しなのは、1,900種類のフラット カラー アイコン。

2015年07月07日22:30 ユダヤ人って3歳からこれ聞かされるらしいwww Tweet 1: 風吹けば名無し＠＼(^o^)／ 2015/07/07(火) 13:37:02.76 ID:62M39lKy0707.net ユダヤ人の子供は、幼い頃から次のような格言を繰り返し聞かされる。 ・もし、本と服を汚したら、まず本から拭きなさい ・学んだことを復習するのは、覚えるためではない。何回も復習するうちに、新しい発見があるからだ。 ・１００回復習するのと、１０１回復習するのとでは、その間に大きな違いがある。 ・恥ずかしがる人は、よい生徒にはなれない。人はどん欲に学ばなければならない。 ・もし、目の前に突然、天使が現れて「トラ（教典）」のすべての教えを瞬時に身につけさせようと言っても、私は断ろう。人にとって学ぶ過程こそ、結果よりも重要だからだ。人は努力を通じてのみ、報いられる。 転載元：htt

Inc.：はたして自分は聞き上手なのでしょうか？　昨今のめまぐるしい環境下においては、聞くというスキルは難しくなるばかりです。その結果、「実は聞き下手」という人が多くなりました。 バージニア大学院教授のEd Hess氏によれば、これは良くない傾向だそうです。今後、聞く力が求められるようになれば、そのスキルが成功条件に関わってくるからです。 「昔は、クラスでよくできる生徒といえば、よく話す子でしたが、現代では、できる子といえば、適切な質問をし、人の話をじっくり聞ける生徒を意味します」 Hess氏は、21世紀における1番大切なビジネススキルは、「聞く力」であると考えています。現代のトップリーダーたちの強み（批判的思考、改革、共同作業、迅速な問題処理）には、聞く力が必要とされるからです。また、技術の進歩により膨大な知識や機械へのアクセスが可能となり、長い経験を要した業務もすぐに行える世の中になり

Googleがモバイル向けOSの「Android 5.0 Lollipop」で採用し、同社の他の製品やサービスでも導入されている「Material Design(マテリアルデザイン)」は、見た目だけではなく使い勝手までも意識してデザインされたUXです。そのマテリアルデザインを使ったウェブサイトを作れるCSS/Javascript/HTMLコンポーネント「Material Design Lite」を、Googleが公開しています。 Material Design Lite http://www.getmdl.io/ Introducing Material Design Lite — Google Developers — Medium https://medium.com/google-developers/introducing-material-design-lite-3ce67098

スマートフォン対応させるWebサイトが急増しています。しかし、スクリーンが小さくタッチ操作がメインのスマートフォンでは、デスクトップ向けWebサイトのデザインで培ったノウハウの多くが通用しません。このような時代におけるスタンダードなデザインルールを学ぶために、弊社デザイナーの荒砂を中心に、Appleが公開しているiOS Human Interface Guidelineと、Googleが公開しているMaterial Design Guidelineの比較を行いました。（以降、両者をガイドラインと略します） スマートフォン向けのWebサイトのデザインを考える上で、アプリのUIデザインの定石を知ることは重要です。なぜなら、スマートフォンにおいてはWebサイトをブラウズする機会は14％しかなく（comScore調査／2014）、多くの時間をアプリの中で過ごしているためです。さらにユーザは「これは

mix-blend-modeというCSSのプロパティ。これはDOM要素を重ねた時の見え方を指定するCSSプロパティです。デザイナー視点だとブレンドモードはごく当たり前に使う機能のひとつ。mix-blend-modeはウェブの表現手法が広がり、デザインの自由度が広がる注目すべきCSSプロパティです。本記事はmix-blend-modeの魅力と使い方をデモを交えて紹介します。 そもそもブレンドモードとは？ ブレンドモードはクリエイティブな表現を作る上での基本機能のひとつです。Adobe PhotoshopやIllustrator、After Effects、XDや、Figmaで搭載されていて、レイヤーを重ねたときにどのように重ねて表示するかの設定になります。ソフトによっては「ブレンドモード」や「描画モード」「モード」と異なる名称が使われていますが、機能としては同じものになります。本記事ではCS

『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年３月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材／配色やWeb制作といった最新トレンドも公開中。

空白スペースは単なる美ではありません、ユーザインターフェイスの成功への鍵です。空白スペースがWebデザインやUXデザインにおいてどのように使うと効果的に機能するかを紹介します。 Why White Space Is Crucial To UX Design 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様に許可を得て翻訳しています。 はじめに -UXデザインにおける空白スペースの価値 1. 空白スペースでコンテンツを理解しやすくする 2. 空白スペースで関係を明確にする 3. 空白スペースで注意を引きつける はじめに -UXデザインにおける空白スペースの価値 メインとなるオブジェクトを強調し、ユーザーの注目を引きつけるネガティブスペース・空白スペースの重要性をすべてのビジュアルアーティストが理解しているでしょう。 ネガティブスペース（デザイナー的には空白スペース）