WEB制作

Photoshopからコーディングをするときに、ボックスやテキストのシャドウを表現するのって、けっこう手間じゃありませんか？ 角度、長さ、ぼかし、広がり、を読み取って、CSSに入力します。 &nbsp ...

要素を中央に寄せることは頻繁にあります。 やり方もケースバイケースです。   今回の記事では、要素を中央に寄せるためのテクニックをまとめてみました。 一元的な記事ですので、状況に応じて参考に ...

今回は、テキストを左に寄せた状態で中央寄せにする方法を紹介します。 初心者の方はけっこう「あれ？どうやるんだろ」となります。   解決方法としては、text-align の left と c ...

ヘッダーに関する記事が増えてきたので、まとめ記事を作ってみました。 よく使うCSSや初心者がよくつまづくエラーを一挙に紹介します。   ヘッダーの作成はある程度パターンが決まっておりますので ...

CSSでヘッダーを固定したのに、スライドメニューを表示したまま下へスクロールするとヘッダーがついてこない。 というエラーでつまづいたのでメモ代わりに記事として残します。   エラー内容 まず ...

テキストの折り返しをさせたくない場合はどのようなCSSを設定すればいいでしょうか。 今回はその方法をご紹介します。   私の場合は、レスポンシブデザインの確認でブラウザを伸縮させていたら、ボ ...

今回は、擬似要素で画像やアイコン（ Font Awesome）を表示する方法をご紹介します。   タイトルの装飾やアクセントをつけるときに画像を使用するときがあります。   img ...

今回は擬似要素を使って見出しをオシャレにする方法です。 先日WEBサイトを作成していたら、「なるほど」と思った見出しがありましたので、メモとして記事にしておきます。 それではさっそく見ていきましょう。 ...

今回はCSSでアンダーライン（下線）の引き方をご紹介します。   さっぱりわからない人はサクッと覚えてしまいましょう。 いつも同じ方法でコーディングしている人はバリエーションを増やしましょう ...

WEB制作の初学者の方でハマりすいのがファイルの階層です。 えらそうなことを言っている私もハマった１人です。   絶対パスや相対パスについてはわかっている人も多いと思うので、 そこは省略しま ...