-
Photoshopのドロップシャドウはコンバーターを使って時短コーディング
Photoshopからコーディングをするときに、ボックスやテキストのシャドウを表現するのって、けっこう手間じゃありませんか? 角度、長さ、ぼかし、広がり、を読み取って、CSSに入力します。   ...
-
【CSS】要素を中央に寄せるいろいろなテクニックをまとめてみました
要素を中央に寄せることは頻繁にあります。 やり方もケースバイケースです。 今回の記事では、要素を中央に寄せるためのテクニックをまとめてみました。 一元的な記事ですので、状況に応じて参考に ...
-
【CSS】ヘッダー作成でよく使うCSSとよくあるエラーのまとめ記事
ヘッダーに関する記事が増えてきたので、まとめ記事を作ってみました。 よく使うCSSや初心者がよくつまづくエラーを一挙に紹介します。 ヘッダーの作成はある程度パターンが決まっておりますので ...
-
【CSS】文字を折り返しさせない方法
テキストの折り返しをさせたくない場合はどのようなCSSを設定すればいいでしょうか。 今回はその方法をご紹介します。 私の場合は、レスポンシブデザインの確認でブラウザを伸縮させていたら、ボ ...
-
【CSS】すぐに使える 擬似要素で画像やアイコンを表示する方法
今回は、擬似要素で画像やアイコン( Font Awesome)を表示する方法をご紹介します。 タイトルの装飾やアクセントをつけるときに画像を使用するときがあります。 img ...
-
【CSS】アンダーラインの引き方をご紹介 テキストがグッときわ立ちます
今回はCSSでアンダーライン(下線)の引き方をご紹介します。 さっぱりわからない人はサクッと覚えてしまいましょう。 いつも同じ方法でコーディングしている人はバリエーションを増やしましょう ...
-
相対パスの階層をしっかりおさえよう CSSや画像の読み込みエラーの原因になります
WEB制作の初学者の方でハマりすいのがファイルの階層です。 えらそうなことを言っている私もハマった1人です。 絶対パスや相対パスについてはわかっている人も多いと思うので、 そこは省略しま ...
-
【CSS】grid で並べた要素の順番を変える方法 CSSでorderを設定しよう
2022/10/4 column-reverse, css, flex, grid, gridで横並び, order, スマホサイズで縦並び, 変えたい, 要素, 要素の順番, 要素の順番を変える方法
Web制作を勉強中のみなさん、こんにちは。 今回は、grid で並べた要素の順番を変える方法を紹介します。 gridで横並びにした要素があるとします。 その要素をスマホサイズで縦並びにす ...
-
【CSS】Google Fonts の使い方をご紹介 Web制作には欠かせません
2022/8/29 css, font familiy, Google Fonts, やり方, インストール, グーグルフォント, 使い方, 手順, 簡単
今回は、Google Fonts の使い方を紹介します。 それほど難しくありませんが、私が初めて使用した時、少しわかりづらかったので、 初心者さん向けに手順を紹介していきます。 Goog ...
-
【CSS】HTMLで作った<a>タグの文字色を変えない方法
<a>タグでリンクを作ったら文字の色が黒じゃない。 しかも下線までついてる。 文字は黒でいいし、下線もいらない。 とお困りの方へ解決方法をサクッとご紹介します。 からくり な ...