はじめに 前記事でこんなものを書いていました。 【前記事】ぼくの考えたさいきょうのCSSだけで2pxの縁取り文字 ☝上記記事を応用して出来ることが増えたのでまた記事を書きました。 text-shadowのドロップシャドウって薄くない? text-shadowって、ぼかしも利かせられて手軽にドロップシャドウ出来るのが便利ですよね。 でも、個人的にこれだと少し影が薄いかなーと思っていました。 ※文字色指定などは省いています。
![ぼくの辿り着いた濃いめのtext-shadow - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/404b2858a2fcf66075b721f6e3d4c966004197cb/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Farticle-ogp-background-9f5428127621718a910c8b63951390ad.png%3Fixlib%3Drb-4.0.0%26w%3D1200%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTkxNiZoPTMzNiZ0eHQ9JUUzJTgxJUJDJUUzJTgxJThGJUUzJTgxJUFFJUU4JUJFJUJGJUUzJTgyJThBJUU3JTlEJTgwJUUzJTgxJTg0JUUzJTgxJTlGJUU2JUJGJTgzJUUzJTgxJTg0JUUzJTgyJTgxJUUzJTgxJUFFdGV4dC1zaGFkb3cmdHh0LWNvbG9yPSUyMzIxMjEyMSZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT01NiZ0eHQtY2xpcD1lbGxpcHNpcyZ0eHQtYWxpZ249bGVmdCUyQ3RvcCZzPTYxM2ZmOWEyZGRjYjIwMWQ4NjZjNTgwMjcyZDExNjY4%26mark-x%3D142%26mark-y%3D112%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTYxNiZ0eHQ9JTQwTm94R2l0JnR4dC1jb2xvcj0lMjMyMTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9MzYmdHh0LWFsaWduPWxlZnQlMkN0b3Amcz05MGQ3ZTU0MTAwMzFiNWZhOTdiZmNmYzMxZDY4NGUzZg%26blend-x%3D142%26blend-y%3D491%26blend-mode%3Dnormal%26s%3D004815089dd82dc2a734b246f476975b)
サイト構築をしていると様々な場面で条件分岐が必要になることがありますよね。特にレスポンシブデザインになってからはウィンドウ幅による条件分岐をよく使います。 CSSであればメディアクエリーでやればいいのですが、JavaScriptの場合にはどうしていますか?普通にウィンドウ幅を取得して分岐ということが多いかと思いますが、今回は私なりの方法をご紹介します。 まず正確なウィンドウ幅を取得します。 ウィンドウ幅を取得するにもスクロールバーを含めたり含めなかったりと色々な方法がありますが、今回はCSSのメディアクエリーの反応と同じにするため、スクロールバーを含めた値を取得することにします。ここが間違っているとその先が全部狂ってしまうので、以下の記述で正確な値を取得しましょう。 $windowWidth = window.innerWidth; javascriptでのwindow.innerWidt
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く