『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年3月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材/配色やWeb制作といった最新トレンドも公開中。
Webデザインに限らず、制作したものに発生する「著作権」を知っておかないと、トラブルの元になるかもしれません。 特にWebデザインの場合は写真、文章、素材。 場合により動画など多岐の著作物を扱う場合が多々あります。 自分の頭の整理のためにも、Webデザイナー、ディレクターが知っておくべき著作権のことについて、まとめてみました。 1、著作権の基礎知識 著作権とは、知的財産権の一つです。 日本の著作権は「無方式主義」と呼ばれる方式で、制作物を制作すると自動的に著作権が発生します。 この時、著作者人格権と**著作権(著作財産権)**に分かれます。 「著作者人格権」と「著作権(著作財産権)」について 著作者人格権 簡単に言えば「制作者」 公表の時の手段、方法を決定できる権利です。 法律上、制作者の同意がなければ公表できません。 著作権(著作財産権) Webデザイナーにとっては、Webサイトなど制作
今年もやってきました。ライフハッカー年末恒例企画です。Windowsでの作業が快適になる人気無料ツールを、ぎゅぎゅっとまとめました。 ※注 以下のアプリ群は、今年米Lifehackerで人気があったもので、2010年以前にリリースされたものも含まれています。 『Soluto』 Solutoは、Windowsの起動プロセスを最適化してくれるツールです。各プロセスのグループ分けもしてくれます。 『LookInMyPC』(英文記事) LookInMyPCは、詳細なシステム情報を表示してくれるツールです。さまざまなツールを併用しなければ得られない情報の数々が、1つのツールで閲覧できます。 『Snow Transformation Pack』 Snow Transformation Packは、Mac OS XのルックスをWindowで再現できるツールです。アイコンの詰め合わせなどではなく、完全にW
HTML5ではvideo要素で(手軽に?)動画を再生できますが、枠だけ書き出しておいて(別にHTML直書きでいいですが)、動画を入れ替える場合は少し注意が必要です。たぶん。 現状で動画フォーマットがいくつか存在しますが、複数のフォーマットをサポートしたい場合は以下のように書きます。 動的に書き換えるので、次のような関数用意して再生したい動画のURLを入れればよさげです。 function playMovie(mp4, ogg) { $('#videoElm') .html([ // ソースファイルをつっこむ '', '' ].join('')); } playMovie(piyo.mp4, piyo.ogg); で結局何に注意しないとあかんかっていうのは、このままだとiOSで再生ができないんですね。iOSはmp4ファイル等で再生す るんですけど、source要素を動的につっこんでもだめな様
TOP > Design > 豊富なバリエーションのパターン素材をまとめた「50 of the Best Seamless Pattern Sets」 デザインの背景やパーツ素材として活躍してくれるパターンにはさまざまな種類が存在していますが、今回は豊富なバリエーションのパターン素材をまとめた「50 of the Best Seamless Pattern Sets」を紹介したいと思います。 (Tiles Pattern | Free Illustrator Downloads) 色々なテイストで活用できるパターン素材が50種類収録されており、見ているだけもその種類の豊富さに納得できるまとめとなっています。気になったものをいくつかまとめてみましたので、下記よりご覧ください。 詳しくは以下 ■Textured Stripes- 6 patterns by *aeiryn on dev
WindowsはXPを長く使っていて慣れてしまったので、Windows7に移行してからスタートメニューがなんだか使いづらい、という人も多いのではないでしょうか。そんな人のためにWindows7のスタートメニューをXPのように視覚的な操作ができる形に置き換えてくれるのが、このフリーソフト「Start Menu 7」です。 Windowsスタートキーを押すと一瞬でプログラムの一覧が表示され、プログラムの並び順なども直感的な操作で変更可能。日本語にも対応しているので、Windowsの操作にあまり慣れていない人でも、スタートメニューが便利に使えるようになるかもしれません。 「Start Menu 7」のダウンロード方法と実際の使い方は以下から。Start Menu 7 http://www.startmenu7.com/jp/index.html 上記ページ内を下方向にスクロール。 「ダウンロード
長年、Windowsを愛用しているユーザさんも、意外に知らないのが、レジストリにまつわること。「よくわからずに変更して、かえって動きが悪くなったり、ヘンなことが起こると困るから...」と、当たらず障らず「アンタッチャブル」になりがちです。 しかし、ちょっと変更するだけで、実はずいぶん使い勝手が改善されます。そこでこちらでは、Windows 7向けに使える主なレジストリ系ハックをご紹介。Vista以前のバージョンでも使えるハックもありますが、すべてが対応するわけではありません。また、必ずレジストリのバックアップを取ってから、実際の操作を始めてください。 1: Windows Explorerのサイドバーにある不要なアイテムを非表示に Windowsエクスプローラーはナビゲートしやすくなっているが、自分が使っていない機能までサイドバーに表示するのは、かえってサービス過剰な印象も...。 たとえ
この記事は Flex for Android in 90 minutes の一部を翻訳したものです。 この記事では、Burrito と Hero を使った Android デバイス向けアプリケーションの開発手順を解説します。Burrito は次バージョンの Flash Builder、Hero は次バージョンの Flex SDK のコード名です。どちらも現在プレビュー版が公開されています。(Flash Builder Burrito@Labs) 開発には Burrito をダウンロードしてインストールします。アプリケーションのテストとデバッグには、Flash Builder Burrito のエミュレーターが利用できます。そのため、アプリケーションの開発は Android デバイス無しでも行えます。 この記事で開発するアプリは以下の機能を持っています。 従業員リストの表示 従業員の詳細情報
このブログ、Webデザインレシピのデザインをリニューアルしました。 この機会にデザインを勉強したことがない人でも、楽しくデザインをすることができるかもしれない、基本原則 4つをご紹介します。 この原則は「ノンデザイナーズ・デザインブック」著者 Robin Williams で詳しく解説されています。 古い本ですが、とっても素晴らしい本で今では新装増補版となって発行されているようです。 今回、このブログ – Webデザインレシピのデザインを、ガラッと変えてみました。これを機会にちょっとデザインの基本というか、デザインをするときにガイドとなる、4つの原則をおさらいしておきます。Webデザインに限らず、会社で提出する報告書や学生さんのレポート、レストランのメニューなど、ページと呼べるものには全部当てはまると思うので、Webサイトを作るとかじゃなくても、知っておいて損はないかもしれませんね。 せっ
「新しくパソコンを買った。」「OSを再インストールした。」…次に何をしたらいいだろうか…。そんなとき、たいていの人は、まず必要なソフトウェアをいくつか適当にインストールして、自分なりの快適なPC環境を構築することから始めますが、いざ作業にかかるとどれから入れたらいいのか迷ったり、ダウンロード先ページを探し回ったりして、案外時間がかかってしまうものではないでしょうか。 あまり多くのソフトを必要ないものまで手当たり次第入れても、PCの立ち上がりを遅らせたり、クラッシュなどの不具合が起こりやすくなって、良いことはありませんが、できればPCの普段使用に必要最低限なアプリケーションくらいはあらかじめインストールしておきたいものです。 今回は、そんなときに、とりあえずこれくらいのツールは入れておけば基本的なPC作業は何でもできるだろうというWindows用フリーソフトを、ウェブブラウザ、メーラー、オフ
We have been seeing a great increase in flexibility among web designers. The community has opened up to new standards and allowed these methods to infiltrate our way of designing. Fonts are a key feature necessary in all forms of web design and development. The post web 2.0 generation has grown impatient with older non-standard methods. Flash support allowed for dynamic text to be generated on-the
20 Code Snippets for Extending the Functionality of WordPress When coding WordPress themes, especially if you do it regularly, its really useful to have a selection of code snippets in your toolbox to just ‘copy-n-paste’ as and when the functionality needs. Not just your most commonly used code, but also some snippets that can, when required, extend WordPress even further. Today, we have code snip
Slab serif fonts are quite stylish and attractive and are versatile enough to be used in many different contexts. They’re also currently very popular among web designers everywhere. If you’ve been wondering where other designers are snagging these great slab serifs, look no further than the collection of twelve free fonts below. The Ultimate Designer Toolkit: 2 Million+ Assets Envato gives you unl
Open-Source Icon Libraries Open-source icon libraries offer a range of high-quality free icon sets for designers and developers to use in their UI projects. These libraries are community-driven and provide flexibility in customization. Linear & Bold Iconsans (660 Icons, SVG, Vue & React Packages) Mage Stroke, Fill & Brand Icons (1089 Icons, SVG, Figma & React Package) Atlas Icons (2,701 Icons, SVG
Web Development is a broad, technical term that includes almost all the aspects of developing a Website. It ranges from Content Development, Servers, Client-Side/Server-Side Scripting, E-Commerce Development, Web Design, Client Liaison, Network Security configuration, and SEO. To be a successful Web Developer, you need to have full knowledge of all of these topics. Here we put in our best efforts
Trevin serves as the VP of Marketing at WebFX. He has worked on over 450 marketing campaigns and has been building websites for over 25 years. His work has been featured by Search Engine Land, USA Today, Fast Company and Inc. 1. Cloister BlackletterBy typesetter and type designer Dieter Steffmann, Cloister Blackletter is a popular gothic script font. See it used in Heinritzh Sales’s illustration t
フォームの項目を入力すると、次の入力欄がアニメーションで表示されるコンテンツを実装するチュートリアルを紹介します。 Gravity Registration Form with Jquery デモページ [ad#ad-2] フォームの出来ぐあいは、ウェブアプリケーションとしての成功率を左右する要因となります。 一つのアプローチとして、ユーザーに入力欄の数を少なく感じられるように、入力する項目を一つずつ表示するスクリプトを紹介します。 フォームの実装 フォームの各項目は、リスト要素で実装しています。 HTML <form method="post" > <ul> <li class="email"><label>Email: </label><br/> <input type="text" username="email" id="email" AUTOCOMPLETE=OFF/><span
ブラシサイトから選ばれた厳選photoshopブラシ25選「25 Most Popular Photoshop Brush Sets from BrushLovers.com」 様々なグラフィック表現を可能にしてくれるphotoshopブラシ。日々様々なブラシがリリースされていますが、今日紹介するのはphotoshopブラシを集めて紹介しているブラシサイト「BrushLovers.com」からさらに選りすぐってまとめたエントリー「25 Most Popular Photoshop Brush Sets from BrushLovers.com」。 Pop Dots (6 Brushes) 比較的実用的なものを中心にまとめられています。今日はさらにその中からいくつか気になったブラシを紹介したいと思います。 詳しくは以下 ■Fall Leaves (10 Brushes) 落ち葉を表現するため
Google App EngineとSlim3で始める携帯Web入門:クラウドとフレームワークで超簡単ケータイ開発(1)(1/3 ページ) 数年前に比べケータイ向けサービス構築を支援するフレームワークやノウハウがたまってきて、そして無料または、格安でサービスを公開できる仕組み(クラウドやVPSなど)も普及している今こそ、ケータイ向けサービス開発を始めるチャンスではないでしょうか 環境が成熟した今ならケータイ向けサービスは簡単だ はじめまして、森俊夫と申します。徳島でフリーランスのプログラマをしております。最近、モバゲータウンやGREEなどのソーシャルゲーム/アプリのCMが多いですね。iPhoneやAndroidを代表とするスマートフォンもいよいよ普及段階に入ってきおり、いまや、PCよりも携帯電話やスマートフォンでインターネットにアクセスする人たちの方が多いともいわれています。今ほどモバイル
ブラシの利用にあたっては個人でも商用でも無料です。 リンクやクレジットをいれてくれると嬉しい、とのことです。
バンドや歌手などが自分の曲のサイトを作るのに便利そうなのでご紹介。 もちろんこうしたサイトは他にもあるが、Viinylが良いのはそのシンプルさだ。 ここで作れるのは「1曲1URL」のサイトである。それがゆえに作り方も簡単で、音楽ファイルをあげてイメージ画像をアップすればだいたい完成である。 よくよく考えればアルバムをまるごと買うような時代ではないだろう。こうしたシンプルに1曲を押し出すインターフェースも悪くないですな。
【简繁】过尽千帆-中短篇H虐文合集 故事1是他的女儿也是他的妻子(nph):妈妈因她过世之后,她就担任起妈妈的所有职责,包括在床上取悦爸爸 /妈妈因她过世之后,她就担任起妈妈的所有职责,包括在床上取悦爸爸 ☆简繁同发 / 简繁同发1000字? 50po 缘更 /? 缘更--------------------------------? 七月晴连载0万字高辣 教师 《人妻教师》作者:弘扬|2011年末开始写的文章,后来忙了一段时间所以断了,现在有时间接着写还是那句话,调教老婆本来就是男人的责任! 午夜人屠连载12万字高辣 [综武侠]移花宫主她超忙的 上一个二十年,是邀月燕南天等人的江湖。这个二十年,江湖群杰,移花宫主花满园一枝独秀。移花宫主花满园,她曾远赴大漠打败快活王与石观音,也曾在孤岛与燕南天生死决斗。有人说她是江南第一美人,百晓生却说她是天下第一美人。她男友众多,从塞北的西门吹雪,到南
WordPressで作成したサイトをより有益にするために、Googleなどの検索エンジンに最適化を行うSEOの15のテクニックを紹介します。 The 15 Best SEO Tips for WordPress in 2011 [ad#ad-2] 下記は、各ポイントを意訳したものです。 1. コンテンツを充実させる 2. コンテンツへのリンク 3. キーワードは適切に 4. タイトルにもキーワードを 5. Trackbacksを可能に 6. URL構造の最適化 7. 記事の画像の最適化 8. Google Sitemapの活用 9. 投稿スラッグの利用 10. 内部リンクの精査 11. validなコードで 12. キャッシュの利用 13. SEO用のプラグイン 14. 古い記事のリサイクル 15. 関連記事へのリンク 1. コンテンツを充実させる ごく当たり前のことですが、これは本当に本
JSZip: JavaScript zip class JavaScriptでZIPファイルを作れる「JSZip」 たとえば次のようなコードでzipファイルがブラウザ上で作れてしまいます. var zip = new JSZip(); zip.add("Hello.txt", "Hello Worldn"); img = zip.folder("images"); img.add("smile.gif", imgData, {base64: true}); content = zip.generate(); location.href="data:application/zip;base64,"+content; ChromeやIEでは使えませんが、とても面白いですね 関連エントリ ブラウザ上でC#やPHP5を動かせて遊んで学べる「CodeRun」 ブラウザ上でサイトのモックアップを光速で
Radar Icon in Photoshop | Abduzeedo | Graphic Design Inspiration and Photoshop Tutorials カッコいいレーダーのアイコンを作成するPhotoshopチュートリアル 次のようなアイコンを作成するチュートリアルです。リアルでなかなかカッコイイですね。 グラデーションツールを応用して描画していくところは応用してボタンデザイン等にも活用できそうです。 光で立体感を出しているところも使えそうです。 関連エントリ ボタン作成のPhotoshopチュートリアル集 超カッコいい写真加工のPhotoshopチュートリアル集
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く