WEBデザイン– category –

画像や文字をふわっと浮かせたり、影をつける方法についてCSSを使って解説していきます。 ホバーエフェクト（Hover Effect）とは、ユーザーがマウスカーソルを特定の要素に重ねた（ホバーした）ときに、その要素に何らかの視覚的な変化を与えるエフェクト...

Matoiです。カーソルをあてた時に色が変わったり、形を変化させるWEBデザイン術を解説していきます。 初心者でも簡単にできるようにお願いします マウスポインターを要素にかざすなど、ユーザーによる何らかの操作を必要とするものをユーザー操作擬似クラ...

この記事では、日記的な記事ブログではなく情報を発信している記事ブログについて解説をしています。 ブログ とは WEB上で検索したユーザーに対して役に立つ情報のことを言います。 主にブログ型、サイト型と呼ばれるホームページ構成があり、WEBデザ...

有料テーマにも負けないオシャレなブログにしたい方、自由にカスタムしたい方向けに解説をしていきます。 テーマによっては画像を挿入すればある程度のデザイン性がある雰囲気にすることは可能です。 しかし 画像の上に文字を好きな箇所に配置したり、カー...

こんにちはMatoiです。私のブログは「SWELL」を使用しています。一部はコードを打ち込んでいます。 この記事では有料テーマのSWELLの特徴をお伝えしています。 細部までこだわったカスタマイズが可能となっており、初心者の方でもわかりやすく利用しやすい...

SWELLを使用してブログをやられている方は多いと思います。 この記事ではブログの本タイトルをカスタムデザインする方法をお教え致します。 SWELLヘッダータイトルをデザイン テキストタイトルとロゴ画像 タイトルをテキストにするかロゴ画像を入れるかを...

こんにちは、Matoiです。 ホームページやブログページをデザインしていくとパソコンで見た時とスマホで見た時の見栄えが違うとういう経験をしたことはないでしょうか？ 「HTMLで作成したサイトをスマホ画面用対応にしたい」 そんな悩みを解決していきまし...

ホームページにはタイトル（見出し）を付けてテキスト文を書くことが多いので、見出しを変わったデザインに変更したり、可愛らしくしたいという方に向けてCSSにてどのようなデザインが作成できるのかをコードを入れていていきます。 コピペOK !!誰でもすぐ...

CSSとは何か？これからアレンジしてデザインを構築したいと考えている方はぜひ参考にしてください。 初めての方はHTML作成方法も一緒に覚えていきましょう。 CSSとは？ CSS（カスケーティングスタイルシート）はHTMLだけでホームページを作るより、ページ...

ワードプレスではイメージ画像を配置することは簡単ですが、角を丸くしたり、カーソルを当てた際に変化を加えたりするにはCSSにてコードを打ち込む必要があります。 その前に覚えておきたいのが画像挿入の方法ですよね。 画像の種類について 画像には「GIF...

HTMLとは何か？<p>タグを利用して段落や文字の大きさ、色分けの仕方についてを説明してまいりました。 HTML、XHTMLについて 段落文字の書き方について 改行・段落番号・箇条書き・リストの４つを説明していきます。 改行は、文章やテキスト文を書く...

専門的に勉強をしていないとWEBデザインは難しくてコードをいじるなんてこわくてできないという方もいらっしゃると思います。 そんな悩みを解決できるようにわかりやすく解説していきます。 HTML、CSS、jsコードを知っていれば誰でも簡単に自分のページを...