スマートフォンサイトのHTMLコーディングメモ12個 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
display:table-cell; を活用する リキッドレイアウトのコーディングにすごく便利。 親要素に display:table; 子要素に display:table-cell; 記事リストなど、画像とテキストを横並びにするときに。 均等に横並びにしたいときに。 タップ時のカラー設定 CSSで以下のように設定。アルファ値も設定可能。 -webkit-tap-highlight-color: rgba(255,105,183,0.6); 画像、iframeに max-width を指定 img・iframeは、サイズが大きすぎて画面からはみ出すことがあるので max-width:100%; を指定する。 word-break:break-all; を指定 スマホは幅が狭いため、長いURLなどが1行に入りきりません。 word-break:break-all; を適宜指定する。 フォ
Google Maps APIを使ったページの基本構成 | Google Maps JavaScript API入門
Google Maps APIを使うことでWebページの中に地図を使ったコンテンツを表示することができます。ここではGoogle Maps APIを実際に使ったWebページの簡単な例をご紹介します。 1.Google Maps APIを使ったWebページの構成 2.サンプルコード Google Maps APIを使ったWebページの構成 まず元となるWebページとして次のようなものを使います。HTML5ベースです。 <!DOCTYPE html> <html lang="ja"> <head> <meta charset="utf-8"> <title>Google Maps API サンプル</title> </head> <body> <p>自宅の地図です。</p> </body> </html> 地図を表示したい場所に「map」という名前でdiv要素を記述します。このdiv要素があと
東京メトロ路線図・都営地下鉄路線図・JR路線図・私鉄路線図: Google マップ
運休中や事業中は赤色で示します (計画中の未確定路線含む) 旅行の際にはJRはじめ各鉄道会社の最新情報を確認して下さい #鉄道 #旅行 #路線図 開業、廃止、移管予定の主な路線や駅 (更新: 2024年8月2日) 2024年9月29日: JR松山駅 (JR予讃線) 高架化開業 2024年度内: 大阪メトロ 北港テクノポート線 (コスモスクエア～夢洲間) 開業予定 2024年10月1日: 長崎電気軌道 宝町停留場がスタジアムシティサウス停留場に、銭座町停留場がスタジアムシティノース停留場に駅名改称 2024年度内: 抜海駅 (JR宗谷本線) 廃止予定 2025年3月: 仙巌園駅 (JR日豊本線、竜ケ水～鹿児島間) 開業予定 2025年春: 上所駅 (JR越後線、新潟～白山間) 開業予定 2025年4月1日: 京成電鉄が新京成電鉄を吸収合併、新京成線の名称を松戸線に変更 2026年3月頃: し
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
サービス終了のお知らせ
