Warning: Undefined variable $cat_slug in /home/yoranote/www/yoranote/wordpress/wp-content/themes/yoranote/index.php on line 15
Warning: Undefined variable $catTag in /home/yoranote/www/yoranote/wordpress/wp-content/themes/yoranote/index.php on line 15
カテゴリー:Web制作
【SVG】SVG画像にリンクが貼れなくてハマった!時の解決方法
SVGファイルにリンクを設定しようとした際に上手くいかなくてハマった時の対処法の記事です。結論としてはobject要素で実装し、CSSを調整することで解決しました。
Warning: Undefined variable $cat_slug in /home/yoranote/www/yoranote/wordpress/wp-content/themes/yoranote/index.php on line 15
カテゴリー:Web制作
【JS】WordPress4.5にしたらSyntax error,unrecognized expression: a[href^=#]が出てハマった
Wordpressのバージョンが4.5に上がったことが原因でスムーススクロールが動かなくなった問題とその解決法の投稿です。一瞬で終わります。
Warning: Undefined variable $cat_slug in /home/yoranote/www/yoranote/wordpress/wp-content/themes/yoranote/index.php on line 15
カテゴリー:Web制作
【CSS】CSSとHTMLだけでパララックス風エフェクトを実装する方法
派手過ぎず文章を読む際に邪魔にならない演出が素敵なパララックス効果。今ではたくさんのjQueryプラグインがあり、実装も簡単になってきています。
javascriptはほとんどのブラウザが対応しており、現在のWeb業界では無くてはならない存在ですが、読み込みすぎるとページのロードが遅くなったり、他プラグインとの競合など管理が大変になってきますので使わなくて済むならそれに越したことはありません。
そこでCSSだけでパララックス風効果を実装してしまおうというのが本題です。
CSSなら重くないし、動きもサクサク快適です。