リンクやボタンは、WEBサイトのデザインにおいて重要な要素のひとつです。分かりやすさはもちろん大事ですが、デザインを工夫することで、訪問者の目を引いたり、クリック率を向上させることができます。 基本的にシンプルでベーシッ […]
WEBサイト制作
コピペで使えるリンク・ボタンのCSS＆サンプルコード10選～問い合わせや資料請求ボタンにも
WEBサイト制作
WEBサイト制作
コピペで使えるテキストのCSSエフェクト＆サンプルコード12選
見出しや文章の文字（テキスト）に、影や色を付けたり回転させたりと、さまざまな効果（エフェクト）を加えることができます。エフェクトは、簡単なCSSの記述で実現することができます。 それでは、いくつかデザインとコードをご紹介 […]
WEBサイト制作
はじめてのCSS講座～CSSの書き方やレスポンシブ対応を完全マスター
HTMLとCSSの基本をマスターできれば、もう自力でウェブページが作れます。ここでは、CSS初心者の方向けに、CSSの基本を解説しています。 これからホームページを作りたい方、将来ウェブデザイナーを目指している方、ウェブ […]
WEBサイト制作
コピペで使えるボックス（見出し・枠付き）のCSSデザイン＆サンプルコード10選
例えば、 などは、枠線や背景色、小見出し（タイトル）などを付けて、見た目を分かりやすくすることがあります。 今回は、そんなときに使えるボックスのデザインサンプルをご紹介します。 使い方 HTML HTMLはこちらをコピー […]
WEBサイト制作
ChatGPTの始め方～アカウント登録・認証・ログイン・使い方・注意点
「ChatGPT（チャットジーピーティー）」。メディアでいろいろ取り上げられていますが、聞くだけではなく、実際にChatGPTにふれてみたい方に、始め方・登録手順・使い方を解説していきます。 ChatGPTとは？ Cha […]
WEBサイト制作
WordPressサイトに自身の最新インスタ写真を自動表示！埋め込み方法解説
WordPressサイトにインスタグラムの写真を掲載する（埋め込む）方法をご紹介します。 前者は、インスタ側で埋め込みコードをコピーし、そのコードをWordPress投稿画面の「カスタムHTML」ブロックにペーストすれば […]
WEBサイト制作
CSSだけで写真を編集加工（フレーム・影・トリミング・色）サンプルコード10選
写真・画像にフレームを付けたい、影を付けたい、トリミングしたい、色を変えたい。そんなときは、写真・画像データ自体を加工すればいいわけですが、めんどくさい（個人的感想が強めです）。 いまは、写真・画像データはそのままに、C […]
