ユーザーインターフェースの良し悪しは主利用者によって変わる - じゃがめブログ
@fladdict: イイ感じのアップデートをしたはずのクックパッドアプリ。はずなのに・・・iTunesのレビューが無惨鬼なことに・・・ほんまAppStoreは地獄やで。かわいそう。 URL 2013-02-13 10:33:58 via web 以前に小売店でアルバイトしてたときに学んだことのひとつが「売り場のレイアウトを変えると売り上げが下がる」ということです。なんで？ って感じなんですが、私が働いてる間に就任した歴戦の店長３人が３人ともで同じ事を言っていたので、多分「小売あるある」なのだと思います。 なぜ売上が下がるのか気になって理由を聴いたことがあります。つまり個人研究の結果なんですが、それによると『主婦は商品の置いてある場所を一度覚えたら、次からはそこを目指し、無かったらもう探さない』のだそうな。レイアウトが変わっていて場所が変わってると『無い』ってことにするらしい。だから売れな
キングコング西野亮廣さんのNYでの絵本原画展でご本人に会えました | ニューヨークの遊び方
ニューヨーク住人によるビジネス・観光・生活情報など。ご依頼・ご相談はお手数ですが下記「お問い合わせ」からメールでお願いします。 by NY_Liberty
初心者向けのjQuery入門講座
使い方 まず最初にチェックするコンテンツです。どのような考えをもとにプログラムを組み立てていくか、設計力を学びます。 サンプル 使い方で学んだことを生かして、簡単なサンプルの作成を学んでいきます。 プラグイン jQueryで利用できる便利なプラグインを紹介していきます。 リファレンス jQueryのリファレンスです。辞書代わりにご利用ください。 使用例 企業サイトでのjQueryの使用例を紹介していきます。 始めに jQueryはデザイナーにも利用しやすいjavaScriptプラグインです。このサイトはhtmlやcssを充分に理解しており、さらに基礎的なjavaScriptをマスターしている方を対象に記事を書いています。 現在はスマートフォン用のゲーム制作に注力しているため、本サイトの更新は休止状態（2014年3月が最終更新）です。ゲーム制作に関するブログ：スマゲー作るよ！はほぼ毎日更新し
ファストリがついにギャップ買収を検討か？
２月15日（ブルームバーグ）：15日の米ギャップの株価は過去６カ月余りで最大の上昇。ファーストリテイリング が関心を示したのを受けて、ギャップがアドバイザーを起用したとの報道で買われた。 via-http://www.bloomberg.co.jp/news/123-MIAJDL6K50YP01.html ファストリがギャップ買収に興味を持っているとのことでギャップ株が大幅上昇したとブルームバーグが報じています。現在ファストリはグローバルSPAで4位につけており、12年8月期は約9300億円の売上で13年8月期には1兆円に達するのが確実視されています。3位のギャップは、13年1月期で約1兆4000億円(1ドル92円換算)となっており買収が成功した場合売上高は2兆3000億円となりH&M、インディテックスを抜いて世界最大のSPA企業となります。 ファストリがギャップを狙っているのは有名な話で
これがスマートフォン向けサイトを作るときの viewport 設定３パターンだ
スマートフォン向けの Web サイトを作るとき、viewport の設定次第で使い勝手が大幅に変わる。 最近はレスポンシブ Web デザインが流行してるけども、その大前提として viewport の設定パターンを抑えておくのは重要だろう。 この記事では、viewport の設定によって、見た目・使い勝手がどう変わるかを解説する。 パターン1: 何も考えずに HTML を書く まずは、viewport を指定せずに、単純な HTML をスマートフォンで表示してみる。 <!DOCTYPE html> <head> <meta charset="utf-8"> </head> <body> <img src="/images/logo-ja.png"> <p>色んな素材がごった煮になった様子をお椀で表現しています。 湯気が<strong>「てっく」</strong>に見えるのが隠し味になっていま
Photon Storm » Blog Archive » 16×16 Pixel Art Tutorial
Apparently pixel art is cool once again, and if you are reading this blog, chances are, you like pixel art. As my first actual article on the site, I thought I’d make a little tutorial on how to pixel your own 16*16 sprite, that you can use as a favicon for your website or game. There are many ways to go about pushing pixels, and this is just one of them. Sadly, this tutorial will not teach you ho
ライブラリを使わないでDOMにアクセスするJavaScriptを書いたときにはまった2つのこと | バシャログ。
タスク管理するのに手帳を使おうとして2週間で挫折したので、iPhone & Mac でできないか挑戦している tanaka です。 最近、諸事情により jQuery などのライブラリ を使わずに DOM を操作する JavaScript コードを書く機会がありました。ある程度はライブラリなしで書いたこともあるし、そんな大変じゃないだろう…と思っていたら、想定外に時間がかかってしまいました。(多くはレガシーなIE対応ですが…)そんなわけで、ライブラリを使わないで JavaScript を書いたときに遭遇した問題2つを紹介します。サンプルコードはQUnitでテストを書き、テスト実行＋コードリーディングすることでIEとそれ以外のブラウザの違いが理解できるようにしました。 IE 7以下で setAttribute('class', [classNames])/getAttribute('class
発注者から安く見られている作業十選
オンリーワンの価値基準を貫くWP-D読者の皆様、おはざます。 今日もはてぶで跳ねないYellowです。 チョコレートの数やFacebookでの「友達」の数に投稿した記事の「いいね！」数、twitterのフォロワー数など、何かにつけて数字でその価値が表されてしまっているようにみえるもの。 あなたの価値を人に決められていませんか？ あなたはあなたらしくていいはず！ と言われ続けてうんざりしている皆様へ、つまり「人のいうことには惑わされるなってこと」です。 石橋は叩いて渡ったほうがいいですよ♪ 発注者からこの作業は安く思われている。おまいら気をつけろー！ 制作会社はただいま4月公開へ向けた年度末納品案件が佳境です。 佳境でありつつも仕様変更や追加はつきもの。その際に感じるのは「この作業はけっこう大変なのに、軽く考えられているなー」ということ。 これまでもいろいろな案件において、発注主とのギャップ
20 Great Examples of the Flat Trend in Web Design
The flat trend in web design has recently gained a lot of popularity and we started noticing lots of website and interface designs springing up with this design style. We’ve seen the use of solid colors increase through the adoption of the flat design trend, but these hues are becoming increasingly vibrant following the release of new iOS and new iPhone. Dazzling RGB colors are becoming more popul
ウェブデザインにおける透過の効果的な使い方と注意点
半透明のパネルにテキストを配置したり、ナビゲーションを半透明にしたりなど、ウェブデザインでよく利用される透過のエフェクトの効果的な使い方と注意点を紹介します。 Using Transparency in Web Design- Dos and Don'ts 下記は各ポイントを意訳したものです。 はじめに コントラストを作るために透過を使う イメージの重要な部分は隠さない さまざまなレベルの透明度を使う 透過するとテキストが読みやすくなるとは限らない 透過を使うのは少しのスペースに 激しいコントラストの画像には透過は置かない 透過をアートとして使う 透過を飾りとして使用しない 背景に透過を使う 同時に多くの透過のエフェクトは使わない 循環するイメージに透過を使用する おわりに はじめに 透過を使ったウェブデザインは非常に美しいですが、慎重にデザインする必要があります。透過はカラーのブロック・
無効なURLです
無効なURLです。 プログラム設定の反映待ちである可能性があります。 しばらく時間をおいて再度アクセスをお試しください。
初めてSassとCompassを使った際に参考にした記事まとめ
しばらく前から気になっていたCSSを書く時に便利だという「Sass」と「Compass」を自分のサイトを作る時に使ってみました。 順番に導入の手順を追ってもいいのですが、検索すると多くのサイトが紹介していますので、私が見て参考にしたページをまとめておきたいと思います。 Sassとは まずSassとは何かと言うと、CSSを生成するためのメタ言語で、これを利用することでCSSを早く書けたり、記述が楽になったりします。 Sassの公式サイトは以下から。 Sass – Syntactically Awesome Stylesheets Compassとは Sassを拡張して、便利な機能を追加してくれるものです。ベンダープレフィックスを自動でつけてくれたり、リセットCSSを呼び出してくれたり、CSSスプライトを使えたりします。 Compassのドキュメントは以下から確認できます。 Compass H
いざというときに便利そうな、ちょっと変わった珍しいアイコンセット - NxWorld
汎用性が高いUIアイコンなどと比べると使う場面は少ないものの、いざ使いたいときに便利そうなものやあまり見かけないタイプだと個人的に思ったアイコンセットのまとめで、過去に紹介してきたものをひとまとめにしました。 既に公開・配布終了しているものも一部あるのですが、ファイルダウンロード自体はできなくともデザイン的にはそのまま参考になることもあるので、そういったものはキャプチャが小さめではありますがリンク設定のみ解除する形で紹介します。 紹介しているアイコンを使用する際は、ライセンス等は各自で再度確認してください。 リンクが未設定で配布形式も記載されていないものは公開・配布終了しているものです。
おすすめエディタSublime Text2の導入と設定（初期設定編） | CodePlus
愛用エディタSublime Text2の記事です。何番煎じか分からないですが、これから導入を考えている人などいたら、参考になれば幸いです。Mac限定のエディタなどが多い中、Windows,Mac,Linuxで動くように用意されているのは嬉しい限りですね。 余談ですが、使い始めた当初私は、Windowsをメインマシンとして使っておりエディタ難民と化していたので、Sublime Text2を使用した時は使いやすさに感動したとともに、Windows用も作ってくれてありがとうと感謝しましたw インストール まず、公式サイトからダウンロードをしましょう。 Sublime Text – Download ダウンロードが完了したら、他のアプリケーションと同じようにインストールを開始しましょう。この段階では特に変わった操作などは必要としません。 Package Controlのインストール Subli
背景、全画面で動画を再生。BigVideo.js #jQuery / Maka-Veli .com
いつかきっと使うメモ 今回の記事は以下から How To Build a Fullscreen Background Video Player | Vandelay Design Blog About the Author:Jake Rocheleau @jakerocheleau. Jake’s Google+ profile. より詳しく、技術的に読みたい方は今すぐGOです（記事は一応チュートリアルで全文英語です） jQuery / jQuery UI / Video.js / imagesLoaded を用いて、bigvideo.js と以下の指定で動くそう。 <script type="text/javascript"> $(function() { var BV = new $.BigVideo(); BV.init(); BV.show('動画.mp4'); });
Webサイトで写真を使う時に気をつけたい基本の3つ / Maka-Veli .com
1 人物写真、並べる時は顔のサイズで合わせる 人物の写真が並んでいる時、かつ人物そのものを紹介する時なんかにやると良い感じ。 撮られた写真をそのままリサイズして載せるだけでなく、一工夫。 並べるなら人物の顔サイズを基準にして並べた方がキレイです。 どうしても顔サイズで合わせる事が難しい場合でも、例えば人物の足、腰、肩、顎、目、なんかのラインを揃えるだけでもキレイに見えます。 （元々の顔が大きい、小さいの差はあるので、そこは現実になるべく合わせる方向で・・・） 未調整 こっちは写真をそのままリサイズして調整 調整版 こっちは顔サイズで合わせてリサイズ。不足している部分が出るんですが、そこは伸ばしたり合成して誤魔化してます。 あ、ちなみに人物でも「シーン」として撮影されている写真だったり、メリハリや動きをつける為にあえて大きさバラバラにするのもカッコイイので表現したいコンセプト次
Sassで基本的なカラースキームを生成する
最近は配色を決めるときに、ColorHexaを参考によく使っているのですが、CSS書く時にいちいちコピペするのが面倒なのでSassの変数にまとめています。 必要なものだけここからコピペして、分かりやすい名前の変数に入れたりして使っています。 被ってる部分は実際にはいちいち指定してません。こういう配色だと分かりやすくするために念のため書いています。 // 基本とする色 $color-base: #0088cc; // 色相回転の基準角度 $hue-step: 30deg; // 補色 $color-complementary: adjust-hue($color-base, 180deg); // Analogous $color-analogous-primary: $color-base; $color-analogous-secondary-A: adjust-hue($color-b
GitHubが実践するオープンソース式マネジメント法
GitHubのミッションは、「1人で作業するよりも複数の人とコラボレーションしながら作業した方がいい。人のために、技術者のためにステキな環境を作ること」だ。GitHubは、2008年4月に「コラボレーションできる環境を作りたい」という夢を持った3人の想いが集まり始まったプロジェクトである。それから約5年経った現在では、300万人のユーザー数と500万のリポジトリが登録されている。 GitHubのはじまり 創業者の1人、ピージェー氏がプログラミングを始めたのは14歳のときである。ピージェー氏の父がパソコンを買ったことがきっかけで、「自分でいろんなものを作ってみたい」と好奇心が生まれたそうだ。 共同創業者のクリス・ワンストラス（Chris Wanstrath）氏と出会ったのは、「CNET Networks」で働いていたときであった。ピージェー氏とクリス氏は当時、Rubyを使ったプロジェクトやバ
How to Create Custom Social Media Icons in CSS3
STEP 1 – Creating the Buttons To begin creating our social media buttons we will start with creating the actual button. Let’s start by adding the simple HTML code below for the button. <html> <head> </head> <a class="share__btn" href="#">Tweet</a> </div> <a class="share__btn" href="#">Like</a> </div> <a class="share__btn" href="#">+1</a> </div> </html> Now that we have added the basic HTML we can
100 Best Web Design Blogs - DesignM.ag
li > a" data-ddst-label="Navigation Items" data-ddst-no-support="background,border"> li > a" data-ddst-label="Navigation Items" data-ddst-no-support="background,border"> Home Categories Tutorials Resources Inspiration Freelance Interviews Design Freebies About Contact Advertise With Us Write For Us Contact Over the past 10 years there have been hundreds and possibly thousands of new web design blo
新沢基栄先生の 『３年奇面組』（全６巻）を公開しました - (株)Ｊコミックテラスの中の人
いよいよあの「奇面組シリーズ」が、Ｊコミで全巻無料配信となります！(^^) まずは、１９８０年から週刊少年ジャンプにて連載され、１９８５年からアニメ化されて大ヒットとなった伝説のギャグ漫画、新沢基栄（しんざわもとえい）先生の 『３年奇面組』（全６巻）を公開しました。 http://www.j-comi.jp/book/comic/44391 続編で、シリーズの中心的な存在である「ハイスクール！奇面組」（全２０巻）も、明日から全巻無料配信いたします。スケジュールは以下の通りです。 ２月１６日（土）：『３年奇面組』 （全６巻） ２月１７日（日）：『ハイスクール！奇面組』 ０１〜０７巻 ２月１８日（月）：『ハイスクール！奇面組』 ０８〜１４巻 ２日１９日（火）：『ハイスクール！奇面組』 １５〜２０巻 オリジナルの「ＪＣ（ジャンプコミックス）版」は集英社から発行され、初版の発行年月日は１巻（１９８
TLで集めた顔文字
最終更新日：2015-09-04 19:45:09 1 2 3 4 5 6 7 » Last でもね〜今日は金曜だからそんな事忘れちゃおっ☆（＾Ｏ＾）ƪ(•◡•ƪ)"ょぃょぃ(∩'-'⊂)ꉂ'､з)っ⌒っꉂ `o´ )₍₍ ( ‾᷄꒫‾᷅ ) ₎₎੯ੁૂ‧̀͡u\ꉂꉂ ( ˆᴗˆ )Wake Up!(❀╹◡╹)ﾉ☆眩しい日差し浴びて(˶‾᷄ ⁻̫ ‾᷅˵)今胸の希望が君と重なる(灬ºωº灬)Stand Up!(❀╹▿╹)ﾉ☆開けない夜はないから(๑•̀ㅂ•́)و✧明日の笑顔信じるんだ٩( ´◡` )( ´◡` )۶いくぞ!٩(ˊᗜˋ*)وがんばっぺ!╭( ･ㅂ･)وWake Up, Girls!(✿╹◡╹)ﾉ☆大きく大きくチェンジ✧ヾ(❀╹◡╹)ﾉﾞそれは楽じゃないけど(*≧o≦)b❤だって☆｡ヾ(*'∀`*)ﾉ♡*キミがそばにいるから(／≧∇)／＼(∇≦＼)／♪ﾟ+｡:.♡勇気出して
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
TechCrunch | Startup and Technology News
Mobile Safariで端末の傾きを取得する - yattのブログ
サービス終了のお知らせ - NAVER まとめ
finefinefine.jp
502 Bad Gateway
ブログ(WordPress)をMarkdownで書く | KYOKUTYO NO BLOG.