CSS
BootStrapと、Clipboard.js を使ったサンプル ボタンをクリックしたら、「URL copied!」にツールチップの表示が変わる。 <html lang="ja"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> </meta></meta></head></html>
ボタン要素をホバーした時など、ボタンのカラーごとに色を定義すると面倒臭い。 サイトの色味にもよるけど、手っ取り早く定義したい場合、filter: brightnessで、指定すると割と自然に見える。 button:hover { filter: brightness(120%); }
CSSで以下を指定すればOK p { white-space: pre-wrap; word-wrap: break-word; } <p>改行させる\n改行した</p>
Google Maps APIを使えば、色味やマーカーなど埋め込み地図を色々カスタマイズできるけど、 以下の料金体系のうち、月200ドル分を超えると従量課金されるらしい。 developers.google.com ただシックな感じにしたくてモノクロにしたいだけなら、無料で生成で…
cssのfont-sizeの指定の仕方で、vwがある。 100vwで今の画面の横幅いっぱいのサイズを指定できて、10文字で横幅いっぱいにしたければ、font-size: 10vwを指定すれば大丈夫。 ただこれだと、「画面幅」に対して計算されるので、divの中のdivとか、「レイアウ…
サイトに訪れるたびに表示されるのではなく、1日に1回、日付が変わるごとに表示されるポップアップの実装方法についてメモ 方法 初回アクセス時はポップアップモーダルを表示し、cookieを利用してその日の23:59:59まで再度表示されないようにmax-ageプロパ…