新着記事『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年３月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材／配色やWeb制作といった最新トレンドも公開中。
ぷるるん新感覚！スマフォでのスクロールが楽しくなるナビゲーション -Jelly Navigation Menu
ぷるるん新感覚！スマフォでのスクロールが楽しくなるナビゲーション -Jelly Navigation Menu
Adobe製超軽量！！レスポンシブCSS フレームワークTopcoat
Adobe製超軽量レスポンシブフレームワークTopcoat デザインしたくないシリーズ、第二弾！最近とっても気に入っているレスポンシブフレームワークTopcoatを紹介します。 Topcoatとは TopcoatはAdobe製のレスポンシブフレームワークで、最大の特徴がとにかくめっさ早い！ってこと。 jQueryMobileを使ってよくスマートフォンサイトを作っていたのですが、「いかにもjQuerymobile」感があったり、重い、デザイン上のカスタマイズがしずらいというものがありました。 ところがどっこい、Topcoatはとにかく軽く、さくさく。フレームワーク元のデザインも「今風」なフラットでシンプルなデザイン。 シンプルだから、後からカスタマイズも非常にしやすいのが特徴です。 流行りのフラットなデザイン ボタンやフォームの一つ一つがフラットで洗練されたデザインというのも特徴で、シンプル
ひとりでWeb制作できた！「知識０から学ぶ」すごいスライドやサイト２７
作成：2013/07/22 更新：2014/11/01 Web制作 > 先日、お客さんのところへ提案にいったところ、「サイトを自分でも作りたいので定期的に講習会を開いて欲しい。Wordしか分からない。」と言われました。とはいっても、自分である程度、継続して勉強しておかないと、受講する人は2回目以降の受講内容を理解出来ないし、教える人も基本知識をしっかり身につけておかないと、質問に答えることもできません。 今回はWeb製作をするなら必ず抑えるべきこと、知識「０」から学ぶ、基本的な知識を習得できるスライド・サービス・サイトをまとめました。ディレクションにもOK。メジャーなもの中心です。とはいえ量が膨大になったので、必要な部分だけピックアップして学びましょう。※スライドがないものに関しては、お役立ちリンクをつけてます。 エンジニア速報は Twitter の@commteで配信しています。 もくじ
今年流行のフラットデザインで使われているカラーコード
【Diesel】Dieselで使われているカラー... / #F15C22 / #7A7B7D他...全42件
多彩なデバイスに対応したWebサイト構築に最適なデザインフレームワーク·Centurion MOONGIFT
CenturionはレスポンシブWebデザインに対応したCSSフレームワークです。 レスポンシブなWebサイトを構築するためには様々なデバイスでの表示を考慮したり、そのためのノウハウが必要になります。そこでベースとして取り入れてみたいのがCenturionです。 デスクトップでの表示です。 スマートフォンレベルまで幅を狭めた場合。 メニューはスライドして表示されます。 タブレットはこれくらい。 グリッドもあります。 Centurionはシンプルなフレームワークなので、それほど束縛は強くないと思います。カスタマイズ性も考慮されているとのことなので、Centurionをベースにしつつ独自の要素を盛り込んでWebサイトを構築できるでしょう。 CenturionはHTML5製のオープンソース・ソフトウェア（GPL/MIT License）です。 MOONGIFTはこう見る Bootstrapは個人
フリーのガーリー素材いくつか / Maka-Veli .com
http://girlysozai.com/ 個人利用、商用利用可。二次配布以外であれば完全フリー。 このようなイラストがepsとpng配布されています。個人で運営されているとか。素晴らしいですね。 今回のメインビジュアルも、ほとんどこちらの素材を使っています。 No Reimer Reason http://noreimerreason.com/scrapbook_freebies.php けっこうな数のデータが揃ってます。PSDとか。 Lovey Mini Kit Free Digital Scrapbooking http://scrapbooking.about.com/od/freedigitaldownloads/ss/lovelyminikit.htm Pngでパーツになってた。 Child patterns http://hqtexture.com/vekt
ブラウザ上で複雑なレイアウトが作れる「Layzilla.com」:phpspot開発日誌
HTML layout generator - Layzilla.com ブラウザ上で複雑なレイアウトが作れる「Layzilla.com」 空白のキャンバスにボタンをポチポチ押していってドラッグ＆ドロップすることでレイアウトをどんどん組み立てられます。 レイアウトを配置した例。それぞれ、ふちをドラッグすればリサイズ可能 終わったらソースコードをジェネレート 次のようなそこそこ綺麗なHTMLが出力できます。 勿論、CSSも出力できます。 関連エントリ 複雑なCSSレイアウトをウェブ上で簡単に作成できる「The 1Kb CSS Grid」 レイアウト作成に役立つCSSグリッドレイアウトジェネレーター集
海外Webサイト・海外Web屋の特徴
2013年3月23日 Web関連記事, 海外情報 以前「日本向けのウェブデザインというのはあるのか?」という記事を読み、「逆に海外のサイトは具体的にどう違うかなあ？」と思ったので、私が感じた海外のWeb業界やサイトの違いを並べてみます。海外向けのWebサイト制作を考えている方、海外で働こうと思っている方の参考になればと思います！ ↑私が10年以上利用している会計ソフト！ 追記：ここで紹介する「海外」とは、私が滞在・就労経験のあるカナダとオーストラリアを指しています。 海外Webサイトの特徴 URLを直接入力 日本ではURLバーに直接入力する人は少ないかと思われますが、海外では目的のブランド名がわかっている場合、とりあえず「.com」をつけてWebサイトを開きます。海外で .com が人気な理由はこのへんにありそうです。そのため、新たに会社やサービスを立ち上げるときは、そのブランド名とドメイ
検索フォームや見出しなどエレメントのデザインを集めたサイト -Elements of Design | コリス
Elements of Designは、ブログなどのウェブサイトでよく使うエレメントのデザインを集めたサイトです。
汚した感じがかっこいい、グランジ風のフリーフォント集 | コリス
当サイトではCookieを使用しています。引き続き当サイトを閲覧することにより、ポリシーを受け入れたものとみなされます。今後表示しない詳しく見る
快適な地方生活のススメ カコイイ画像に変身 -Tint Photo Editor 1.0.1-
先日､某雑誌に紹介されていたツールで､面白いのを見つけた｡ はじめはそんなのフォトショとかで出来るし､ とか思ってスルーしていたのだが､使ってみるとこれが結構使える｡ 英語のソフトだが操作に難しさはない｡ 加工後→ 【基本操作】 1.ウィザード窓が出たら「Browse」ボタンを クリックして元になる画像ファイルをを選ぶ｡ 2.｢Next｣をクリックしてColour grouopsで何階調にするか決める｡デフォルトでは｢2｣になっている｡ Qualityは色相分離する際の程度を決める｡デフォルトでは｢3｣になっている｡ そのほかのパラメータはそのままでいいと思う｡ 3.「Next」をクリックすると､Clustering..と表示される｡Completeの表示になったら「Finish」をクリック｡ 4.すると編集ウインドウが開いて､結果が表示される｡ ウインドウ下部の「Mixer」ペインには各
美しい光を描くためのPhotoshopのチュートリアル集 | コリス
スパークしている光、光源・光線・光跡などの美しい「光」を描いた、Photoshopのチュートリアルの紹介です。
Creating a Stunning Digital Smoke Effect - PSDTUTS
Some time ago I came up with a technique to create digital smoke using the Liquify filter in Photoshop. Although it was a simple and efficient way to achieve that sort of effect, people sent me emails asking how to customize it or that it wasn't so easy to follow. In this tutorial we are going to show you how to easily create digital abstract smoke using both Illustrator and Photoshop. One of the
１００のすさまじい高画質Photoshop用ブラシ*ホームページを作る人のネタ帳
すごいです。 すごいまとめ方です。 『100 Awesome High Resolution Photoshop Brushes』というエントリ。 見るとPhotoshopのブラシがずらずらずらずらとまぁほんとにすごいです。 Photoshopを使わない人にも確実にお勧めするエントリ デザインのインスピレーションにはもってこいではないでしょうか。 逆にPhotoshopなんてつかわなーいという人がこういうのをみてPhotoshopいいかも・・・とかおもったりしちゃうかもしれないですね。 色々あるから迷ってしまうかも・・・。 こういうのとか こんな素敵なのとか こういうユニークなものまで。 なんだか楽しくなってきました。 皆さんも是非。 『100 Awesome High Resolution Photoshop Brushes』
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
マウスオーバーをデザインする | DesignWalker
IDEA * IDEA
バレンタイン Photoshopチュートリアル、ブラシ、アイコンあれこれ - DesignWalker
シンボルフォントを活用しよう - DesignWalker
GIFやJPEG画像をベクター化できるオンラインサービス -VectorMagic | コリス