WEB制作

コードを書いていて、困った時、つまづいた時に解決した方法、調べて勉強になったとこを落とし込んでいきます。

tablet

【jQuery】ハンバガーメニューが表示されたままになってしまうエラーを解決

ハンバガーメニューが表示されたままになってしまうエラーについて解決方法を紹介します。 さっさと解決方法を紹介したいのですが、まずはこの記事を見にきてくれている方が、求めている解決方法とマッチしているか ...

convert

Photoshopのドロップシャドウはコンバーターを使って時短コーディング

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

text-center

【CSS】要素を中央に寄せるいろいろなテクニックをまとめてみました

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

text-leftStay-center

【CSS】テキストを左寄せの状態で中央にもってくる方法

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

header-summary

【CSS】ヘッダー作成でよく使うCSSとよくあるエラーのまとめ記事

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

slide_menu-header_fix

【CSS】スライドメニューを表示させたままスクロール&ヘッダー固定

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

text

【CSS】文字を折り返しさせない方法

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

text-BeSmart

【CSS】すぐに使える 擬似要素で画像やアイコンを表示する方法 

2023/5/31    , , ,

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

title--z-index

【CSS】擬似要素を文字とかさねてオシャレな見出しをつくろう

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

book-and-pen

【CSS】アンダーラインの引き方をご紹介 テキストがグッときわ立ちます

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

© 2023 WEBセンス Powered by AFFINGER5