『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年3月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材/配色やWeb制作といった最新トレンドも公開中。
![背景デザイン_無料テクスチャ素材50枚まとめPhotoshopVIP |](https://cdn-ak-scissors.b.st-hatena.com/image/square/c88b4d23627571f5d0f97c1db7272869eb973066/height=288;version=1;width=512/http%3A%2F%2Fphotoshopvip.net%2Fwp-content%2Fuploads%2F2014%2F04%2F50newtexture_top.jpg)
UXデザインのコンサルティングではよく品質優先度マッピングというものを行います。これは開発プロジェクトの上流工程において、実装を検討している機能をリストアップし、そのひとつひとつについて想定する利用者の割合や利用頻度の観点からグルーピングし、実装の優先度を決める作業です。 これを行う目的は、UIをできるだけシンプルに保つことにあります。ユーザーが求める機能をすべて盛り込むと、当然UIは複雑になり、誰にとっても使いにくいものになります。また蓋然性のバランスが取れていない要件はプログラムを複雑にし、バグが増える原因になります。 UIデザインにおけるパレートの法則(結果の大部分は全体の一部によって生み出される)は、「ユーザーの80%は全機能の20%しか使わない」というものです。その20%に注力し他の優先度を下げることで、製品の利便性は向上するはずです。 Core, Important, Nice
手描きの質感がいい感じ!鉛筆・チョーク・パステル・クレヨン・筆などのPhotoshopのブラシのまとめ
iHover CSS3ベースの新しいhoverエフェクトが実装できる「iHover」 マウスオーバーした際のホバーエフェクトをCSS3アニメーションを使ってリッチにすることが出来ます。 コードは必要な物を読み込んだ後、マークアップにclass属性でアニメーションタイプを指定すればOKみたい ちょっと派手目で、乱用は控えたいところですが、お手軽でいいですね。 関連エントリ CSS3のグラデーションがより簡単に使えるようになるjQueryプラグイン「Rainbow.js」 FontAwsomeのアイコンフォントをCSS3でアニメーションさせる「Font Awesome Animation」 WEBデザイナ必携のHTML5&CSS3のコードジェネレータ「HTML5 & CSS3 Tools and Tutorials」
パネルにもシャドウは適用できます。 Shine.jsの使い方 Step 1: 外部ファイル 当スクリプトを外部ファイルとして記述します。 <head> ... <script type="text/javascript" src="../dist/shine.min.js"></script> </head> Step 2: HTML テキストや画像、パネルなどの要素は、スクリプトで指定できるようclassなど付与しておくと便利です。 <h1 class="shine-text">テキスト</h1> <img class="shine-image" src="image.png"> <div class=shine-panel">パネル</div> Step 3: JavaScript スクリプトで適用する要素を指定し、シャドウを設定します。 <script type="text/java
今日は、『ノマドワーカー』などの著者、立花岳志氏の『好きなことだけして食っていくための29の方法』から、わたしが気になった5つをご紹介します。わたしが思ったことを書くので、さらに詳しい内容などについては、本書を実際に読んでみてください。 サラリーマンだけが知らない好きなことだけして食っていくための29の方法 作者: 立花岳志 出版社/メーカー: 大和書房 発売日: 2014/03/22 メディア: 単行本(ソフトカバー) この商品を含むブログ (1件) を見る 「好きなことだけして食っていくための29の方法」から5つの方法 1.挑戦できなくなる人生ほど怖いものはない 2.備えがある人は突っ走れる 3.仕事をつまらなくしているのは結局、自分なんだ 4.人の役に立つことを考えていれば、お金は稼げる 5.理念と愛のある会社が尊敬される時代になってきている 好きなことをやりたい 「好きなことだけし
hn, pなどの要素を使ったテキストの左右に、水平ラインを天地中央に配置するスタイルシートのテクニックを紹介します。 HTMLは非常にシンプル、カラーやサイズの調整も簡単、背景画像も問題ありません。 実装のポイントは5つ。 画像は使用しない。 spanなど、余分なHTMLは使用しない。 フォントのサイズを大きくしても自動で調整される。 可変。 背景が画像でも水平ラインが綺麗に描かれる。 実際の動作は、下記ページで確認できます。 デモは全てのモダンブラウザ、IE9+でご覧ください。 Heading Side Lines HTML HTMLは非常にシンプルで、hnやp要素のみで実装できます。 classを使用すれば水平ライン有り・無しの共存も可能です。 <body> <h2>テキストの左右に</h2> <h3 class="lines-on-sides">水平のラインを描く</h3> </bo
新入社員が退職した。 入社してわずか10日。 「この会社は自分に合わないと感じた」というのが退職理由。 あまりにも漠然とした理由なので、具体的になにがどう合わないと感じたのか尋ねてみた。 すると。 「販売はアルバイトの延長のような仕事。ずっと続けていく気にならないし、自分に向かない」とのことだった。 当社では、2週間の新入社員研修期間中に売場での販売実習を数日行なう。 講義とロールプレイングで学んだ接客応対技術を、実際に売場で体験するのが目的だ。 その実習の結果、新入社員のKさんは「自分に合わない」と思ったそうだ。 辞めてどうするのか、Kさんに聞いてみた。 「公務員を目指します。」 まただ。採用や研修を担当していると、毎年必ずこういう若者と遭遇する。 「安定していて、楽そうだから」という、かつての私と同じ発想。 いや、決めつけるのはよくない。公務員(地方上級とのことだった)を目指す、彼なり
クラウドソーシングサービスなどというサービスにちょっと手を出してみました。結論からいうと、正直あまり使いたくないなと思いました。よくも悪くも名前を聞くランサーズというサービスについてです。なんかもっと上手に付き合う方法がある気がしてたんだけどなあ。 クラウドソーシング(というかランサーズ)について どんなサービスか ランサーズ 一言でいうと、仕事をやってほしい人と仕事をしたい人のマッチングサービスです。 特徴 良い所 営業しないでもお客さんと出会える可能性がある エスクロー入金(後述します) 手数料は無難な料金設定だと思う。特に文句はない。 悪いところ 今からツラツラと書く。 どんな仕事内容がマッチングされているのか システム開発 webシステム・アプリ開発・ソフトウェア開発・VBAなど・ゲーム開発・サーバ構築・セキュリティ・DB構築 Web制作 ホームページ/webデザイン・スマホ/モバ
今さら、TeX の発音が話題になっているようです。 TeXはテック もう何度目だというぐらい目にしている気がするのですが、この問題は本質的にややこしいのでどうしようもないですね。 この問題について書かれているページのひとつとして、以下のものがあります。 「TeX」の読み方はテフ、それともテック? これは非常に詳しく書かれていて、付け加えることなんてないようにも思えますが、ほかの言語の事情も含めて書いてみます。 まず、クヌース自身の書いていることから。 上記のページにある通り、彼は「TeXを知っている人は、TeXのχをxとは発音せず、ギリシャ語のchiのように発音する」と明確に書いています。 発音記号では [tex](「テッフ」のような音)となります。 この [tex] を正式発音と考えると話は簡単です。 いくつかの言語では、この正式発音をもとにして、それぞれの言語流の発音をしています。 ロ
さまざまな情報の入手に役立つインターネット。しかし広大なネットの中から、必要な情報をすばやく得るためには、調べ方のコツを知っておく必要がある。なるべく少ない手順で、かつ正確な情報をすばやく入手するための方法を把握しておくことは、ビジネスでもプライベートでも、必須の知識と言っていいだろう。 今回は、ウェブサイトや画像の情報をはじめ、サーバやウェブサイトのデータ、さらにはその評判といった各種情報をすばやく入手するための、便利なツール群をまとめて紹介する。ひとつずつ調べていてはどれだけ時間があっても足りない場合も、これらのツールを使えば効率的に情報を得られる。ぜひさまざまなシーンで活用してほしい。 ◇世界11都市のタイムゾーンを手軽に調べられる「Every Time Zones」 「Every Time Zones」は、世界11都市の現在時刻を手軽に把握できるサービス。現在時間をドラッグすれば各
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く