モバイルアプリ向けのランディングページテンプレート・「Takeoff」
Takeoffはモバイルアプリ向けのランディングページのテンプレートです。よく配布されているような、いわゆるWebページのテンプレは使わないのですけど、こちらはスタイルを初期化すれば使いやすそうだったので備忘録として。スクロール連動型のペラサイトになっています。背景とテキスト、モックアップが変化するだけのシンプルなもの。RWDにも対応しています。割と良いのですが、スマフォで下部から上部にスクロールする時と上部から下部にスクロールする時のエフェクトが全く同じなので混同するかも知れません。ここはエフェクト直して使ったほうが良さそう。ライセンスはMITです。 Takeoff
レスポンシブでスマホで便利に使えそうなアコーディオン実装「Responsive Accordion」:phpspot開発日誌
Responsive Accordion - jQuery Plugin レスポンシブでスマホで便利に使えそうなアコーディオン実装「Responsive Accordion」 アニメーション等もいい感じでなかなか使えそうです。 関連エントリ モバイルファーストでレスポンシブなアコーディオン実装「Bellows」
「検索順位の反映には1週間かかる」などGoogleのモバイルフレンドリーアップデートで知っておくべき7つのこと | らふらく^^ ~ブログで飯を食う~
4月21日、Googleがモバイルフレンドリーアップデートを行いました。これは、モバイル版の検索結果において、スマートフォンで見やすく使いやすいページの掲載順位を上げるというもの。 つまり、「PCだけに対応したページだと、モバイル版の検索結果で掲載順位が大きく下がる可能性がある」という恐ろしいものなんです。 これだけ大きなアップデートですから、サイト運営者にとっては疑問点も多いはず。そんな人のために、Googleがよくある質問に回答してくれているんです。 そこで今回は、Q&Aページから特に重要と思ったものを紹介します。モバイル端末での上位表示を狙うためにも必ず見ておきましょう。 1 タブレットやパソコンからの検索には影響しないまずは、モバイル端末以外からのアクセスの掲載順位は影響を受けるか？という質問に対しての回答。 いいえ。今回のアップデートは、タブレットやパソコンからの検索には影響しま
スマホユーザーを囲い込む！目的達成するスマホサイト制作方法
あなたはスマホ専用のホームページを作ろうとしている中で、外部の業者に任せるにせよ、自社で制作するにせよ、具体的にどのように作ろうか迷っているかもしれない。 スマホサイトを制作する際に忘れてはいけないのは、ユーザーの求めている情報が簡単に手に入るか？という視点だ。 スマホユーザー数の増加から、特別な設定をしなくても、売上の20％程度はスマホ経由になるだろう。しかし、しっかりと作れば売上の50％以上をスマホ経由にすることが出来るだろう。 ネットショッピングでなくともスマホ経由のお問い合わせも同様である。 この記事では、どのようなサイトを、どのように制作すれば効果の高いサイトができるかについて、初心者でもわかるようにお伝えしていく。 ＜目次＞ １，スマホサイトのデザイン視点 ２，独自の環境で作るか、自動変換ツールを使うか ３，独自の開発環境でサイトを制作する方法 ４，独自の開発環境で制作するメリ
[CSS] スマホ対応は超重要! 私が最低限やっている6つのこと | ヨッセンス
こんにちは! ヨス（プロフィールはこちら）です。 今現在、Google検索では「スマホ対応」がされているかどうかは超重要になっています。 具体的にいうと、PCの検索順位はスマホでの検索順位が適応されているのです！ 今回は、ブログのスマホ対応でのポイントをくわしく解説します。 スマホ対応で困った6つのこと 今回は私がスマホ対応のために最低限やっている6つを紹介するのですが、分かりやすいように「問題点」を見出しにして紹介しますね。 スマホで見たら画像がはみ出す?! まずはこちらの比較画像をご覧ください。 画像サイズ（左: 変更前・右: 変更後） スマホで見た時に、上画像の左側のような画像を見たことありませんか? これは画像サイズがパソコンのままになっているんですね。大きいのではみ出しています。 これをスマホで見た時は自動で上画像の右側のように縮小してほしいんです。 でも大丈夫! CSSの<im
![[CSS] スマホ対応は超重要! 私が最低限やっている6つのこと | ヨッセンス](https://cdn-ak-scissors.b.st-hatena.com/image/square/f65ab4b0dcf3e460e3895ac786ca89120feaa297/height=288;version=1;width=512/https%3A%2F%2Fyossense.com%2Fwp-content%2Fuploads%2Fcss-for-smartphone-300.jpg)
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
グーグルで「スマホ対応」ラベルを出すために僕がやった3つのこと | 初代編集長ブログ―安田英久
