『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年3月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材/配色やWeb制作といった最新トレンドも公開中。
35 Illustrator Icon Design Tutorials - Web Design Blog ? DesignM.ag イラストレータで綺麗なアイコンを作るチュートリアル35。 ベクターデータでアイコンを作ることで各サイズのアイコンを作る必要はなくなりますね。イラストレータでアイコンを作るチュートリアル集です。 1つのスキルとして身につけておくと役に立ちそうです。 関連エントリ イラストレーターでWinXPのフォルダアイコン作成チュートリアル インパクトのあるアイコンをIllustratorで作成するチュートリアル集 立体的なサイコロ画像を描画するイラストレーターチュートリアル iTune用アイコン作成チュートリアル
Photoshopのキーボードショートカットを使いこなせるようになると作業効率がグンとアップします。 数多くあるショートカットの中から特に実用的な25個を紹介します。 25 Awesome Keyboard Shortcuts for Photoshop That You May Not Know [ad#ad-2] 元記事では動作を軸に書かれていますが、下記はショートカットを軸に紹介します。 ショートカットはWindowsの表記です。 Macの場合は、置き換えてください。 Ctrl → Command Alt → Option Photoshopの便利なキーボードショートカット Ctrl+Space+左クリック Ctrl+Space+ドラッグ(右or左) ドキュメントを拡大表示 Alt+Shift+右クリック HUDカラーピッカーの表示 ※CS5のみ。環境設定でGPU設定をオンにしている
Are you looking for some cool and handy jQuery Plugins, you landed at right place. Below we are presenting 13 most useful and handy techniques that you can use in your next project and make it stand out. jQuery is the most well-known and open source JavaScript library which is being used all around the world because it simplifies the client-side scripting of HTML. You can also create marvelous ef
Exclusive web development news, freebies, tutorials and mobile news delivered right to your inbox. See our newsletter sample.
11 Extremely Beautiful (Yet Free) Animal-Themed High Quality Icon Sets In the past, we had posted good collection of icon sets which were highly praised by our visitors and on their request, we have compiled yet another exciting post on animal-themed icon sets. Icon set if used properly help users with nice metaphors, and for this reason designers and artists all around the world put lots of atten
ブラウザのスタイルを初期化するCSS Resetのスタイルシートとドキュメントをまとめたポータルサイトを紹介します。 CSS Reset.com [ad#ad-2] 現在、登録されているCSS Resetは下記の7つです。 Eric Meyer's "Reset CSS" Eric Meyer's "Reset CSS"のドキュメント HTML5 Doctor CSS Reset TML5 Doctor CSS Resetのドキュメントメント Yahoo! CSS Reset (YUI 3) YUI 3のドキュメント Vanilla CSS Un-Reset Vanilla CSS Un-Resetのドキュメント Tripoli CSS Reset – David Hellsing Tripoli CSS Resetのドキュメント 'undohtml.css' – Tantek Celik
IE6/IE7/IE8/IE9と他のブラウザを振り分けるCSSハックです。IE9はまだベータ版なので有効にならなくなるかもしれませんがとりあえず。 →IE9も正式版で確認済みです。 1.IE6/IE7/IE8/IE9と他のブラウザを振り分けるCSSハック 以下の順番でプロパティおよびセレクタを記述してください。 body { color: red; /* all browsers, of course */ color: green¥9; /* IE8 and below */ *color: yellow; /* IE7 and below */ _color: orange; /* IE6 */ } body:not(:target) { color: black¥9; /* IE9 */ } IE6:プロパティの先頭にアンダースコア「_」を付与 IE7:プロパティの先頭にアスタリスク
2017年6月30日 便利ツール アイデアのメモも、画像も、音声も、とにかくなんでも保存できちゃうメモツール「Evernote」。有名すぎる便利ツールですね!逆に自由度が高すぎてどうやって使えばいいのかわからない、という方も多いと思います。今回は「Webデザイナー」をキーワードに私のEvernoteの使い方を紹介します。 ↑私が10年以上利用している会計ソフト! Evernoteってなあに? Evernoteの機能を簡単に説明します。 画像・音声・PDFファイルなどが保存できる アップロードできる容量は月に無料アカウント:60MB、プレミアムアカウント:1GB プレミアムアカウントは月額5ドルまたは年額45ドル ノートに対して一つだけ設定できるノートブックを大カテゴリとして使用 ノートに対して複数設定できるタグを小カテゴリとして使用 ノートブックもタグも階層化させて整理できる 携帯電話・ス
2016年6月22日 jQuery 素敵な動きを手軽に実装できるJavaScriptライブラリ「jQuery」。jQueryには多くのプラグインが揃っていますが、以前書いた「少しのコードで実装可能な20のCSS小技集 」に続き、今回はプラグインなしで実装できるjQueryの小技を紹介します!「jQueryってなんだ?」という人もコピペで実装できますよ!サンプルも用意したのでぜひご覧ください! ↑私が10年以上利用している会計ソフト! 追記:この記事で紹介されているいくつかの方法が、今ではCSSのみで実装可能です!詳しくは「かつてはJavaScriptを利用していたものの、今ではCSSのみで実装できる10の小技」をご覧ください。 jQueryの基本的な使い方 まずはjQuery本家からjQueryファイルをダウンロードします。<head> 内に下記を記述し、jQueryファイルを読み込みます
スマートフォン向けサイトの作り方 2011年1月22日 iPhoneとAndroid両方に対応するスマートフォン向けサイトの作り方をまとめてみました。 スマートフォン向けサイト作成にあたっての基本概要 まず最初にスマートフォン向けサイトを作成する際に気になる点は画像の扱いだったりすると思います。 横幅ですが、解像度は機種によって様々ですが、縦向きで320px~640px、横向きで480px~960pxが主流となります。 標準となるものを設けるとなると、320px(横)/480px(縦)を標準として良いかなと思います。 ※iPhone4、4Sは640px/960pxの解像度ですが、内部解像度で320px/480pxと解釈してくれるため。 ですので、クライアントに見せるデザインカンプなどを作成する際も縦を標準とする際は320px(横)で作成すれば問題ないといえますが、iPhone4、4SやAn
Googleをはじめとする検索エンジンに対して、サイトを最適化する際に気をつけるべき32のチェックリストを紹介します。 32 SEO Tactics to Avoid in 2011 [ad#ad-2] 下記は各ポイントを意訳したものです。 はじめに あなたは2011年を迎え、SEO用の膨大なリストをもっていることでしょう。ここで紹介するものは、あなたがやるべきではない32のチェック項目を知ることで、あなたのリストを少なくすることです。 2011年のタスクに下記のリストが残っているのであれば、どうぞそれらを消してください。 Hiding Stuff On-Page 隠されたテキストやリンクはGoogleが最も嫌う存在です。これらは最悪の場合、ペナルティが与えられることがあるので使用は避けてください。 白い背景に白いテキスト 画像の上に隠したテキスト CSSを使って隠したテキスト 極小サイズ
画像の一部を拡大するスクリプトは数多くリリースされていますが、その決定版ではないか、というjQueryのプラグインを紹介します。 Zoomy デモページ [ad#ad-2] Zoomyの設置 Zoomyのオプション Zoomyの設置 Zoomyの設置は簡単で、ユーザビリティにも配慮されています。 使用する画像ファイル ページに配置する画像、拡大時に使用する画像、の2枚が必要です。 外部ファイル 「jquery.js」とZoomy用のJS, CSSファイルを外部として記述します。 <link type="text/css" rel="stylesheet" href="path-to/zoom.css"/> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.
スマートフォンにてソーシャルゲームを作ろうとすると、HTML5を中心にブラウザで動作するもの、もしくはネイティブアプリでの提供ということになります。モバゲータウンやグリーはその両方をサポートしています。ネイティブアプリの作り方は既に文献も多数なのですが、HTML5となるとまだ十分とは言えません。この資料は必見です。 「HTML5@iPhoneゲーム開発」はディー・エヌ・エーのスマートフォン開発グループの岸弘倫氏が「DeNA Technology Seminar #3」での講演用に作成したものになります。同社では北米のMiniNation向けにiPhone『Pirate Nation』(海賊トレジャー)をHTML、CSS、JavaScriptで開発して提供していて、そのノウハウを凝縮したものです。 『Pirate Nation』は冒頭の括りで分けるとブラウザで動作するアプリということにな
TOP > Design > ヴィンテージ調のフリーテクスチャ素材集「60+ Free High Quality Vintage Textures」 デザイン製作をする際に多用するテクスチャは、いくつあっても嬉しいもの。そこで今回紹介するのは、ヴィンテージ調のフリーテクスチャ素材集「60+ Free High Quality Vintage Textures」です。 (texture 2 by =night-fate-stock on deviantART) 独特なアンティークな雰囲気溢れるテクスチャ素材が多数紹介されています。そのまま使っても様になるので、知っているととても便利なまとめではないかと思います。中でもいくつか気になったものを選んでみましたので、以下よりご覧ください。 詳しくは以下 ■Old Newspaper Texture by ~powerpuffjazz on
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く