スマホアプリと言えば今のところネイティブアプリ一... / ネイティブアプリと遜色ないWebアプリ3選 / Forecast他...全5件 スマホアプリと言えば今のところネイティブアプリ一択ですが、実はその裏でWebアプリが驚くような進化を遂げています。 Webの資産をそのまま活用できるWebアプリの台頭は、Webエンジニアにとってはうれしい限りですね。 そんな、ネイティブアプリと遜色ない、アプリ開発の可能性を広げるWebアプリを3つご紹介します。
![これってWebアプリなの?ネイティブアプリと遜色ないWebアプリ3選](https://cdn-ak-scissors.b.st-hatena.com/image/square/9f71572a6729b40dab78121a6309ede3ddcbebb5/height=288;version=1;width=512/http%3A%2F%2Fw3q.jp%2Fupload%2F2013%2F7%2F26%2Fl_2013-7-26_8517e12544f5a8a0bffbaad59a6c8f19.jpg)
スマホアプリと言えば今のところネイティブアプリ一... / ネイティブアプリと遜色ないWebアプリ3選 / Forecast他...全5件 スマホアプリと言えば今のところネイティブアプリ一択ですが、実はその裏でWebアプリが驚くような進化を遂げています。 Webの資産をそのまま活用できるWebアプリの台頭は、Webエンジニアにとってはうれしい限りですね。 そんな、ネイティブアプリと遜色ない、アプリ開発の可能性を広げるWebアプリを3つご紹介します。
スマートフォン(ios、android)向けのウェブサイト・ウェブアプリを作る際に個人的によく使うhtml、css、javascriptの備忘録。 html関連 headタグ内での設定<!-- //デバイスサイズにあわせて表示領域を変更する --> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <!-- //電話番号のリンクを無効化 --> <meta name="format-detection" content="telephone=no"> <!-- //ホーム画面用アイコン --> <link rel="apple-touch-icon" href="icon.png"> <!-- //ホーム画面用アイコンの光沢を無効化する --> <link rel="apple-touch-icon
2014年8月22日 Webサイト制作, スマートフォン スマートフォンが普及してきて、Webサイトを作る時、スマートフォンサイトも一緒に制作している方も多くなってきていると思います。私もスマホサイトを制作する機会が増え、だんだんEvernoteに保存していたスマートフォンサイトを作る時の小技がたまってきたので、iPhoneで使える小技を中心にまとめて記事にしてみます。いくつかサンプルも作っているので、スマートフォンからあわせてご覧下さい! ↑私が10年以上利用している会計ソフト! スマートフォンサイト用小技集 目次 いくつかサンプルも作ったのでスマートフォンから、もしくはブラウザーからユーザーエージェントをiPhoneなどに切り替えてご覧ください! 横幅をデバイスの幅にあわせる 文字サイズの自動調整をオフ リストのクリック(タップ)範囲を広げる 画面の幅にあわせてCSSを変える リンクテ
Media Queries初心者でも分かりやすく解説された、スマートフォンやタブレットやデスクトップなど異なる表示サイズごとに最適なレイアウトを提供するResponsive Web Desingのチュートリアルを紹介します。 Responsive Design in 3 Steps [ad#ad-2] 下記は各ポイントを意訳したものです。 Step 1: METAタグ Step 2: HTMLの構造 Step 3: Media Queries さらに実践的な使い方を学びたい人に Step 1: METAタグ スマートフォンなどで採用されているモバイル用ブラウザは、表示するHTMLページの大きさをビューポートの幅に(主に)縮小してフィットさせます。 まずは、この設定をMETAタグを使用して等倍で表示するようにしましょう。 HTML <head>~</head>に下記を記述します。 <meta
最近今あるサイトをスマートフォンに対応させるべく、コツコツがんばっているわけですが、その際に気になったことや知っておきたいポイントをまとめてみました。基本的な内容も多いと思いますが、ご参考になればと思います。 1. スマートフォンに対応させるには? ウェブサイトをスマートフォンに対応させるには2つのパターンがあると思います。 PCにもスマートフォンにも対応したページを作成するか、PC用ページとは別にスマートフォン専用ページを作成するかです。 1つ目のPCにもスマートフォンにも対応したページは、Media Queriesを使う場合が多いと思います。 Media Queriesを使うと画面のサイズの違いによって適用するCSSを変更することができます。 例えば、CSS-Tricksというサイトは画面サイズによってレイアウトが大きく変わってます。 Media Queriesについては後で簡単に紹介
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く