WEBデザイン 【コーディング備忘録】「display:inline-block」でリストを横並びにした時に生じる余白の対処法 グローバルナビなどリストを横並びにする時に発生してしまう余白について書き記しておこうと思います。 先日、リストタグに対して「display:inline-block」を使って要素を横並びにした時に、liとliの間に謎の余白が発生している事に... 2021.04.21 2021.04.22 WEBデザインコーディング
WEBデザイン 【コーディング備忘録】ヘッダーを固定させる方法と注意点 ヘッダーに何も設定していない状態だと、メニューを選択しにまたページトップまで戻る手間が生じてしまいます。 本日は、スクロールしても常にページの上部にヘッダーを固定表示させることができるCSSプロパティ「position:fixed」をご紹介... 2021.04.15 WEBデザインコーディング
WEBデザイン 【コーディング初心者向け講座】影をつけるCSSプロパティ「box-shadow」と「 drop-shadow」について学ぶ!〜CSS〜 先日、text-shadowという文章に影をつけるCSSプロパティをご紹介しました。 今回は画像やオブジェクトなどに影をつける「box-shadow」と「filter:drop-shadow」についてまとめたいと思います! box-shad... 2021.04.13 WEBデザインコーディング
WEBデザイン 【コーディング初心者向け講座】文字に影をつけるCSSプロパティ「text-shadow」について学ぶ!〜CSS〜 IllustratorやPhotoshopでは「ドロップシャドウ」や「光彩」を使えば簡単に文字に影をつけることができます。 これをコーディングで再現するとき、text-shadowというCSSプロパティを使います。 text-shadowの... 2021.04.07 WEBデザインコーディング
WEBデザイン 【コーディング初心者向け講座】text-alignについて学ぶ!〜CSS〜 先日、コーディングについて学んだことを記事にする!と宣言しました。 今後は「コーディング初心者向け講座」と題して使用頻度の高いプロパティや知識を一つずつ取り上げまとめる事で、このブログで逆引き辞書のように見返せればいいなと思ってます。 では... 2021.04.05 2021.04.06 WEBデザインコーディング
WEBデザイン コーディングはじめました。 ぽかぽか陽気でだいぶ春めいてきましたね。 本日から新年度ということで、新たな環境に身を置いて勉強・仕事に励む方も多いと思います。私にはそこまで大きな変化はないのですが、今週から少しだけ業務内容に変化が。 ついに業務でコーディングをやることに... 2021.04.01 2024.04.19 WEBデザイン