マテリアルデザインについて少し調べる - Qiita
はじめに マテリアルデザインという言葉は知っていましたが、それが一体なんなのかを正しく理解しないまま、 「これからは、マテリアルデザインだぜ」のような顔して、生活していましたが、 知ったかぶりしているのがバレる前に、少し学んでおこうと思いました。 マテリアルデザインとは 2014年にGoogleが発表した「デザインのガイドライン」。 直訳すると「物質デザイン」。 マテリアルデザインの目的 スマートフォン、タブレット、テレビ、メガネ、腕時計などのデバイスで、 統一されたデザインを取り入れることにより、操作性も統一され デバイスが変わっても使いやすいUIを実現できるとか。 現実世界のルール(奥行きや、影など、質量)を取り入れることで、直感的な操作を実現します。 マテリアルデザイン誕生までの歴史 1.スキューモフィズムでのデザイン スキューモフィズムとは スキューモーフィズム（skeuomorp
プログラマのためのカラーパレットツールを作りました - shoya.io
Paletta - HSV Color palette for every Programmer 背景 フラットデザインの台頭によって、昨今のアプリ/サービス開発において「色選び」が重要視されています。例えば上の写真は次のトイレの時刻を機械学習で予測するRestCastというアプリですが、「いい感じの青」を基調としたタイルを敷くことで、トイレというワードをニオワセないデザインに仕上がるよう心がけてつくりました。 デザイナー/プログラマーの皆さんは普段どうやって色を選んでいるのでしょうか。多くの場合、既存のカラーパレットをぽちぽち選択したり、#123456のようなカラーコードを調整するのではないかと思います。実は、この方法で「いい感じの色」を選ぶのは難しいのです。その理由を色の表現方法を踏まえて説明します。 混色系と顕色系 色を数値で表現する方法を表色系といいます。オストワルト表色系やマンセ
なぜEtsyでは無限スクロールは失敗したのか
「ユーザーがページに滞在してコンテンツに関わる時間が長くなる」といわれる無限スクロールを採用したものの、うまくいかなかったというEtsyでの事例から、その教訓を読み解きます。 U-Site編集部 2013年1月25日 HCD新人部員のTです。 1年以上前の記事ですが、「Pinterestによってもたらされた、6つの重要なWebデザインとユーザビリティにおけるトレンド」という下記の記事を読んでいました。 該当記事：6 Important Web Design and Usability Trends Sparked By Pinterest – The Daily Egg ここで挙げられている項目の3つ目のトレンド、”Deliver Content in Flow”を見てみますと、「無限スクロールによって、ユーザーがページに滞在してコンテンツに関わる時間が長くなる」と書かれています。 Bec
tumblrで普通に日記を書くときに普通な感じになるテーマ作った | SANOGRAPHIX
最近tumblrで日記を書いていて、普通に日記を書くときに普通な感じになるテーマが欲しいなぁと思ってtumblrテーマを作りました。 インストール／ソースコードgithubにあります。 https://github.com/sanographix/tumblr/tree/master/memographix 機能TypeSquare（見出し：見出ゴMB31、本文：中ゴシックBBB）見出しの自動カーニングモバイル最適化ページ作成対応そのほかテキスト中心の日記を普通に書く人がちゃんと使えるというのを想定しているので、reblogガンガンしまくってるブログがこのテーマを使ってもあまりメリットはありません。 tumblrというとreblogなイメージがありますが、普通に日記を書くぶんにも気軽に投稿できて良いなあという印象です。複数ブログとか独自ドメインとかできるし、Markdownも使えて便利。
{ float: both }
Hygger.io utilizes the Agile methodology, and Kanban in particular, to make project management transparent and efficient for Agile teams. How to find single men in my area? It is so easy to find men with Tune2Love. Don’t trust words—try and check! Welldoneby.com provides the fullest list of trusted software development firms in different countries. Search for companies by their specialization, exp
第一回プログラマ向けデザイン勉強会を開催しました - satococoa's blog
10/27(土)に 第一回プログラマ向けデザイン勉強会 を開催しました。 この勉強会は毎月やっている デザイナー向けプログラム部 (P4D) の逆バージョンで、デザイナさんにプログラマがデザインを教わるという趣旨で開催しました。 そして講師役として、いつもP4Dの方でもお世話になっている @machida さん、@ken_c_lo さん、@saucerjp さんの3人にお願いしました。 もっともこの3人をはじめ、P4Dに参加されているデザイナさんは普通にJSやFlash、ObjCなんか書いていたりして単にデザイナと呼んでいいのかどうかは怪しいところですが。 RailsエンジニアのためのTwitter Bootstrapカスタマイズ例 まずは@machidaさんのTwitter Bootstrapのカスタマイズ例の話からでした。 このテーマはP4D参加のプログラマからしきりにリクエストの
少ない手間と知識でそれなりに見せる、ズルいデザインテクニック// Speaker Deck
少ない手間と知識でそれなりに見せる、ズルいデザインテクニック with Sass / Compass (English Version) https://speakerdeck.com/ken_c_lo/zurui-design-technique-english-version 第一回…
すごいWEB
Awesome and has more than a degree. We head out one. What it is overwhelming. It is dangerous stuff. Amazing what moves the people. And, in the sense of the excitement, the world can not be changed only amazing thing. I want to meet those amazing, really want to be. I think so anyone, I want to share with everyone and wow wow. It is amazing, amazing thing. Than it really is not that amazing. From
[ HUE / 360 ] The Color Scheme Application
Circle Controller HUE/360 Ver.0.1.3 © 2012 SAUCER.JP
はてなブログのデザインの裏側 - Uedayworks::HatenaBlog
このエントリーはHatena::Staff Advent Calendar 2011のために書かれたものです はじめまして。最近は映画けいおんが生き甲斐のuedayです。 11月8日にクローズドベータリリースした「はてなブログ」のデザイン全般を担当しました。裏側というほどの話ができるか微妙ですが書いてみます。 開発チーム 開発チームは、エンジニアid:cho45／デザイナーid:ueday／ディレクションid:onishiです。デザインはクオリティチェックをid:tikedaに依頼して、適宜フィードバックを貰いながら進めていきました。このほかに制作スタッフが数名います。プロジェクトが立ち上がったのが8月1日だったので、開発期間は約3ヶ月です。アルファ版完成が異常に速く、開発2日目か3日目で記事投稿ができるようになり、5日目でアルファ版を社内リリース。choさんほんとすごいなって思いました
ギルティクラウン [ GUILTY CROWN ] Blu-ray BOX
全22話に加え、ゲーム『ギルティクラウン ロストクリスマス』完全生産限定版に収録された短編アニメーションなど、 ギルティクラウン映像を完全収録。 特典はキャラクター原案redjuiceの描き下ろしBOX、 澤野弘之により新たにリアレンジされた曲を収録した特典CD、今しか聞けない話が詰まったブックレットなど豪華封入！ [ 収録内容 ] ▽『ギルティクラウン』全22話 ▽SPECIAL ・ゲーム『ギルティクラウン ロストクリスマス』に収録された短編アニメーション ・ノンクレジットOP/ED ・ゆーぽん 4コマ＆フラッシュアニメ―ション（2012年発売パッケージより再収録） ▽音声特典 ・オーディオコメンタリー（2012年発売パッケージより再収録） [ 完全生産限定版特典 ] 1.redjuice描き下ろし 三方背BOX＆デジジャケット仕様 2.澤野弘之 リアレンジCD <収録曲> 1. fri
![ギルティクラウン [ GUILTY CROWN ] Blu-ray BOX](https://cdn-ak-scissors.b.st-hatena.com/image/square/4854e28c9d4bab16430230b1f5ae417d3619a8bb/height=288;version=1;width=512/http%3A%2F%2Fguilty-crown.jp%2Fcommons%2Fimages%2Fog.jpg)
Webデザインにおける、1pxへのこだわり
☆ご注意☆ この記事は 2011年6月5日 に書いたものです。情報が古い可能性がありますのでご注意ください。 私も少しですがこの「1pxのこだわり」を日頃のデザインで使えるようになってきたので、制作方法とともにちょっとまとめてみました。 引き出しのひとつとして、デザイン勉強中の方、参考にしてもらえるとうれしいです＾＾ デザイン上級者の方々にとっては当然のことだと思うのですが、 最近つくづく思うのが、「1pxで質感が全然変わるよなぁ～」ってとても感じます。 たった1pxでピリッとしまったり、見やすくなったり、しゅっとなったり、、、と、1pxをないがしろにしちゃいけないんですねー… 今回は、私がデザイン制作時よく参考にしている、 デザイン参考集、bookma!さんの中から、色んなサイトを調べてみました。 目次 仕切り線の1px 文字をキリッと見せるための1px 動きのある1px 1pxの枠 仕
[JS]超軽量だけど、高性能なモーダルウインドウを実装するスクリプト -TinyBox2
jQueryなどの他のスクリプトに依存せずにモーダルウインドウを実装する高性能で超軽量（5KB）のスクリプトを紹介します。 JavaScript Modal Windows – TinyBox2 デモページ [ad#ad-2] TinyBox2のデモ デモはシンプルなモーダルウインドウから、アニメーション付き、AJAX対応、iFrame対応、画像対応などがあり、どれも実用的なものとなっています。 ウインドウをクローズする際はクローズボタン、もしくはウインドウ外のクリック、「ESC」キーの操作に対応しています。 デモページ：No Animation, No Close Button, Auto Width/Height, Custom Styling アニメーション：無し、クローズボタン：無し、幅と高さ：自動、カスタムスタイリング
色で頭を悩ませたら「kuler」を！ | ライフハッカー・ジャパン
こんばんは傍島です。 四月がそこまで来ているというのに、まだまだ寒い日が続きます。先日、大阪から名古屋への移動中に吹雪の区間があって、この季節にはないだろう？ と思ったのですが、今年ばかりはこのまま涼しい夏が来れば、電力問題に拍車がかからなくてありがたいなぁ...などと感じた出来事でした。 例えば、アプリを開発している時、自身のブログページのテーマを編集している時など、色に頭を悩ませることはないでしょうか？ 私たちの周りには様々な色の組み合わせがあり、その中で生活しているわけですが、意外にもあまり意識はしていません。いざ、考える必要がある立場に立たされると、なかなか難しく、考え出すとあっという間に時間が過ぎてしまって、結局良い結果が出せないことも...。こうした苦労をすると、色理論といった学問があることにも納得がいきます。 とはいえ、ない知恵は絞り出せないし、誰かの知識を借りたいなぁ...
はてなグループの終了日を2020年1月31日(金)に決定しました - はてなの告知
はてなグループの終了日を2020年1月31日(金)に決定しました 以下のエントリの通り、今年末を目処にはてなグループを終了予定である旨をお知らせしておりました。 2019年末を目処に、はてなグループの提供を終了する予定です - はてなグループ日記 このたび、正式に終了日を決定いたしましたので、以下の通りご確認ください。 終了日: 2020年1月31日(金) エクスポート希望申請期限:2020年1月31日(金) 終了日以降は、はてなグループの閲覧および投稿は行えません。日記のエクスポートが必要な方は以下の記事にしたがって手続きをしてください。 はてなグループに投稿された日記データのエクスポートについて - はてなグループ日記 ご利用のみなさまにはご迷惑をおかけいたしますが、どうぞよろしくお願いいたします。 2020-06-25 追記 はてなグループ日記のエクスポートデータは2020年2月28
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
soleilnoir.net
Adobe kuler
ノンデザイナーのための配色理論
Noun Project: Free Icons & Stock Photos for Everything
Daftar Serta Masuk Saat ini Di Situs Slots Online Terpilih Ojekslot