takumasugai.0202

CSS

【CSS】z-indexやabsoluteを使わずに見出しの左右に線を入れる方法

z-indexやabsoluteを使わずに見出しの左右に線を入れる方法をご紹介しています。
CSS

【CSS】一番シンプルかつ少ない工数で確実に画面中央寄せにしたままテキストを左揃えにする方法

一番シンプルかつ少ない手数で画面中央寄せ、かつテキストを左寄せにする方法
CSS

SCSSにおけるアンパサンド(&)の意味と使い方

SCSSでアンパサンド(&)は必須レベルで使いますが、使い方をそもそも知らないと意図した通りにスタイルが反映してくれないことが多々ある経験をした人は多いかと思いますので、そもそもの意味と基本的な使い方についてご紹介したいと思います。 ...
HTML

【VS Code】インデント(字下げ)で下げたものを一括で戻すMacのショートカットキー

VS Codeでインデント(字下げ)で下げたものをまた一括で戻したい時に使えるMacのショートカットキーをご紹介します。 ちなみにインデントは「字下げ」と訳されますが、「凹み、くぼみ」という意味もあることから、段落が凹んでいるように...
HTML

【HTML】ラジオボタンでどちらか片方にチェックを入れる方法

ラジオボタンを作成した後に試しにチェックが入るかどうかクリックしてみたら、全てのラジオボタンにチェックが残ってしまうことがあります。 こういう場合結論としてはinputタグの中のname属性に同一の値を入れれば片方だけにチェックをつ...
CSS

【CSS】ボタンやリンクをクリックしている時に色変化などさせる方法

ボタンやリンクにホバーした時だけでなく、クリックしている時も背景色や文字の色などを変化させる方法をご紹介します。 結論としては:activeという擬似クラスを使います。 ボタンやリンクをクリックしている時に色変化などさせる方法...
Web制作

【MAMP】「このページは動作していません localhost では現在このリクエストを処理できません。 HTTP ERROR 500」が出た時の対処法

MAMPのホーム画面からMy Websiteをクリックした時に「このページは動作していません localhost では現在このリクエストを処理できません。 HTTP ERROR 500」と表示された時の対処法です。 結論から言うと5...
CSS

【CSS】擬似要素の中身を可変にする

擬似要素の中身を柔軟に変えたい場合のやり方をご紹介します。 擬似要素の中身を可変にする方法 まずは例をご覧ください。 See the Pen Untitled by Takuma (@takushin0202...
CSS

【CSS】placeholderの色とサイズを変更する

placeholderの色の変更 ::placeholder、とだけ指定すれば変更ができます。 HTML <input type="text" placeholder="氏名"> CSS ::pl...
CSS

【CSS】transformで複数の値を指定する時の正しい書き方

transformでrotateやtranslateを複数の値を指定する時に、正しい書き方をしなかったために挙動がおかしくなってしまった経験のある人はたくさんいるかと思い、ここのその正しい書き方を掲載しておきます。 transfor...
タイトルとURLをコピーしました