Google Fontsとは Google Fontsとは、Googleが提供するWebフォントのライブラリであり、無料で利用が可能です。多彩なフォントが揃っているため、利用シーンを選ばず、汎用的に使いやすいフォントサービスです。 Goog

今回は、WordPressでの問い合わせフォームの設置方法についてです。 個人ブログであっても、万一の時の連絡を受ける手段があった方が安心ですし、信頼性も上がります。サイトの信頼性が上がることはSEO対策にも繋がります。 WordPress

サイトマップとは サイトマップとはその名の通り、サイト内の情報を表した地図のようなものです。 サイトマップにはHTMLサイトマップとxmlサイトマップがあります。 HTMLサイトマップはサイトに訪れたユーザー向けサイト内のページをまとめたリ

「リンクはクロールできません」の表示 サイト作成当初、PageSpeed Insightsでスコアを測定した際のSEO項目「リンクはクロールできません」の表示に悩まされました。 恐らくtopページにページ上部に戻るページ内ジャンプが設定され

福岡・大分へおんな一人旅 前のブログに載っけてた九州おんなひとり旅の再投稿です。 当時の話なので価格など現在は変わってる部分も多々あると思いますが、九州とっても良かったなという想い出ばなしです。 2019年秋、仕事でまとまった休みがとれたの

神社仏閣が多く不思議なパワーを感じる京都。京都は観光地として有名ですが、実際に住むエリアとしても魅力溢れる場所です。今回は私が10年間京都での生活を送った経験から、もし再び一人暮らしをするならどのエリアが良いか、その理由をまとめてみました。

喪服って普段なかなか出番がないうえ、急に必要になって焦ってしまいますね。 購入して持っておくのが一番ですが、一式揃えるとなると値段も張ります。ひとり暮らしの部屋だとクローゼットにずっとしまっておくのもちょっと邪魔。 そして、そのうちにと思っ

前回の投稿ではホイップクリーム小分けのお話をしました。 このホイップクリームが売っている業務スーパーの冷凍コーナー、ホイップクリームすぐ近くに凄く誘惑してくるものが売ってるんですよね。 ベルギーワッフル！！！ 1袋10個入りの大容量でうちの

ホイップクリームって良いですよね。 なんに合わせても大抵おいしくなる超優秀トッピング。 マフィン、パンケーキ、ドーナツ、クレープ、などなど無限に使えます。業務スーパーのこの冷凍ホイップが個人的に丁度いい甘さでベスト！ しかもこの量で税別33

フリーランスとして活動する際のトラブルやリスクに備える保険とは。無料で利用できる「FREENANCE」の保険サービスの特徴について解説します。安心なビジネス展開を目指すフリーランス必読の記事。

デザインでのカラー選びに困っているデザイナーに向けCoolorsとAdobe Colorを活用したカラーパレットの作成方法と使い方を解説。カラーパレット生成ツールを活用することで、素早く調和のとれた配色を作成し、プロジェクトをより魅力的に仕上げることができます。

positionプロパティの使い方を詳しく解説！ウェブ開発者必読の実践的なCSSポジショニングガイド。要素の正確な配置をマスターしよう。

CSSのTransitionとAnimationプロパティの使い方と違いについて解説します。Transitionは要素の滑らかなスタイル変化を、Animationはキーフレームで制御するものです。それぞれの特徴や適切な使用法、違いについて詳しく解説します。

HTMLマークアップの重要性と、適切な要素やクラス名の選択について解説し、可読性の向上方法を紹介します。さらによく使われるHTML5要素と使用例、よく使われるクラス名と例を紹介し、HTMLマークアップのベストプラクティスをまとめています。

ウェブデザインの基本的なスタイル設定とベストプラクティスを学びましょう。HTMLとCSSファイルの作成から背景画像やリンクのデザインまで、効果的なスタイリングの方法を解説します。

モバイルファーストとデスクトップファーストの違いや、ブレイクポイントの設定方法、max-widthとmin-widthの使い分け、flex-wrapやdisplay: none;とdisplay: block;の使い方、さらにはPCメニューの非表示設定方法など、メディアクエリーについて徹底的に解説します。Webデザインにおいて必須の知識を身に付けましょう！

この記事では、Webデザインにおけるdisplayプロパティの重要性と活用法について解説します。displayプロパティを使うことで、要素の表示方法やレイアウトを柔軟に制御することができます。さらに、SEOの観点からも最適な対策を紹介します。Webデザイナーや開発者の方々は、この記事を参考にしてdisplayプロパティの効果的な活用と上位表示を目指しましょう。

Flexプロパティを使うと、Webページのレイアウトを柔軟に設計することができます。本記事では、Flexプロパティの基本的な構成要素について説明し、「flex: 1;」を含めた実例を紹介します。また、レスポンシブなレイアウトを実現するための応用方法も解説します。

CSSフレックスボックスの使い方について、初心者でもわかりやすく解説します。フレックスコンテナやフレックスアイテム、プロパティなど、用語や基礎から応用まで詳しく説明します。また、便利なプロパティやテクニックも紹介します。

はじめに身の回りに不要なものが溜まってくると、スペースを圧迫したり、見た目も悪くなってしまいます。そんなときは、適切に処分することが大切です。筆者は、実際にいくつかの方法で不用品を処分した経験があります。以下では、その中から、粗大ごみ、国認