Google Maps APIを使う

Googleが提供するGoogle Maps APIを利用すれば、Google マップをより自由に表示することができます。ここでは、API キーを作成して、WebサイトにGoogle マップを表示するまでの手順をまとめます。

https://lopan.jp/google-maps-use-api/

Google マップの共有を使う

Webサイトに地図を表示したいだけならば、Google マップが提供しているHTMLソースコードをコピペする方法が手っ取り早いです:)。手順と、地図の大きさの調整の仕方をまとめました。

https://lopan.jp/google-maps-use-embed/

CSSの「calc()関数」を使うとすごく便利に！レスポンシブ対応のレイアウトで高さを最適化するテクニック

レスポンシブ対応のレイアウトを実装する際に手間なのは、ブレイクポイントの定義です。ここ1,2年でもたくさんのデバイスがリリースされ、それに伴いスクリーンサイズの種類も増えてきました。

https://coliss.com/articles/build-websites/operation/css/use-calc-to-change-the-height-of-a-hero-component.html

様々なテーマのイラストアイコンセットが配布されているフリー素材サイト「DesZone.net」

head内に記述するソーシャルメディア・検索エンジン用のmetaタグを簡単に生成できる無料ツール -Meta Tags

head内のmetaに記述するTwitterカードやFacebookのOGPなどのソーシャルメディア用のコード、Googleなどの検索エンジン用のコードを簡単に作成できる無料のオンラインツールを紹介します。

https://coliss.com/articles/build-websites/operation/work/generate-meta-tags-for-social-media.html

あなたの文章を劇的に読みやすく底上げしてくれる執筆サポートツールをご紹介

ブログを長く続けていますが、ブログというメディアは自分で書いて自分で確認し、自分で投稿するという具合に一人で完結するもののため、書いた文章がおかしくないかを常々気にしながら運営しています。

https://wp.yat-net.com/?p=6781