リストを入れ子にしたグローバルメニュー
NEW
- a-blog cms
前回記事の jQuery でもアロー関数とthisを使いたい の内容を使ってドロップダウンする入れ子になったグローバルメニューリストを先輩にアドバイスもらいながら実装したのでその覚書です。 参考にしたサイト グローバルメニューリストを実装するにあたって、下の画像の ブランドサイト | a-blog cms （スマホ幅の時のオ...
-
-
jQuery でもアロー関数とthisを使いたい
- フロントエンド
jQuery でアロー関数を書いた時の this の動きに戸惑ったのでそのことについてまとめておきます。「$(this) だと参照できなかったけど、currentTarget 使ったらできたよ！」という内容になります。 jQuery で書く function() {...} とアロー関数の比較 function() {...} とアロー関数の $(this)、 target、currentTarge...
-
getRendered でclass指定
- a-blog cms
- #getRendered
- #setRendered
- #ablogcms
a-blog cms の getRendered はなにかと便利ですが、テンプレートエンジンの実行順序としては一番最後に処理される機能になります。なので、IF文の処理条件として使うことはできません。しかし、getRenderedを使うたびに、処理順序をすっかり忘れてIF文の条件にgetRenderedを使おうとして表示されなくて焦るという行為を...
-
初心者向けGoogleアナリティクス勉強会に参加しました①
- マーケティング
先月2019年6月から、ベースキャンプ名古屋で初心者向けのGoogleアナリティクス勉強会が3回に分けて開催されています。そして「第3回 初心者向け Google アナリティクス勉強会 2019」は2019年7月22日に開催予定です！ 私はこれまで開催された第2回までのイベントに一応参加しましたが、第1回目は遅刻し、第2回目は遠くか...
-
CSS Grid レイアウトでハマったheightを0にしたpaddingでの高さ指定
- フロントエンド
- #Gridレイアウト
- #CSS
- #padding
- #比率指定
CSS Grid レイアウト + paddingでの高さ指定をしたらIE11とEdgeでは高さが反映されないということがあったのでそのメモです。 グリッド要素のheightを0にして高さをpaddingでの比率指定にしてみた 下の画像のようなレイアウトをCSS Grid レイアウトで実装してみました。 この記事ではよりシンプルにするためにただブロ...