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

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

一定期間更新がないため広告を表示しています

WordPressのブログは一般的に記事タイトルと記事の概要が単純に縦に並ぶだけですが、jQuery Masonry という jQuery プラグインを使用すると、このブログのトップページのように雑誌や新聞のような段組で記事一覧を並べることができます。 jQuery Masonry は WordPress 用に作られたわけではありませんが、WordPress テーマに組み込んでトップページ等で使用することができます。 ただ、公式のドキュメント通りに JavaScript を書いただけでは WordPress テーマではうまく動かないので、やり方をここにまとめておきます。 ここでは、WordPress 3.3 のデフォルトテーマ「TwentyEleven」をベースに解説します。 準備 まず jQuery Masonry 公式サイト のページ中央にある「Download the script

Facebookのアカウントになんらかの問題が発生し、ログインできなくなったときの対処法についてのご紹介です。別のメールアドレスを登録したり、携帯電話番号を登録したり、秘密の質問の設定が行えます。 詳細は以下より。 まず、Facebookの「セキュリティ情報を更新」ページへアクセスします。 全部で3つの項目があり、それぞれ設定してみましょう。メールアドレスを複数個登録しておくと、万が一の時にそれらのメールアドレスでログインができるようです。 秘密の質問くらいは、最低限設定しておいても良いのではないでしょうか。今一度設定を見直してみてください。 「セキュリティ情報を更新」ページ （カメきち）

20 Useful Free Google Docs Templates FreebiesAndrian Valeanu • January 22, 2023 • 9 minutes READ A Google Docs Template allows us to upload, download and create documents with file extensions such as .ppt, .xls, .doc, .jpg, and .bmp to access on our personal computers. There are a wide range of templates available with Google Docs that can be used for converting or to generate the content for the

ちょっと適切なタイトルが思い浮かばな かったのですが、指定した要素を沢山 配置してアニメーションでランダムで 移動させる、というjQueryプラグイン。 デモでは、よく見かけるパーティクルで 作成したホタルっぽいエフェクトを用意 しています。 タイトルじゃ良く分からないと思いますのでデモをご覧下さい。 itsfireflyで使われているエフェクトのオマージュみたいですね。ホタルっぽいエフェクトです。 Canvasとかじゃなくて、画像を直に指定してランダム表示させてアニメーションで動かすプラグイン、みたいな感じ。cssのpositonとz-indexで背景化しています。画像を変えれば違った表現も出来ますねー。プラグインも軽量です。 コード <script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jque

「CSS の ID 名や CLASS 名の単語の連結にハイフンを使うべき、キャメルケースとかアンダーバーとかダメ」的な主張を去年ぐらいにどこかで読んだ記憶があるのですが(うろおぼえ)、 /* たしか… これがオススメのスタイルで */ .hoge-huga-piyo {...} /* これとか… */ .hoge_huga_piyo {...} /* これはイケてない(らしい) */ .hogeHugaPiyo {...} 個人的には「ちょっとそれ CSS に寄り過ぎてて、視野せまくないかー」という考えをもっていたので、つらつらと書いてみます。 E:first-child や E[key|="value"] などのハイフンを前提とした構文に関してはもちろんありですよ。ここで取り上げてるのは、属性セレクタや擬似クラスセレクタについてではなく、IDセレクタ と CLASSセレクタ についてです

WEBを制作にあたり便利な素材アイコン。一つ一つアイコンを制作するのはとても大変で、ピクセルアート的なピクトグラムであれば一層時間がかかります。今日紹介するのは10pxで様々なものを表現するミニピクセルアイコンセット「Bijou」です。 アイコンはすべてpngで配布されており、さらにありがたいことに、ソースファイルのpsdも用意されていますので、オリジナルのアレンジを加えることも可能です。 詳しくは以下 10pxの限られた情報スペースの中で見事に表現されていて、細かいだけではなくて、クオリティも確かなものです。こういった細かな配慮、アイコンのクオリティがサイト全体のクオリティをも上げるものだと思いますので、もう一歩クオリティを上げたい方はぜひどうぞ。 こちらはVisual Idiot · Some free gifts from your good pal, VI.で公開しているもので、そ

iCloudのブックマーク同期がうまくいかない人へ。Mac/iPhone/iPad間のSafariとChromeでブックマークを完全に同期させる方法と気を付けるべきこと 「MacのSafariで登録したはずのブックマークがiPhoneに同期されない…」「これ消したのに消えてねー！」などiCloudのブックマーク同期がうまくいかず、さんざん悩まされた挙句、検証に検証を重ねた結果、原因やら何やらいろいろ見えてきたのでまとめておこうと思います。iCloudのブックマーク同期がおかしい、思ったように同期されない、とお悩みの方は参考にしてみてください。 準備するサービス 当然ながら、MacOSとiOS間のSafariでの同期にはiCloudのみでOK。MacでさらにChromeやFirefox等と同期させるには、Xmarksを使います。 [link href=”http://www.xmarks.c

先週、紹介したAntiCropがリリースされました。撮った写真の中には実際には存在しない写真の外の景色。それをこのアプリではシームレスに拡張してくれます。写真の中では存在しないはずの部分を構築してくれるので、一度撮ってしまった写真でも、例えばもう少し被写体が左（右）だったらとか、構図がイマイチだった写真をもう一度よみがえらせてくれるようなアプリです。 サポートサイトは下記になります。 ● AntiCrop – iPhotoMania App Storeでは写真/ビデオカテゴリにあります。 ● AntiCrop – Adva-Soft このアプリはiPhone/iPad両方でそのまま動作するユニバーサルアプリになっています。 ※ただしバージョン1.0ではオリジナルサイズを使用して保存する際に保存できないバグがあります。回避策は後で記述しますが、バグありは嫌だなという方はバージョンアップまで待

TODOリストからタスクがいつまでたっても消えない原因のひとつに、「やるべきことが大まかすぎて、何から手をつければいいのかわからない」ということがあります。そのような時は、タスクを小分けしていくと行動を起こしやすくなります。 例えば、「パソコンをオークションに出品する」というタスクがあるとします。TODOリストに「パソコンをオークションに出品する」とだけあると、どこから手をつければいいかがわからず、なかなか進まないものです。しかし、「パソコンを初期化する」、「付属品に欠品がないかチェックする」、「パソコンの写真を撮る」、「オークションの説明文を書く」とタスクを小分けしていくと、まずどこから手をつければいいかわかりやすくなり、最初の一歩が踏み出しやすくなります。 そこで、もしあなたがMacユーザーなら、タスクの小分け作業にオススメなのが、Mac用アウトライナー『tree』です。ツリー上に横へ

「Ourspot」は、ウェブ上で見つけた情報を特定の人と共有するために、個々の「スポット」を作成してくれるSNSです。友人や恋人、家族などとの情報共有が簡単にできます。誰と何を共有するかは自分次第。まずは、冒頭のデモ動画をどうぞ。 Music by Jordan Seavers. Ourspotは、Facebookのかわりといったポジションを目指しているわけではないようで、Facebookアカウントを使ってサインインできます。例えるなら、共有をよりプライベートに行うための拡張サービスといった印象です。Facebookと同時に投稿することもできます。 オンラインで見つけたお気に入りのものを、特定のスポットのメンバーと簡単に共有でき、メモや画像の投稿も可能。さらに、Ourspotは追加したものを分析し、カテゴリーごとに整理してくれます。とてもシンプルなウェブアプリですが、簡単に使えて、ニッチな

Adobe Illustrator is a powerful resource not just for graphic designers but also to everyone as it allows us to create cozy, vague, glowing, gelatinous, sleek, shimmering, vintage and groundbreaking effects. You could make scalable vector graphics such as art logos, art pieces business cards and appealing text effects. Aided by the help of Adobe Illustrator, you could achieve sort of excellent and

Modern CSS development has come a long way with best practices made easier through tools. Dozens of free CSS libraries, tools, webapps, and automated scripts make it so much easier to build websites. Bourbon Mixin libraries are a dime a dozen but Bourbon is a truly valuable resource for Sass developers. It’s a free mixin library for developing vendor prefixes and automated values with functions li

結構参考になったので備忘録がてら ご紹介。Webサイトの制作スピードを より向上させるために、汎用的なUI を集めて、マークアップも綺麗な状態 で済むように設計されたスターター キット、というかフレームワークです。 制作スピードを向上させる目的で作られたHTML5フレームワークです。レイアウトだけでなく、汎用的なUIも備わっていて、class名1つ付けるだけでタブやスライドショーを実装出来るようになっています。 そういった仕様にする事で、シンプルで綺麗で可読性の高いソースを保てるように設計されていたりと、結構参考になるスターターキットですよ。フレームワークは自作してるので良い部分を組み込んでみようかなと思いました。 タブやドロップダウン、スライドショーなどを備えているだけでなく、class名1つで実装出来るようになっているので、綺麗なソースを保持する事が出来るようになっています。 いろいろ