『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年3月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材/配色やWeb制作といった最新トレンドも公開中。
ネットショップにおけるデザインについて、どれだけの時間を使って考えられているでしょうか。 商品制作や集客活動に対しては多くの時間を割けている一方、店舗のデザインに関しては後回しとなっているネットショップ運営者の方も多いのではないでしょうか。 ネットショップのデザインやレイアウトは、苦労をして集客したお客様がショップの印象を決定する重要なポイントです。 色合いやレイアウト構成を変えるだけで売上が大きく変わることも珍しくはありません。 なかなか売上があがらないネットショップはデザインを単なる見た目と考えている傾向がありますが、そうではなく、デザインとは問題解決のための手段です。 ネットショップにあてはめた場合、デザインとは*「お客様が迷わずお買い物を楽しめるための方法」*と言えるでしょう。 よりよくショップを見せたい!という考えを中心に見た目ばかりを意識したデザインを行なってしまうとお買い物し
今日紹介するのは jQuery プラグインの[FlexSlider]です。 これ、かなり便利です。 レスポンシヴ対応、タッチコントロールのフリックスライドにも反応、カルーセルもOK、画像にリンクを貼ることはもちろん、キャプションも表示可能、動画もスライドできる、コントロールボタンやナヴィゲーションも細かく設定できる…。まさに“超万能”のスライダー。 とにかく「なんでもできる」印象で、スマートフォン対応サイトなどでは特に真価を発揮するのではないでしょうか。 まずはサンプルをご覧ください。 【FlexSlider】→サンプルデモ 高機能ですが、その導入方法は比較的簡単です。 [FlexSlider]の導入方法 まずは以下のサイトから[FlexSlider]のプラグイン本体をダウンロードします。 http://flexslider.woothemes.com 続いて <head>〜</head>
大量のコンテンツを複数ページに分けてすっきり見やすくしたい。そんな時にお役立ちなページネーションはスマートにコンテンツが表示されて便利な上見栄えも良い!でも、実装はちょっと面倒そう…そんな風に思っていませんか? 今回はJavaScript&CSSと一緒に組み込むだけでサクッとページネーションが実装可能な、お役立ちjQueryプラグインをご紹介します! by hibikiYzk ページネーションとは 長いコンテンツの表示に良く利用されるページネーション。ページャーやページ送りとも言われます。ページネーションは、長い文章を複数のページに分割して各ページへのリンクを並べアクセスしやすくする、もしくは一枚のページの内部で長い文章を分割し切り替えて表示する機能のことです。デザインや機能も様々で、バリエーションに富んだページネーションがたくさんのサイトで利用されているのを目にすることも多いのではないで
番号付きリストのページネーションのボタンをレスポンシブにする時のアイディア。 複数段階で、ページネーションの表示項目を変えていく。現在のページはどこかだけを常に認識できるために current の部分だけ常に見えるように変形していく – CODE – HTML <!-- Go ahead and squeeze me! --> <div class="wrapper"> <h1>Responsive Pagination</h1> <p>I'm a responsive page link menu built with Flexbox!</p> <ul class="pagination" role="menubar" aria-label="Pagination"> <li><a href=""><span>First</span></a></li> <li><a href=""><s
プレゼン資料や製品、ホームページのデザインで、実際の完成イメージを伝えたい時があるのではないでしょうか。 そんな時に、役立つのがPSD形式のモックアップやテンプレートです。 デザインしてあるベースの画像に製品の画像を差し込むだけで、手軽にプレゼンに適した画像が作れます。 今回は、無料で使える便利なPSDファイル50個をご紹介します。 いずれも高品質かつ実用性が高いので、使えそうなものがあればぜひダウンロードしてみてください。 無料で使える便利なPSDファイルまとめ 1.Psd iPad Pro Vector Mockup http://www.pixeden.com/psd-mock-up-templates/psd-ipad-pro-vector-mockup iPad Proをリアルに表現したPSDモックアップ素材です。 2.Woman Psd Marl T-shirt Mockup
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く