『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年3月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材/配色やWeb制作といった最新トレンドも公開中。
ネットワークマップなどネトワーク系の作図を行う際、アイコンが無い場合であったり、製品にあったアイコンなどが見つからずアイコンを探すのに苦労をする場合があると思います。サーバやネットワーク機器のメーカによっては、ネットワーク系の作図を行う時に使えるアイコンやVisioのステンシルを提供しているところがあります。今回はそれぞれネットワーク図の作図に便利なアイコンを配布しているサイトをご紹介いたします。 《Cisco》 CiscoのWebページからネットワーク系のアイコンなどをダウンロードできます。JPGなどもあるのでPowerPointでの作図もできると思います。 ○ネットワーク トポロジー アイコン - 製品&サービス - Cisco Systems 《OSA Icon Library》 こちらのサイトではネットワーク系アイコンを配布しています。 ○Icon Library 《AWS》 AW
iOS設定アプリショートカットアイコンサイトのまとめ 2011-12-05 iPhoneのWiFi設定の切り替えは、バッテリーの節約や、電界強度の弱いアクセスポイントに繋がらないようにするためにちょくちょくオンオフしたりします。でも標準の設定アプリではWiFi設定までの手数が多く、面倒でした。 そこでiOS5からは、設定アプリの画面へのショートカットをホーム画面に作成できるようになりました。ショートカットはアプリ等を利用して自作することもできますが、ショートカットを配布しているサイトも沢山あります。アイコンの種類やショートカットタイプなど様々なので、まとめてみました。 目次 1 Click Config | ショートカットタイプ選択可、アイコン4種類 ショートカットタイプが選べる アイコンは4種類 ショートカットタイプを自由に選択でき、アイコンデザインが4種類から選べます。設定の種類も豊富
こんにちは。和田です。 今回はiCloud風のアイコンをFireworksで作成したいと思います。 オブジェクトは3つだけで作成できるのでとても簡単です。 それでは作成したいと思います。 まず始めに700×700pxの新規ファイルを作成します。 そして、 1.土台?となる部分の矩形を作成します。 ・サイズ:512×512px ・丸み:94px ・塗り:線形グラデーション →グラデーションの値(番号は下記の画像に記載している番号を表しています。) (1) #DDDDDD (2) #89898B (3) #545456 2.次にステンレスのようなヘアライン効果のオブジェクトを作成します。 2-1.円の矩形を作成します。大きさは、「1」で作成したものより大きく作成します。 大きく作成するのは、この後で設定するフィルタ(ぼかし(放射状))の効果を奇麗に反映させる為です。 ・サイズ:646×646p
Cue ? A gesture icon system ? Some Random Dude スマートフォンでの指ジェスチャの説明に使えるアイコンセット「Cue」 スワイプとかいっても、それ何?と言われそうな気がする今日このごろですが、今回紹介するアイコンを使えば、なんとなく説明がしやすくなるかも。 次のような指を模したデザインに矢印などをつけてジェスチャーを表現したアイコンセットが公開されています サイト自体のチュートリアルページなんかに使うといいかもしれませんね。 PNG、SVG形式で公開されています 関連エントリ オープンソースのマルチタッチ用ジェスチャーアイコンセット iPhone等でもスワイプで画像を送れるカルーセル実装jQueryプラグイン「Roto」 Firefox4のAudio Data APIで楽譜をWEB上で演奏するデモ
WEB制作には欠かすことができない、アイコン。デザインのクオリティアップ。ユーザーインターフェースの向上など、様々な効果を与えてくれます。今日紹介するのは、シンプルでピクトグラムライクなフリーアイコンセット「Icons8」です。 収録されているアイコンは全部で153個「KITCHHEN Set 」、「Coins」「Transport Set」などなどジャンルを問わず収められています。収録されているアイコンがまとめられていますのでWEB制作だけにはとどまらない使い方ができそうです。 詳しくは以下 シンプルながらも的確に表現されていて、アイコンとしての完成度は高く、その種類の豊富さから使い勝手も良さそうです。 アイコンのライセンスは、Creative Commons — Attribution 3.0 Unported — CC BY 3.0となっており、商用、非商用に関わらず、ライセンスの範
フリーで使える、企業サイトでもよく見かける「新窓」アイコンをご紹介します。 Sheps4Freeさんでは、100のアイコンがDLできますよー! お気に入りの新窓アイコンを、Fireworksの共有ライブラリに登録しておけば 効率化が図れそうですね♪ 100 External Link Icons (PNG, PSD) http://www.shapes4free.com/vector-icons/external-link-icons/ 関連記事 jqueryなどのgoogleライブラリを参照するscriptタグをコピペできるScriptSrc.net 2011/12/08 タグの閉じ忘れをチェックするブックマークレットが便利。 2011/12/04 センスのよいインフォグラフィックが集まるコミュニティ「visual.ly」 2011/11/25 フリーで使える!企業サイトでよく見かける、
iOS:誰かに電話をかけたり、画面の明るさを下げたりなど、iPhoneで日常的に何度も行う作業を連絡先や設定、ブラウザ経由で行うのが手間に思えてきた方は、『IconProject』を使ってホーム画面にショートカットを作成してみてはいかがでしょうか? 頻繁に電話する連絡先がある場合、その番号へ電話をかけるショートカットがホーム画面にあると便利です。同様に、Wi-Fiのオン・オフ設定を頻繁に変更する場合、設定へ1タップでいけるようになっていれば、毎回設定アプリからアクセスするよりも気軽に変更できます。Icon Projectは、そういったさまざまなアクションを実行するためのカスタマイズ可能なショートカットをホーム画面上に作成できる、iOS用アプリです。 起動したらテキストボックスの上にある「Select Type」ボタンを押し、誰かにテキストメッセージを送信、電話をかける、FaceTimeを開
250種類以上のアイコンが一括ダウンロードできる「Free Icon Set For Web Designers: Aroma (250+ PNG Icons)」 webサイト制作の必須アイテムとなっているアイコンは、フリーで公開されている作品も多いですが、テイストを合わせたアイコンを自分でそろえる必要があります。そんな中今回は、250種類以上のアイコンをセットにした「Free Icon Set For Web Designers: Aroma (250+ PNG Icons)」を紹介したいと思います。 web制作に利用しやすいアイコンが豊富に展開された、webデザイナーに嬉しいセットとなっています。 詳しくは以下 幅広いデザインに対応できるクオリティとデザイン性を兼ね備えており、一般的な定番のアイコンはもちろん、缶ジュースやサングラスといった、ユニークなアイコンも豊富にセットされていると
Today we are delighted to release another freebie for our design community. There are many free icon sets out there, and there are quite many commercial ones as well. Yet a good, consistently designed icon set is always a welcome addition to any designer’s toolbox. Oliver Twardowski had released the Ultimate Free Web Designer’s Icon Set (750 icons, including PSD sources) in the past, and this time
Shock iPhone Icons : 4,454個のバリエーションを網羅したiPhoneアイコンセット iphone icons iPhoneのUIにマッチするようiOSのガイドラインに沿って制作されたアイコンセット。 600種類のアイコンとそれぞれのバリエーションとして計4,454個のアイコンを同梱しています。 サイズは20x20から512x512までが用意されていますが、このうち20x20と30x30のPNGのみフリーでダウンロードすることができます。 iPhone云々ということは抜きにしてもシンプルなスタイルで使い道はいろいろ考えられるので、ダウンロードしておいて損はないかもしれません。
完成度の高いフリーのアイコンセット「iconSweets2」を紹介します。 400以上のアイコンが、32px × 32pxと、16 × 16px で、 psd画像でパス付き。 iphoneなどのスマフォ系でも使いやすいとおもいます。 アイコンの一部プレビューはこんな感じです。 ライセンスは、 You may use these icons for both commercial and for personal use and customize them any way you like. となっています。 DLはこちらから。 http://iconsweets2.com/ ご参考にどうぞ。 関連記事 センスのよいインフォグラフィックが集まるコミュニティ「visual.ly」 2011/11/25 フリーで使える!企業サイトでよく見かける、新しいウィンドウを示す「新窓」アイコン 2011
Notifier.js ? Elegant Javascript notifications | Srirangan 簡単なコードでアイコン付きの分かりやすい通知を実装できる「Notifier.js」。 次のようなオシャレなアイコン付きの通知を表示できます。一定期間が終われば1個のアイテムはそれぞれ消えていく流行りのインタフェースです。 Notifier.success('User registration successful') のように関数を呼び出すだけで簡単に使うことができるので、使いやすそうです。 アイコンを変えるには、success の代わりに info や warning, error, notify といったメソッドを使えばOKです。 後から出てきただけあって、ポップアップなんかよりも邪魔にならないというところがいいですね 関連エントリ ピュアCSSでページ上に通知を出すチ
サイズを自由に拡大縮小して使用できる、一つひとつ手作りされたシンプルなデザインのアイコン素材を紹介します。 MimiGlyphs [ad#ad-2] ダウンロードできるアイコンのフォーマットは、3種類。 PNG PSD CSH すぐに使いたい人はPNG、素材として利用したい人はPhotoshop用のPSD、サイズを自由に変更して利用したい人はPhotoshop用のカスタムシェイプ(CSH)、が用意されています。 用意されているPNGのサイズは、16x16です。
WEBデザインには欠かせない素材の一つアイコン。多くの問題を解決してくれる、素晴らしい素材です。今日紹介するのは、psdで配布されて、カスタマイズ可能な160のアイコンが収録されたフリーpsdアイコンセット「Tiny Icons」です。 WEB上で必要なアイコンをほぼ網羅してくれており、シンプルなのでかなり使い勝手が良いアイコンセットです。 詳しくは以下 ダウンロードは、作者のコメント欄の「DONWLOAD HERE」をクリックして表示される上記の画面で、optionもしくはaltを押しながらクリックするとpsdファイルをダウンロードすることが可能です。 配布元の「Dribbble – What are you working on?」では、その他にも多くの素材ややクリエイティブが投稿されています。クリエイティブに関わる方は、本サイトのほうも是非どうぞ。新たな発見があるかもしれません。 D
Pictodeck Icon Set: Over 700 Free Pictograms for Keynote - Noupe ピクトグラムが700種類以上集まったアイコンセット「Pictodeck Icon Set」 次のようなシンプルだけどセンスのあるアイコンが700個詰まったセットがダウンロード可能です。 こういうテイストのアイコンを使えばGoogle+のようないい感じのサイトを作ることができそうですね 関連エントリ 白黒だけど汎用的にシンプルデザインのWEBアイコン500 ソーシャル等シンプルデザインのアイコン144個セット シンプルだけど味のある100以上のベクターアイコンセット シンプルさがいい感じのソーシャルアイコンセット「Simplito」
概要 リンクの内容からファビコン (Favicon)のURLを自動判断し、画像を挿入します。 ダウンロード jQuery.gpFavicon-1.0.zip [57KB] 基本的な使い方 .gpFavicon()を実行するとその中からリンクを探してURLを解釈し、ファビコンを表示させます。画面全てのリンクを対象にする場合は$(document)に対して実行します。 $(document).gpFavicon(); $(elem).gpFavicon(); また個別のリンクに対して .gpFavicon()を実行すると、そのリンクだけを対象にファビコンを表示します。 $(link).gpFavicon(); デモ デモ1 : 基本的なもの Demo 1 各リンクにファビコンを表示させます。 ファビコンが見つからない場合はデフォルトのアイコンを表示します。 自身のサイトにはファビコンは表示しま
昨日初めて知ったんですが、今まで知らずに損してた、みたいな気持ちになったので、同じ思いをする人が一人でも減るようにと思ってご紹介。ソフトを解凍するだけで、WordPressのローカル環境を構築できる、というソフトウェア。USBで持ち運びも可能。 今まで知らずに損してましたwこれ、有名なのかな・・・ Instant WordPressをUSBメモリやポータブルHDDなどにダウンロードして、自動セットアップするだけで、WordPressをローカル環境を構築、その環境ごとUSBフラッシュメモリで持ち運びも出来てしまいます。構築まで5分くらいで出来ましたよ。これは便利だなーって思いました。 WordPressを環境ごと持ち運び出来ます。覚えておくとかなり役に立つ気がします。 出先でクライアントさんと打ち合わせ中にWebに繋げなくても直接見せて動作確認することも出来るし、自宅のデスクトップでいつも作
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く