HTML

簡単!スマホ用メニュー|3本線のハンバーガーメニューと、その下に「menu」という文字

こんにちは、寒くなってきました。 副業フリーランスも、うさぎ雑貨制作も最近ちょっとサボり中のマッツォです。 久しぶりによく使うコードをメモとして残しておこうと思い久しぶりにブログを開きました。 スマートフォンのときだけ3本線のメニューが右上にでてくるアレです。 やりたいこと 3本線のハンバーガーメニュー 3本線の下に「menu」と言う文字もついているもの クリックして開いている時は「これクリックし…

文字が左にグググッと寄って重なって表示されてしまう時の対処法

先日、IE8でこんな風にページ内の文字が表示されてしまいました。 動き的には、最初はちゃんと表示されるものの、JSを読み込んでいるタイミングでこうなってしまっている様子の動き方をする。 そこでページ内にあるjQueryのプラグインをひとつづつ取っていってもなぜか解消されない。 あまりナイ症状なのか、それとも基本的ななにかをすっ飛ばしているからこうなったのか?(基本的な部分のCSSを見直してみたつも…

:nth-childでaタグにCSSでボタン実装したいんですが反映されません

ナビゲーションの実装。 こんなタグでナビゲーションを作ってみました。 これを横並びにfloatして背景画像をあてたい! めちゃくちゃ初歩的なことだっただろうと思うのですが、 私はちょっと勘違いしておりハマりましたので、書いておきます。 条件は、liにidなどを付けずに、疑似クラス「:nth-child」を使ってそのナビゲーションを実装するということでした。 :nth-childについては下記のペー…

初めてのサイト制作でしくじっていたこと「id classの乱用」

ホームページをはじめて作った時、とにかく時間がかかりました。 htmlもcssも、まだあまり理解できていなかったから。 で、とにかく確認確認で、書き直し書き直し。 理解していないので、一個一個だめなところをつぶしていく作業が、最初からでした。 それは私の場合成長過程で必要だったとしても、これは避けなきゃいけなかったんじゃないか、と思ったのがこれ。 idの乱用と混乱 今思い返せば、無駄なところにid…