bnsgt's diary

個人的な備忘と日記

CSS

【Google Map】Google Maps APIを使わずに、埋め込み地図をCSSでモノクロ(グレースケール)にする方法

CSS

Google Maps APIを使えば、色味やマーカーなど埋め込み地図を色々カスタマイズできるけど、 以下の料金体系のうち、月200ドル分を超えると従量課金されるらしい。 developers.google.com ただシックな感じにしたくてモノクロにしたいだけなら、無料で生成で…

【JavaScript】レイアウトの中で文字サイズを画面幅に応じて可変にする

cssのfont-sizeの指定の仕方で、vwがある。 100vwで今の画面の横幅いっぱいのサイズを指定できて、10文字で横幅いっぱいにしたければ、font-size: 10vwを指定すれば大丈夫。 ただこれだと、「画面幅」に対して計算されるので、divの中のdivとか、「レイアウ…

キャンペーン等で使える1日に1回日付が変わると表示されるポップアップの実装方法

サイトに訪れるたびに表示されるのではなく、1日に1回、日付が変わるごとに表示されるポップアップの実装方法についてメモ 方法 初回アクセス時はポップアップモーダルを表示し、cookieを利用してその日の23:59:59まで再度表示されないようにmax-ageプロパ…