月別アーカイブ
2019年6月

  • CSSでグロー効果っぽいやつ

    0件のコメント

    イラスト制作でよく使うフィルター効果を、CSS3 filterでも実現できないかなと思ってやってみました。イメージとちょっと違ったけどこんな感じに。わかりやすくするためにアニメーションさせています。 cssはこんな感じ。 コントラスト上げて、少しぼかして、透明度下げて、ブレンドモード覆い焼き。元の絵もグロー効果付けてる...

  • 初回訪問時のみダイアログ表示

    0件のコメント

    GDPR対策とかなんとかで、初回訪問時のみダイアログを表示する機会も増えてるようなのでまとめてみます。 HTML CSS jQuery ページ読み込み完了時にcookie([onceDialogAccessFlg]でcookie名指定)があるか判定して、なかったら表示します。閉じるボタンを押すと該当のcookieが保存...

  • WordPressのテーマメニューをレスポンシブでハンバーガーメニューにする

    0件のコメント

    自作テーマでタイトルのような設計をしたい場面がよくある気がするんですが、検索するとプラグインを使った実装以外まとまった情報がなかったのでざっくりまとめてみます。テーマメニューの設定がされている状態で、jQueryとCSSを追加します。 jQuery クラス名は適宜調整してください。[menu-global-nav-co...

  • 要素の高さを画面100%に調整する

    0件のコメント

    要素の高さが画面100%に足りないときにフッターの位置がおかしくなるのを防ぐための調整です。jQueryとCSSの2パターン掲載しています。 まずはjQuery。 画面内の要素のうち、高さ調整したい要素(targetItem、1要素のみ)と高さ調整しない要素(staticItem、配列指定可)を指定して使います。マーク...