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

2015年2月18日 CSS 過去に書いた「かわいい系デザインに使えるフォントや素材、デザインアイデアを集めました」という記事でかわいい系デザインの作り方を紹介しました。今回はかわいい系第二弾！CSSだけでできるかわいい小技をいくつか紹介します。すべてデモ付きなのでイメージしやすいかな？と思います。デモ画面内にある「HTML」「CSS」タブでコードが表示されるので、コピペして使ってくださいね！ ↑私が10年以上利用している会計ソフト！ 目次 キラキラ系テキスト マーカーでラインを引く ステッチ風ボックス リボン 画像をハート型で切り抜く ハートの鼓動 ラブビーム 1. キラキラ系テキスト 某ギャル雑誌（もう刊行されてないのかな？）で毎回見かけていたこの白抜き＋明るい色のシャドウ。CSSでは text-shadow を用いて表現できます。ポイントは文字を白に設定し、シャドウの横位置・縦位置と

おはうぃーす！　しょごです。 先日ノートPCを購入しました、これでスタジオでドラム録音とか動画作成とか気兼ねなくできます。 久しぶりに演奏動画でもアップしよう、、ゲーム実況もいいな。。。ふふふ。。 さて、今回はInstagramAPIを使ってWebサイトと連携したときの話です。 Instagramとは iPhoneやAndroid端末で写真を撮影し、共有するスマートフォンアプリのことです。Webからも閲覧でき、固有アカウントを設けて投稿管理ができる写真特化型のSNSです（もちろん無料）。 Twitterのようにフォローした人の写真がタイムラインに流れてきて、アップロードした写真には「いいね！」やコメントを付けることができます。アプリ内のカメラで撮影した写真や、カメラロールの写真を選択して手軽にアップロードができます。 プライベートモードで非公開設定も可能。Twitterとの最も大きな違いは

スマートフォンの普及で、PCで閲覧するWebサイト（以下、PCサイト）に対する注目度は下がっています。しかし、BtoBのデジタルマーケティングにおいては、PCサイトが今後も戦略の中心になるでしょうし、BtoCにおいても、PCサイトが不可欠な領域もまだまだ多いです。 ハードウェア的に大きな変化のないPC向けのWebデザインというと、ノウハウは固定化されている印象もありますが、実際には時代の流れを受け、今も変化を続けています。特に以下のような環境変化が、PCサイトのUIデザインにも大きな影響を与えています。 表示デバイスの多用化 スマートフォンアプリの一般化 タッチスクリーンの普及 トレンドに合わせれば成功、というではありませんが、その根底に流れているユーザ動向の変化については、十分に理解しておく必要はあるでしょう。そこでこのエントリーでは、PCサイトのUIデザインにおける最新動向を、その背景

あなたが話していると、周りの人がソワソワし始めた・・・。そんな時は自分の口臭を疑った方がいいかもしれません。口臭はいろいろなトラブルの元。あなた自身が自分の口臭の原因に気付き、対策することで、人間関係はもっとスムーズにいくかもしれないんです！ あなたが話していると、周りの人がソワソワし始めた・・・。そんな時は自分の口臭を疑った方がいいかもしれません。口臭はいろいろなトラブルの元。あなた自身が自分の口臭の原因に気付き、対策することで、人間関係はもっとスムーズにいくかもしれないんです！ こんにちは！ ユリカモメ病院の新人ナース、山下リコです。 あなたは、他人に話をしっかり聞いてもらえるタイプですか？ もし、話をしっかり聞いてもらえないのなら、それは、あなたの話がつまらないわけではなく、あなたの口が臭いからかもしれません！！ 実は、世の中のトラブルの多くは、口臭が原因かもしれないんです！ ●

先日、Nibbler（ニブラー）という、SEOとWEBマーケティング分析サービスを見つけました。 これを使ってみたら、無料ながら、かなり詳細にサイト分析（改善点の可視化）が行える素晴らしいツールだったので紹介です。 Nibblerとは Nibbler – Test any website Nibblerとは、フリーのウェブサイトテストツールです。 アドレスを入力するだけで、アクセシビリティ、SEO、ソーシャルメディアテクノロジーなどの観点から、ウェブサイトをクロールして、レポートを出してくれます。 加えて、適切な改善提案を示してくれるので、提案に従ってサイトを修正すれば、かなり良いサイトに仕上がるのではないかと思います。 Nibblerを英和辞典で調べてみると、「少しずつかじる（小動物）」、「打抜き切断工具」などという意味があります。サイトを細かく分析するツールという意味もあるのだと思いま

Twitterをマーケティングに活用しているしているという企業も多いだろう。そんな企業にとって、Twitterは今後さらに重要なツールになりそうだ。 米Twitterが米Googleと提携し、Googleの検索結果にツイートが表示されるようになると言われている。これにより、あなたのツイートがフォロワー以外の目にとまる可能性がぐっと高くなる。 TwitterとGoogleとの提携により、Twitter上のツイートがGoogleの検索の対象になる。 この提携が反映される時期は2015年前半となっており、予定通りであれば数ヶ月で実現することになる。Googleはほぼリアルタイムでツイートをクロールするため、あなたのつぶやきがタイムリーに、場合によってはツイートしてすぐに、潜在/既存顧客の目に触れる可能性がぐっと高くなる。 これは、少しでも多くの人にツイートを読んでもらいたいという人には朗報だ。

リンク先を別タブで開く用途で、a要素へのtarget="_blank"の指定に加えてrel="noopener noreferrer"が指定されていることがあります。しかし現時点では、リンクを別タブで開く目的にて「target="_blank"とrel="noopener noreferrer"をセットで記述」というのは不要です。特にrel="noreferrer"の指定はアクセス解析に影響を及ぼします。

Y軸がFleschスコアだ。検索順位上位にあるURLとの正の相関関係がかなり強く、平均的に読みやすいテキストであることがわかる。 ただし、コンテンツを長く（または読みやすく）するだけで検索順位を上がるわけではない。重要なのは、1つのトピックに一面的な見方だけをしているわけではないユーザーに対して、関連性が高く、包括的なコンテンツを提供することだ。 今回の調査結果が裏付けている見方がある。それは、検索エンジンがキーワードだけを重視するのをやめて、キーワードやさまざまな関連用語を中心とした個々のテーマやトピックエリア、いわゆる「コンテンツ群」を分析するようになってきたというものだ。 「SEOチェックリスト」をやめるだから、今でも市場で過剰に使われている観のある「SEOチェックリスト」という時代遅れの習慣は、すぐにやめてほしい。重要なのは検索エンジンのためにキーワードを最適化することではない。ユ

フォントによって、見た目の印象はかなり変わります。 言い方を変えれば、フォントを上手く使いこなすことによって、表現の幅を広げることも可能です。 とは言っても、なかなか自分が使いたいフォントを見つけるのは非常に大変です。 ということで、今回はそんな方のために役に立つフリーフォント検索・ダウンロードサイトをいくつかご紹介します。 FREEフォントケンサク FREEフォントケンサクは、国内のフリーフォントをまとめたフリーフォントリンク集です。 各フォントを見本付きで書体別・ジャンル別で検索できるので、とても便利。 オーソドックスなフォントから個性的なデザインフォントまで幅広く揃っています。 フォントに困ったら、まずはこのサイトで探してみると良いでしょう。 FREEフォントケンサクのサイトはこちら

Twitter社が開発した人気のCSS/JavaScriptフレームワーク「Bootstrap」。誰でも簡単に利用できることが売りですが、一からサイトを作り上げるとなると、それなりに時間がかかってしまうかもしれません。 「Bootstrap Zero」は、そのような時に参考にしたい、高品質なBootstrap用のテンプレートコレクションサイトです。Bootstrap的ではない、美しいデザインのテーマから、Bootstrapっぽさを残したオーソドックスなテーマまで、たくさんのテーマを無料でダウンロードすることができます。 Custom Bootstrap Templates Custom Bootstrap Templatesカテゴリには、Bootstrapっぽさをできるだけなくした美しいテーマが集められています。製品/アプリの紹介サイトや、管理画面に使える、最近よく見かける形式のテーマが揃

リュックによく付いているブタの鼻のような、コンセントのような形をしたもの。実はこれ、飾りではなくてちゃんと名前がついています。これはピッケルホルダーと呼ばれているもので、穴にヒモを通して、ピッケル（ツルハシのようなもの）を括りつけるために付いています。登山用の本格的なリュックの底にはヒモが付いており、底のヒモとピッケルホルダーで登山道具を固定して使うというわけです。 雪山を登るときには必須アイテムといえますが、街中で見かけるカジュアルなリュックに付いているピッケルホルダーは実際に使うには強度が足りず、デザインで付いているものが多いです。有名なアウトドア系のブランドのものにはだいたい付いていますね。もちろん、本格的な登山用のリュックは実用性も考えて丈夫につくられています。 このピッケルホルダー、私のまわりの愛好家の間では見た目のままブタ鼻と呼ぶ人も多いですよ。 ＜あわせて読みたい＞ 「太平洋

被リンク数の多いサイトよりも、特定の分野における専門家が書いたサイトを評価するGoogleが今後の検索のルールの変化について明言しました。 これまでの被リンク数重視から、著者重視に変えていくととのこと。 つまり、信頼できる人物が執筆したものかどうかを、コンピューターが解析し、検索上位に表示させるかどうかを判断するということです。 で、そのコンピューターの解析により、はじき出された評価のことを、オーサーランク（Author Rank）と言います。 このオーサーランクが、今後の重要な評価基準になるんですね。 そうなると、被リンクで生きてきた、薄っぺらい内容のアフィリエイトサイトのようなものは駆逐され、毎日専門的な記事を書いているようなブログは、より発信力を得ていくことになるように思います。 数百、数千ものサイトを量産し、アフィリリンクを置いて自動で稼ぐ！ なんてことは出来なくなっていくことでし

Spring ★431 手軽にアニメションが行えるライブラリです。SrotyBoardからアニメションの設定を行えるのがいいですね。 インストール Xcodeに手動でドロップします。 サンプルコード アニメションのコードはとってもシンプルです。 ２６種類のアニメションパターンを設定できます。 shake pop morph squeeze wobble swing flipX flipY fall squeezeLeft squeezeRight squeezeDown squeezeUp slideLeft slideRight slideDown slideUp fadeIn fadeOut fadeInLeft fadeInRight fadeInDown fadeInUp zoomIn zoomOut flash デモ デモアプリでアニメションの動きを確認できます。 design+

Inc.：ゆっくり眠るのは死んだとき、とつぶやいている人は、その日が来るのをずっと早めるような行いをしていると気づいてください。 夜更かしをすると健康も生産性も損ないます。ハーバード・メディカル・スクールの睡眠医学部によれば、睡眠をとらずに仕事をすると短期的には生産性が向上しますが、あっという間にそれも帳消しになります。翌日以降は睡眠不足が気分や、集中力や脳の高度な機能に悪影響を与えるからです。睡眠不足からくる悪影響は大変大きく、酔っぱらっている人のほうが睡眠不足の人よりも高い能力を発揮できるぐらいです。 成果をあげるには適度な睡眠が必要である理由 睡眠が脳に良いことはすでに知られていますが、ロチェスター大学の新しい調査により、脳細胞が睡眠を必要としている理由（しかも適切な方法で睡眠をとることが必要です。これについては後述します）を示す直接的根拠が初めて提示されました。その研究により、目覚

もう１０年以上も前に終了した当時の人気ＴＶ番組「マネーの虎」が、今でも話題を集めているようで、ちょくちょく色んなところでその名前を目にします。 「なんで今更マネーの虎？」 「うわーなつかしー！」 と、そんなリアクションが聞こえてきそうな感じですが、１０年経った今でも注目を浴びているのには理由があるからなんです。 マネーの虎とは ビジネスアイデアや夢があるけれどお金のない志願者（一般人）が、年収１億円を超える虎（成功者）にプレゼンをし、投資を勝ち取る「投資バラエティ番組」という、聞いただけでもかなり面白そうな番組でした。 そして、志願者に対して甘いプランがあると、完全に否定し、怒鳴り、もう立ち直れないほどに言葉でボコボコにする虎の姿が、見ているこっちまで緊張してしまい、見ていてハラハラします。 だけどその分、稀にマネーが成立したりすると厳しい虎たちも拍手を送り、視聴者としても厳しいからこそＴ

あれ？この文章の書き方…あの人に似てるな？ 他にもブログ書いてるって言ってるけど、どんなこと書いてるんだろう？ そう思ったことありませんか？私はあります。 全国のネトスト（※1）マニアなみなさん。お待たせしました。今回は同一運営者ブログの見分け方を教えちゃいます。 (※1)ネトスト＝ネットストーキング。ネット上でストーキングをすること。 photo by Kevin Squeak スポンサーリンク 同一運営者ブログ探しの第一歩 同一で運営しているブログにはある程度共通点があります。まずはそれを見極めます。 テーマ・キャラ設定が似ている あります。こういうのありますよねーヾ(ﾟωﾟ)ﾉ゛ 扱っているテーマが同一だったり、執筆者のキャラが似ていたり。この問題のやっかいなところは「模倣かもしれない」ということ。 有名な人の設定を真似ることで手っ取り早く人気者になろうとする層はいつの時代も確実にい

最近はまた自分の中でワインブームです。 安ワインをガブガブと。 基本は1000円前後。 そう、対外的に言うときは 「1000円前後」。 でも、たいていは 「500円以内」 のワインを飲んでいます。 ワインはその時の体調や料理とかによって、味は違ってくると思っています。あ。ワイングラスによっても違いを感じます。一緒に飲む相手によっても変わったりするかなぁー。 うん。 日常的には安いワインで！！ ［広告］ そんなときにダイソーにワインがあるとっ！！ 1本税込108円！ ちょっと興味ある～～～ と思っていたら、あちこちで記事になっていました。 【コスパ良い贅沢】ダイソーの100円ワインが高級ワイン級のウマさ『シラー』はグラス500円でも納得の味 | ロケットニュース24 近所のダイソーには置いてなかったのですが、頼みもしないのに「ワイン好きでしょ」とプレゼントされました。感謝するやら、もっと高い