スマフォ向けWebアプリの制作初心者が覚えておくと便利な小ワザ集1 | {M} 383blog
自分がスマートフォン向けのWebアプリを初めて作成したときにいろいろと調べたことを、メモ的に書いておこうと思う。スマートフォン向けのWebアプリ制作におけるJavaScriptやHTMLの基本的な小ワザをまとめた。これからスマートフォン向けのWebアプリを制作する人たちの参考になればうれしい。 アドレスバーを隠す [iOS, Android] ページを表示したときにブラウザ上部のアドレスバーを隠すことができる。スマートフォンのブラウザは表示領域が少ないため、アドレスバーを隠すことで画面を多少広く使える。 setTimeout(window.scrollTo(0, 1), 100); フルスクリーン表示かどうか調べる [iOS] Safariから「ホーム画面に追加」ボタンをタップすると、ホーム画面にそのページへのショートカットアイコンを追加することができる。追加したショートカットアイコンから
これがスマートフォン向けサイトを作るときの viewport 設定３パターンだ
スマートフォン向けの Web サイトを作るとき、viewport の設定次第で使い勝手が大幅に変わる。 最近はレスポンシブ Web デザインが流行してるけども、その大前提として viewport の設定パターンを抑えておくのは重要だろう。 この記事では、viewport の設定によって、見た目・使い勝手がどう変わるかを解説する。 パターン1: 何も考えずに HTML を書く まずは、viewport を指定せずに、単純な HTML をスマートフォンで表示してみる。 <!DOCTYPE html> <head> <meta charset="utf-8"> </head> <body> <img src="/images/logo-ja.png"> <p>色んな素材がごった煮になった様子をお椀で表現しています。 湯気が<strong>「てっく」</strong>に見えるのが隠し味になっていま
Youtubeの動画を背景に
Introduction In the ever-evolving landscape of web browsing, staying abreast of the latest technologies is crucial. HTML5, the fifth and current version of the Hypertext Markup Language, has revolutionized the way we experience the web. With its advanced features and enhanced capabilities, HTML5 has become the cornerstone of modern web development, offering a more seamless and interactive user exp
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
スマフォ向けWebアプリの制作初心者が覚えておくと便利な小ワザ集2 | {M} 383blog
スマートフォンブラウザ不具合特集
