HTMLとCSSのコピペでできる背景デザイン11選
PhotoshopやIllustratorは今でもデザイナーにとっては必需品に近いものですが、Webに限って言えば背景やパターンやグラデーション、シェイプなど、それらは簡単にCSSでできてしまいます。 そんなCSSを再度 …
ツールチップの基本的な役割と使い方
ツールチップは、要素の上にhoverすると表示される吹き出しで、よくWebサービスの小難しい入力画面の「ヒント」などで見かけるUIです。 そんなツールチップについて、この記事では使い方やメリット・デメリットについて解説し …
jQueryライブラリclipboard.jsでできるタイトルとURLのコピーボタン
国産で主流のWordPressテーマなら、SNSシェアボタンなど記事のURLのコピーが簡単にできますが、そんな機能がない場合、そこまで時間がかかる作業ではないですが、記事を共有する為にコピペが必要です。 この記事は、記事 …
レンタルサーバーをディスク容量・転送量で比較！ディスク容量と転送量を解説
レンタルサーバーのスペックを比較する時に、どの点を見ればいいのかイマイチ分からないという方も多いのではないでしょうか？ 安定してサーバーが稼働するかについてや、表示スピードが速いかどうかを判断する一つに、ディスク容量と転 …
無料で使えるMaterial Iconsの特徴とアイコンの表示方法と使い方
アイコンに、画像ではなくアイコンフォントを使用して文字として扱うことで、ページの表示速度も速くなり、アイコンの色やサイズの変更がCSSで簡単に変更することができます。 そんなアイコンフォントには、FontAwesomeが …
クリックでYouTubeの動画が展開されるAPIを使ったスニペット
YouTubeのタグ埋め込みでは、静的に動画を埋め込むことしかできず、できることが限られます。 YouTube APIを利用することでJavaScriptを介してYouTubeの動画を制御できるようになります。例えば、ク …
プラグインなしで外部リンクの画像やテキストを取得してリンクカードで表示するスニペット
外部リンクは、たくさん貼りすぎると離脱率が高くなったりしますが、外部の記事の紹介など、使うケースは多いと思います。 当サイトでも外部リンクを作ることがもちろんありますが、そんな時「簡単にイケてる感じの外部リンク」ができる …
Googleポリシーオフィスアワーとは？過去開催分のまとめと解説
2021年7月現在、日本国内の検索エンジンのシェア（PC）は、Google が 77%と圧倒的なシェア率を誇り、現在のSEO対策は、Google 対策と言っても過言ではありません。 そんなGoogleの考え方を知れる機会 …
Google ポリシーオフィスアワー 2021.10.21
" class="dfont notecat-name catid60">
Warning: Undefined array key 0 in /home/c3937730/public_html/dubdesign.net/wp-content/themes/sango-theme-poripu/rss/allpage.php on line 26
Warning: Attempt to read property "cat_name" on null in /home/c3937730/public_html/dubdesign.net/wp-content/themes/sango-theme-poripu/rss/allpage.php on line 26
10月21日に、Google検索オフィスアワーが開催されました。 今回のポリシーオフィスアワーは、構造化マークアップの話やいろんなケースでのインデックスについてなど、盛り沢山の内容です。 Googleからのお知らせ 冒頭 …
カスタム投稿の検索フォームとページネイション付きの検索結果を作るスニペット
カスタム投稿を使うことで、コンテンツの作成・管理が簡単になります。 そんなカスタム投稿ですが、通常の投稿や固定ページとは異なるので検索フォームと検索結果を分けようと思うと、ちょっと一手間必要です。 この記事は、そんなカス …
