『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年3月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材/配色やWeb制作といった最新トレンドも公開中。
Announcing the 28 Winners of the 2023 crQlr Awards – the Global Award to Design a Circular Economy Announcing the 28 Winners of the 2023 crQlr Awards – the Global Award to Design a Circular Economy The Future Dynamic Program at National Cheng Kung University: Challenging the traditional education approach through creative learning experiencesThe Future Dynamic Program at National Cheng Kung Univer
仕事の空き時間や友人との待ち合わせに重宝するのが、カフェチェーン店だ。都心の街中ではさまざまなチェーン店を見ることができるが、その筆頭ともいえるブランドが1990年代にカフェブームを巻き起こしたスターバックスコーヒー(以下、スタバ)だろう。 スタバは、サービス産業生産性協議会が2014年度に発表した「第25回JCSI(日本版顧客満足度指数)」で初めて顧客満足度1位となったが、翌年度の同ランキングにおいて3位に陥落。代わりに国内の総店舗数でスタバを上回るドトールコーヒーショップ(以下、ドトール)が首位に躍り出た。 ライバル関係にある両者の価格を比べてみると、ドトールの定番のコーヒーである「ブレンドコーヒー(S)」が220円なのに対して、スタバの「ドリップコーヒー(short)」は280円となっており、ドトールのほうがかなり安い。 その分、スタバはインテリアや空間づくりに力を入れており、顧客満
【PR】 こんにちは。ヨッピーです。 いきなりラッパーみたいな格好で出てきてすみません。 突然ですが、みなさんは『Empire/エンパイア 成功の代償』(以下『Empire』)というテレビドラマをご存じでしょうか。 『Empire』は“テレビドラマ史上、最も画期的で衝撃的かつリアル”と謳っているシリーズ。現在、全米で大きな話題を呼んでいるのであります。 こちらの主人公ルシウス・ライオンが、一代で築き上げた“帝国”・レコード会社「エンパイア社」と、それを巡るライオン一族の愛憎を描いたドロッドロの物語。 なぜそんなことになっているかと言うと、実はこの主人公ルシウスは医者から余命宣告をされてしまい、3人の息子のうちの誰かにこの“帝国”を受け継がなければいけなくなってしまったからなのです。 後継者争いで対立する3人の息子たちに、刑務所から出所したばかりの元妻も加わって壮絶なドラマが展開していきます
こんにちは、メディア事業部ウェブディレクターのコネル飯塚です。 WEBサイトのスタイルを調整することのできるCSSは、1つのCSSファイルだけでもデザインを作りあげることができます。 しかし、「コーポレートサイトとブログが1つのサイトにまとまっており、管理しやすいようにCSSファイルを分けておきたい」とか、「レスポンシブデザイン用のスタイルは別のファイルに書いておきたい」とか、「共通のスタイル以外は個別のCSSを読み込みたい」など、さまざまな要望があると思います。 管理上の問題、または無駄なスタイルの記述を読み込むことで、表示スピードへの影響も考えられますので、複数のCSSファイルにうまく分けておく必要もあります。 今回はWordPressで複数のCSSを追加する方法を紹介させていただきます。そしてページの種類や記事ごとに個別のCSSファイルを読み込むことも可能なので、あなたのWEBサイト
サイト制作をする時、Webサイトの横幅は何を基準にされていますか? デザインをはじめる時にアプリケーションを開いてまず思う事、 「横幅何ピクセルにしようかな?」 地味に困ることありませんか? ディレクターに、渡される指示書にはサイトの横幅の記載がない デザイナーにサイトの横幅を聞かれたけど決めてなかった! 今回はそんな時に役立つサイトと、参考にするために実際にいくつかのサイトの幅を調べてまとめました。 デザインの横幅を決める際に参考になる記事 Webサイトの横幅を決める時、何を参考にすればいいかわからない! そんなときにまず参考にしたいサイトはこちら。 デザインは8の倍数でできている|1 pixel|サイバーエージェント公式クリエイターズブログ Webサイトを作成する時には、いろいろな種類のサイズのボックスや余白などを作ると思います。その時に、多くのサイズに対応できるのが8の倍数であり、8
ぷりっしゅ おそ松さん トレーディングアクリルキーホルダー アリスver. おそ松さん公式のアリスパロがどう考えても原作ガチ勢の犯行。 なおアリスパロは二回目だったっぽいんですが雑誌情報でそっちは確認できていません(雑誌が積まれています……)。そっちは「まあ妥当」という感じだったはず。 「わたしとアリス」の話をざっくりしますとファンタジー文学を志す人間として子供の頃から読み続けてきた上で大学で訳本を30冊くらい読んで文体比較してレポートを書くということをやりました(文体論をやっていたので)。ガチ勢を名乗っても問題ないはずだ。というわけで誰得だか知らんが感動したので書いておく。 まず、おそ松=赤の王はアニメ観てるだけでも「まあ要するに赤の王だよなこれ」とは思っていたんですが、アニメディアDELUXE+ Vol.1で示唆され、マーガレット3/5号付録でおそ松が王冠をかぶっていて補強され、おそ松
ここでは、「簡単にできそうなら自力でサイドバーの切り替えにチャレンジしたい」と思っている方のために、サイドバー表示の仕組みから、ページごとにサイドバーを切り替えるためのコードの例まで紹介していきます。 画面にサイドバーが表示される仕組み WordPressでサイドバーを表示する命令は、テンプレートに記述されています。たとえば、Twenty Twelveでは、page.php(固定ページ)やsingle.php(投稿)の中に次のように記述されています。 </div><!-- #content --> </div><!-- #primary --> <?php get_sidebar(); ?> <?php get_footer(); ?> このget_sidebar関数によってsidebar.phpというファイルが読み込まれます。つまり、sidebar.phpに記述されたサイドバーの内容が表
WordPressのスマートホン対応でWP-Touchの選択肢を完全にやめたってことなんですが。 だってあれ、見た目全部一緒になっちゃうじゃないですか。どのサイトを今見てるのかわからなくなったりします。 自分はお客様のサイトを作る立場なので、やはりオリジナルデザインのテーマでいきたいわけです。 レスポンシブWebデザインって選択肢もありますが、不要なコンテンツを非表示にしてもブラウザ的には読み込んでるわけだし、PCサイトのデザインがレスポンシブを想定して作られていない場合、かえって工数が増えることだってあるわけで。(PCサイトがすでにある場合は特に) そこで、折角WordPressを使うんです。 「子テーマ」を使わない手はないでしょう、という結論に。 PCサイトを「親テーマ」、スマートホン用を「子テーマ」として作る この方法がいいなぁと思ったポイントは PCサイトの基本的なソースやCSSを
前回に、 WordPressのテーマデザインでよく使うPHP構文、if文について という記事を書きました。 PHPプログラムにおいて、if文は、いわゆるPHPの制御構造、条件分岐と言いまして、その条件式がTRUE(当てはまる)の場合にのみ、処理を実行するPHP関数です。なので、その条件式がFALSE(当てはまらない)の場合には、if文の中は無視されて何の処理も行われません。 そこで、その条件式がFALSE(当てはまらない)の場合にも、何かしらの処理がしたい場合があると思います。 そのような時に用いるのが、PHP構文のif-else文です。 なお、if-else文は、if文と同様に、他のif文やif-else文の中に何重にも入れ子ができるので、柔軟に対応ができます。つまり、if文やif-else文の中にさらにif文やif-else文を書くこともできます。 具体的な使い方の説明を致します。 i
スマートフォンなどのモバイル端末にWebサイトを対応させるのに、CSS3のMedia Queries(メディアクエリ)を使って、レスポンシブデザインにすることが多いと思います。しかし、Google Adsenseなどの広告は表示がはみ出てしまったりします。 スマートフォンなどのモバイル端末には、別の表示にしたり、ブラウザ別に表示を変えたい時があるのではないでしょうか?例えば、PCサイトでGoogle Adsenseの728×90を使っているけどiPhoneやAndroidなどのモバイルでは、レイアウトが崩れるので300×250に変えたいな等です。 今回の投稿では、WordPressでスマートフォン別、ブラウザ別に条件分岐する方法を集めました。 スマートフォン・タブレット端末 スマートフォン・タブレット端末別の条件分岐方法です。 モバイル端末で表示を変えるwp_is_mobile() PCブ
wp_is_mobile() の使い方 wp_is_mobile() は、PC とスマホで出力を切り替えるための関数です。 基本形は以下のとおり。 <?php if ( wp_is_mobile() ) : ?> <p>スマホのみ表示されます。</p> <?php else: ?> <p>PC のみ表示されます。</p> <?php endif; ?> PC 用のメニューとスマホ用のメニューを切り替えたいときなどに使えます(PC でブラウザの幅を狭くしてもスマホ用メニューを表示したくない、という場合)。 タブレットへの対応方法 wp_is_mobile() を使うとき注意しなければならないのが、「タブレットへの対応」です。 wp_is_mobile() では、タブレットはスマホと同じ扱いとなっています。 のちのち扱い方が変更される可能性もありますが、基本的に「スマホ・タブレット」と「PC」
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く