『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年3月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材/配色やWeb制作といった最新トレンドも公開中。
![新着記事](https://cdn-ak-scissors.b.st-hatena.com/image/square/ef45450e134d5f960635a1e84d6b230e0415ba81/height=288;version=1;width=512/http%3A%2F%2Fphotoshopvip.net%2Fwp-content%2Fuploads%2F2013%2F02%2Fgoodresponsive_top.jpg)
twitter facebook hatena google pocket スマホでも画像ギャラリー的なことやりたいですよね。 jQueryプラグインのTouchSlider -- JavaScript slide contentを利用するとスマホでスワイプ形式のスライドギャラリーを導入することができます。 もちろんPCでも動作しますので、レスポンシブ・ウェブデザインにも良いかもしれません。 sponsors 使用方法 TouchSlider -- JavaScript slide contentからファイル一式をダウンロード。 <script type="text/javascript" src="jquery-1.8.3.min.js"></script> <script type="text/javascript" src="jquery.touchslider.js"></scri
ウェブや印刷のカラーセオリー、ウェブやロゴで人気のカラー、カラーがもつ意味や心理的にどのような影響を与えるか、女子・男子っぽい配色など、カラーの勉強に役立つインフォグラフィックを紹介します。 各リンク先に、保存用の大きいインフォグラフィックがあります。
ナビゲーションを配置したヘッダはスクロールしても常に上部に固定されており、フッタはコンテンツの量が少なくても最下部に配置されるページを実装するスタイルシートを紹介します。 Sticky footer with fixed navbar コンテンツが少なくてもフッタは最下部に、レスポンシブ対応で! デモ Bootstrapに素晴らしいデモがあったので、そこからデモを紹介します。 デモでは、ナビゲーションがあるヘッダはスクロールしても常に上部に固定されています。 デモのコンテンツ量が少ないため、狭い表示エリアで。 デモページ:幅780pxで表示 実装 実装はデモを必要最小限にしたもので、紹介します。 HTML 上からナビゲーションのあるヘッダ、コンテンツ、フッタの順で、ヘッダとコンテンツはdivで内包し、終わりにコンテンツ量が少ない時用にpushのdivを配置します。 <body> <div
テキストにメタル・光沢・グランジ・立体化などのエフェクトを使用したPhotoshopのチュートリアルの紹介です。 各サイトは英語ですが、キャプチャ付きで作成方法を説明しています。 一部のサイトでは、PSDファイルをダウンロードできます。
ボタンやアイコン、テキストに透明感のある光沢を与え、エレガントなスタイルにするPhotoshopのレイヤースタイルを紹介します。
エレガントなフラワーをあしらったPhotoshopのレイヤースタイルを紹介します。 Elegant Flower Photoshop Styles for free レイヤースタイルなので、上記のテキ
テキストに1クリックで、レトロ風のかわいいエフェクトを適用できるPhotoshopのレイヤースタイルをpsd-dude.comから無料で利用できるものを厳選して紹介します。 Retro Layer Styles for Photoshop
最近のトレンドのぼやけたブラーの背景に載せたり、美しい写真の背景にも映える半透明のパネルやテキストを簡単に作成できるPhotoshopのスタイルを紹介します。 素材はレイヤースタイル・aslファイルでダウンロードできます。
Private content!This content has been marked as private by the uploader.
オーソリティやハブという単語を聞いたことがありますか? SEOブログなどで、オーソリティスコアやオーソリティページ、ハブスコアやハブページという単語で使われる事が多いです。 今回の記事では、オーソリティとハブについて解説していきます。 これらの2つの違いを意識することで、より優れたウェブサイトを目指していくことが可能となります。 オーソリティとハブ オーソリティサイトとは ハブサイト(ページ)とは オーソリティスコアとハブスコア ページランクやドメインオーソリティ ソーシャルメディアにおけるオーソリティ オーソリティサイトとは オーソリティ(Authority)とは日本語に訳すと権威や威信という意味になります。 つまり、その分野のプロのことを指します。 オーソリティサイトとは、権威あるウェブサイトという意味ですので、その分野でとても有名なサイトと捉えていいでしょう。 サイトを運営する以上、
「解析」という言葉は、ほとんどの場合正しく使われているものの、何にでも対応できる万能な言葉として使われてしまうことも多い言葉の1つだ。 マーケターである私たちは、次のようなことの重要性を理解している。 アクセス解析を設定することアナリストをスタッフとして抱えること日常業務の一環として継続的にデータを使って作業すること私たちはまた、サイトのさまざまなデータ指標とアクセス解析に関するレポートにかなりの時間を費やしているし、サイトが技術的にどの程度のパフォーマンスを出しているのか、その見返りにいくらぐらいの利益を生んでいるのかについて優れた感覚も持っている。 でも、もしアクセス解析だけでは不十分だとしたら、どうする? ここ最近で注目度が高まり、パズルのピースとしてアクセス解析に劣らぬ重要性を持つようになってきたのが、「マーケティング解析」だ。今回私は、マーケティング解析とは何か、より有能なマーケ
『MarkeZine』が主催するマーケティング・イベント『MarkeZine Day』『MarkeZine Academy』『MarkeZine プレミアムセミナー』の 最新情報をはじめ、様々なイベント情報をまとめてご紹介します。 MarkeZine Day
Icons Explorer | github repo クオリティの高いミニアイコンセットからワード検索ができて便利な「Icons Explorer」 FatCow、Fugue、 Led、 FamFamFamというクオリティの高いミニアイコンセットからキーワード検索ができるHTML+JSベースのプログラム。 4セットともにアイコンの種類が似通っているため、併用しても違和感なく使えそうで、4セットを一括でキーワード検索することで、最もイメージにあったアイコンをすぐに探す事ができそう。 探したものはコピペですぐ使え、アイコン選びに時間を取られることなく生産性は向上しそう folder で検索してみたところ。4つのセットからfolderという名前がついたものだけを一覧することができます。 FatCowアイコンについては、クリックで32x32のサイズも表示できます。 git clone で自分の
Design Your Way is a brand owned by SBC Design Net SRL Str. Caminului 30, Bl D3, Sc A Bucharest, Romania Registration number RO32743054 But you’ll also find us on Blvd. Ion Mihalache 15-17 at Mindspace Victoriei contact@designyourway.net You came here for some really cool CSS text effects that will help you make amazing web typography for your websites. In order to successfully give a website a lo
Twitterでの話題 マウスホバー時の表現について、Twitterで少し話題になりました。ちょっとツイートをとぅぎゃったりしてたわけではないので(誰かしてたらお願いw)全部を拾っているわけではないのですが、昨日のぽよしさん(@poyosi)のツイートと関連したものを紹介。 【質問】マウスホバーの時って明るくするのが一般的にとかあるんかいな? — ぽよし (@poyosi) February 19, 2013 ホバー感については世界観で考えることがおおいけど「触れてる」「押せる」が明確になればいいんじゃないかと思ってたけど意見が色々… — ぽよし (@poyosi) February 19, 2013 @poyosi 何かで決められてるかはわからんけど、基本的にはやっぱポジティブな方向(明るくなる、大きくなる、前進する)に変化するのが自然やと思う。 — 酒井優 (@glatyou) Feb
<input name="area" type="checkbox" value="tokyo" />東京 <input name="area" type="checkbox" value="kanagawa" />神奈川 ↑こんな感じのチェックボックスで、チェックボックスをクリックするたびに選択された値を全て取得する function GetVals(){ var AllVals = new Array; $("input[name=area]:checked").map(function() { AllVals.push($(this).val()); }); alert(AllVals); } $(function(){ $("input[name=area]").click(function() { GetVals(); }); }); 参考サイト:http://ja.w3supp
Input系jQueryのまとめ select,textarea,textの内容取得やチェックボックスの変更不可等 どうもこんばんは! ちょっと個人的に地味に忘れちゃうINPUT系のマトメを書いておきます。 ざっとまとめると… ・select – 内容取得 ・select – value取得 ・text – 内容取得 ・textarea – 内容取得 ・checkbox – 変更不可方法 ・checkbox – デフォルトでチェック済みに指定する方法 こんな内容です。 時と場合によってとても便利だったりするので もし良ければお気に入りしていただければ幸いです。 selectの内容取得 select.1 ・HTML <p id="ex1">select.1</p> <select id="pull_ex1"> <option>optoin.1</option> <option>optoin.
jQueryはとても便利なプラグインです。 JavaScriptの普及を助けたといっても過言ではありません。 jQueryのおかげで煩雑なコードをかかずに綺麗なコードで色々なものが作れるようになりました。 今回は少し忘れやすい、jQueryでフォームから値を取得する方法をまとめていきます。 テキスト よく使われる1行のテキストボックスです。 これはとても簡単でform要素に .val() で値を取得することが出来ます。 HTML <form id="test-form"> <input type="text" name="test-form" value="56"> </form> JavaScript var formValue = $('#test-form [name=test-form]').val(); var val = Number(formValue) || 0; // N
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く