読者です 読者をやめる 読者になる 読者になる

わすれた.log

忘れては検索して、そしてまた忘れるその過ちを繰り返さない為に…

HTML

CSS3アニメとjQueryによるシンプルなスライドナビ

See the Pen CSS3アニメとjQueryによるスライドナビ by yachiru (@yachiru) on CodePen.なぜそうなるのかはよくわからない。css3のtransitionで動きを指定、動きの終わりはjqueryに切り替える。むーcss3でtransitionで動きを指定して、hoverで動きの終わりを…

cssを書く注意点

最近の注意されたことメモ・スマホなどでの画面の拡大率指定するかしないか把握する。 google的には拡大縮小できた方が良い。・ブレイクポイントは3〜4個くらいにする。 ・ブレイクポイントはsassの変数で管理する。

HTMLのクラス名をわかりやすくしたい

他の人にもわかり、編集しやすい、クラス名について× index-images インデックスページのイメージという意味で使いたかった。 だけどindex直訳して目次、サイトマップなら良いがインデックスページのとは意味が違う。よく使う単語 head body foot top bottom…

なんかおかしいマークアップ

他の人にわかりやすいとかの目的の場合の書き方について。 タグの意味合いを意識した書き方。 例1:ヘッダーのタイトルとロゴについて ×ダメな例 <header> <div class=“logo”> <img src=“logo.png”> </div> <h1> Sitetile </h1> </header> h1 と.classが別物という扱いになってしまう。 ○良い例1 <header> <div class=“sitelogo”> <div class=“logo”> <img src=“logo.png”> </div> <h1> Sitetile </h1> </div> </header>