新しいGoogleマップをレスポンシブ対応で埋め込む方法 | ライフハッカー・ジャパン
Digital Inspiration：新しくなったGoogleマップでは、ウェブページに地図を埋め込むことが可能となりました。Googleマップのサイトを開き、埋め込みたいエリアをズームインします。右下の歯車アイコンをクリックして、メニューから「地図を埋め込む」オプションを選択すれば、埋め込みコードを取得できます。 埋め込みコードを使ったサンプルページがこちらです。デフォルトでは、Googleマップがレスポンシブに対応していません。スマートフォンなどでページを開くと、地図のサイズがデバイス画面にフィットせず、はみ出してしまいます。 同じGoogleマップをレスポンシブ対応で埋め込んだサンプルがこちら。ブラウザをリサイズしたり、スマートフォンからページを開いても、画面に合わせて地図のサイズを自動調整してくれます。 Googleマップをレスポンシブに埋め込む方法 以下がGoogleマップのデ
「QRHACKER」でオシャレなQRコードを簡単作成 | ライフハッカー・ジャパン
ブランドのロゴが入っていたり、カラフルな差し色が入っていたり、ちょっとオシャレな自分だけのオリジナルQRコードを作成できるのが「QRHACKER」です。 使い方はとっても簡単！ 左上から順に必要項目を設定していくだけ。 まずは、QRHACKERのサイトへアクセスしましょう。 QRコードに登録できる情報は「Text」、「URL」、「Phone number」、「VCard/Contact details（電子名刺）」の4種類です。この中から作りたいQRコードの種類を選んで、下のボックスに情報を登録したら「GENERATE」をクリックします。 次に、右側からデザインを設定します。背景や画像の挿入、色の設定など、細かいカスタマイズも可能です。 できあがったQRコードは、PNGかPDFでダウンロードできます。名刺にプリントしたり、スマートフォン向けサイトへの誘導用としてWebサイトに貼り付けたり、
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
