こんにちは、fukuです 今回は、data属性を使ったビューアーを勉強したのでそのアウトプットとします。 まず、コードを貼ります <!DOCTYPE html><html lang="ja" dir="ltr"> <head> <meta charset="utf-8"> <link rel="stylesheet" href="index.css"> <title></title> </head> <body> <section> <h1>ビ
こんにちは、fukuです。 今回はスムーススクロールを作成したのでその解説です。 流れは、htmlで上部に戻るボタンを作って クリックしたら、top: 0にスクロールさせる! 以上! 前回のハンバーガーメニューよりはコードが少なくて ちょっと楽でした! html・javascript <!DOCTYPE html><html lang="ja" dir="ltr"> <head> <meta charset="utf-8"> <link rel="styl
こんにちは、fukuです。 今日はハンバーガーメニューを勉強したので そのアウトプットとします。 流れとしては、 html、cssで基本的な形を作って 次に、クリックした時の ハンバーガーとメニューの動きのクラスをcssで作る そして、javascriptでクラスを付けたり消したりする。 説明は簡単だけど、途中で頭がこんがらがって めっちゃ時間かかっちゃいました(>_<) HTML全体 <!DOCTYPE html><html lang="ja" dir="lt
はじめまして、fukuです。 現在26歳、不動産広告関係の会社で経理を2年(在職中)しています。 転職回数は1回、前職は公共図書館で3年働いていました。 学歴は、工業高校定時制建築土木科を卒業 現在の会社ではコロナ禍の影響もあってボーナスカット、減給など このままではイカン!と思って転職を決意! なにか手に職がつくような仕事をしてみたくて web業界を選びました。 転職を決めた理由転職を決めた理由は、 ・冒頭でも少し触れた、給料面での不安 ・休業期間中に将来のことを