今日の積み上げ 162日目 成果
\宣言した内容はこちらです/
あわせて読みたい
![](data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==)
![](https://cercidiphyllum-blog.com/wp-content/uploads/2022/03/3509bb651fff20ee6549a72693cd23fc-300x155.png)
【プログラミング・Web制作勉強ログ#0】宣言します(9月6日更新:開業しましたので、立ち上げた想いを…
こんにちは!こちらのページに、プログラミングを勉強した経緯や、立ち上げた仕事の概要や想いを綴っています。ぜひご覧ください。
本日の学び
アニメーション実装で沼りました。
今ハンバーガーメニューをコーディングしているところですが、スライドイン/スライドアウトのアニメーションの実装方法をググってタイムアウト。
ググれば本当にいろーんなサンプルはあるものの、今までのコーディングを書き直さなければならなかったり(そんなのいや!というサンクコスト効果がはびこる・・)、一部をパクるだけでは、JS×CSSのリンケージの都合上動作がうまくいかなかったり、とにかく詰まる詰まる。
とりあえずNotionにブックマークしたページをば。
ゆうやの雑記ブログ
![](data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==)
![](https://yuyauver98.me/wp-content/uploads/2020/04/20200404-2.jpg)
【CSS アニメーション】要素をスライドインで表示させる方法
CSSアニメーションのみでスライドインを実装できるようになりたい、コピペでOKなCSSアニメーションのスライドイン実装方法が知りたい、という方のお悩みを解決する記事です…
東京のホームページ制作 / WEB制作…
![](data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==)
![](https://b-risk.jp/wp/wp-content/uploads/2021/01/anim-referencel_700_530_2.jpg)
【コピペでOK】サイトに動きをつけるCSSアニメーションまとめ(デモ・サンプルコード付き) | 東京のホーム…
最近ではアニメーションが実装されたWebサイトも多くなり、趣向を凝らしたリッチな演出を取り入れているサイトもそ
これ以上沼ると永遠に進まないので、「まずは形をつくる」戦略に切り替えて、アニメーションは全部すっ飛ばすことにします(最初からそうしよYO・・・)。
本日の反省
肩甲骨に激痛が走る
いつものように娘&息子の散歩に連れて行ったところ、息子が蚊に刺され、全身に発疹が!
慌てて病院に連れていき、薬を処方してもらい一安心したと思ったら、肩甲骨に激痛が・・・
座ってキーボード&マウスを触っている位置で激痛が走るため、「積み上げ痛」がとうとうきてしまった…。
結果を出す前に身体にきてしまうという、かなり精神的ダメージが大きい事象に見舞われていますが、合言葉は「これからどうするか」。「諦めの悪い男、三井寿」。
頑張ります。
今日も諦めなかった自分、お疲れ様でした!
Twitterでも勉強ログを呟いています。よかったら覗いてみてください♪
コメント