『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年3月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材/配色やWeb制作といった最新トレンドも公開中。
![ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP](https://cdn-ak-scissors.b.st-hatena.com/image/square/34f02a3a49e8eafa8a4ee7d67dffea77bca9eec2/height=288;version=1;width=512/http%3A%2F%2Fphotoshopvip.net%2Fwp-content%2Fuploads%2F2016%2F02%2Flatestbrush2016feb-top.jpg)
こんにちは。 宮崎から景山がお送りします。 初めて宮崎に来ました。 自分がどこを歩いているのかさっぱりわかりません。 GoogleMapがなければ家にたどり着くことすらできなかったでしょう。 Google先生に感謝です。 GoogleMapに頼りまくりな私ですが、サイトにGoogleMapを表示させる事は多いはず。 そこで、本日はGoogleMapもサイトのテイストに合わせたデザインにカスタマイズする方法を紹介します。 まずは、何はともあれGoogleMapで表示させたい場所を表示させましょう。 普通にサイトにMapを表示させるだけなら、左上の三本線のメニューから 地図を共有または埋め込むから、埋め込むを選択してタグを埋め込めばよいです。 ですが、カスタマイズする場合はGoogleMap APIを使います。 【Google Map カスタマイズ】 マップの表示 デザインの適用 アイコンの変
CSS3でマウスオーバーしたボタンだけ横幅をアニメーションで広げて、他は狭くするやつ(Flexbox) 横並びのナビゲーションとかでマウスオーバーしたボタンだけ横に広がって、大きくなった分だけ他のボタンが狭くなるというやつです。 ちょっと説明よくわからないですが、サンプルを用意しました。 投稿日2016年02月29日 更新日2019年04月13日 See the Pen Flexbox Animetion Width by webopixel (@webopixel) on CodePen. HTML HTMLはシンプルなリストでマークアップしてます。 HTML <nav id="main-nav"> <ul> <li><a href="#">Green</a></li> <li><a href="#">Purple</a></li> <li><a href="#">Red</a></li
WordPressと言えば今や世界中で使われているCMSの一つですが、意外にもまだまだ対応されていない、または発展途上なのが多言語化の壁。現在最も知られているWordpressの多言語化プラグインがWPMLかと思いますが、この設定結構面倒。 WordPressプラグイン「WPML」でブログを多言語化する ただ、意外と知られていないのが世の中には配布されているWordpressテーマの中にWPML-ready(WPML設定済み)のテーマファイルが結構あるという事。 今日は、そんなWPML対応のWordpressテーマをまとめてもらう機会があったので、レスポンシブ対応のよさ気な物だけピックアップしてご紹介出来ればと思います!最近のWordpressテーマのクオリティも本当に馬鹿にならないので、勉強の一貫としても見てみると良いかもしれませんね。 それでは、行ってみましょー。 Real Estat
hreflangタグとは何か調べてみました 2015年10月1日 ※この記事は2015年10月1日に公開しましたが、2019年8月10日に内容をメンテナンスしています。 多言語対応 hreflangについては、「ページのローカライズ版についてGoogleに知らせる – Search Console ヘルプ」で以下のように記載されています。 ページに言語や地域ごとの複数のバージョンがある場合、こうした別バージョンについて Google にお知らせください。それにより、Google 検索はユーザーの言語や地域に応じた最適なページのバージョンを表示できるようになります。 つまり、hreflangタグは、多言語サイトを運用している場合に、Googleで検索したユーザーに対して適切な言語のバージョンを表示するために必要となる要素です。 多言語サイトの機会損失を防ぐ 例えば、東アジアをターゲットとして
ブログの運営をしていてAdSenseを導入したばかりのAdSense初心者の皆さん(僕もです)、ちゃんと表示させる広告を選んでいますでしょうか。 AdSenseには広告のブロックという設定ができるのですが、Googleの使い方のヘルプって何だか無機質で読みづらいですよね。そんな理由でやったほうが良いことは分かってるけど、難しそうだからやってない方は多いはず。 そんな広告のブロックを驚くほど簡単に設定できる『Google Publisher Toolbar』というツールがあるので紹介します。 はじめに広告をブロックする理由 広告のブロックと言っても、広告全体をブロックするということではありません。この広告は収益性が悪いからこのブログには非表示にするということです。 一般的にAdSenseから配信されるAmazonや楽天の広告はブロックするのが常識です。それはAdSenseを導入しているブロガ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く