Navstack.js - ハイブリッドアプリやスマートフォン向けWebサイトの画面遷移はこれにお任せ MOONGIFT
スマートフォンのWebビューは従来に比べると遙かに進化していて、レンダリング速度やJavaScriptの実行速度も高速化しています。そんな中、ネイティブアプリとWebアプリの違いと言えば、画面遷移のアニメーションにあるのではないでしょうか。 上下左右から画面がスライドして表示されるのはやはりアプリならではといった感があります。そんな表示をサポートしてくれるWebアプリ用ライブラリがNavstack.jsです。 Navstack.jsの使い方 使い方としてはまず、ステージを作ります。 stage = new Navstack({ el: $('#stage') }); 後はページ遷移をする度にpushしていくだけです。 // Navigate to new pages using push. stage.push('/home', function() { return $("<div cl
WordPressスマホサイトだけ中サイズ画像に変換する方法 - cocowa
WordPressの投稿で画像を表示していると思います。私が記事を作成する時には、画像をフルサイズで指定しています。 パソコンやタブレットは画面サイズが大きいので、フルサイズ画像でいいのですが、スマートフォンサイトだとファイルサイズが大きくなりすぎてしまいます。 スマートフォンはパソコンと比べると性能が劣るし、通信速度も遅いので、軽量化することが大事です。 スマートフォンは画面が小さいので、画像サイズも小さめのものを表示しても十分です。 私はスマートフォンで表示した時に、フルサイズの画像から中サイズの画像に置き換えて表示しています。 それだけでスマートフォンにかかる負荷が下がるので、表示速度が早くなると思ったからです。 functions.phpにコードを追加 以下のコードをfunctions.phpに追加して、スマートフォンの時だけ中サイズの画像に差し替えています。 add_filter
投稿サービスを考えるとき、「文字を極力使わない」のが今後の主流になる？ : けんすう日記
最近気になっていること 最近気になっていることとして 「文字を極力使わないコミュニケーションをどうサービスに入れ込むか」 というのがあります。 もともと、文字というのは、表現方法としては、かなり情報量が少ないという前提があります。その代わり容量が少ない。木に掘ろうと、紙に刷ろうと、ネットで情報をやりとりしようと、使うリソースの少なさは魅力的だったので、情報流通の場では、常に活用されているわけです。 しかし、容量が少ない代わりに、書き手、読み手ともに負荷が高いのが文字や文章だと思っています。たとえば、ロープの結び方を文字だけで説明しようとすると、かなり複雑な文章になってしまいますが、写真があれば省略化できますし、動画があれば一発でわかりますし、直接見せれば、理解度はかなり高まります。 よく、年齢が高い方が「メールで連絡しないで、直接来い」とかいうのは、直接伝えたほうが情報量が圧倒的に多いわけ
» スマートフォンサイトのユーザビリティを下げるアンチパターン | Webnoborder
モバイルデザインパターン― ユーザーインタフェースのためのパターン集を読んで、スマートフォンサイトのアンチパターンも作りたいと思ったのがキッカケで作ってみました。 独断と偏見で評価しています。 反応エリアを探させるアコーディオン 「お金からモバイルデザインパターン― ユーザーインタフェースのためのパターン集を読んで、スマートフォンサイトのアンチパターンも作りたいと思ったのがキッカケで作ってみました。 独断と偏見で評価しています。 反応エリアを探させるアコーディオン 「お金から探す」周辺のリストがアコーディオンになっていますが、テキストの部分をタップしても何も動作しません。 プラスアイコンの部分をタップしないと反応しないのです。 このようにタップ領域がユーザの意識と違う場所に設定されているのは、ユーザビリティに問題があるといえるので改善が必要でしょう。 参考サイト スマートフォンサイトにお
スマホサイトのUIでよく使うメニューのリスト表示まとめ３３サイト ｜ iPhoneデザインボックス
スマートフォンサイトを作るときにヘッダーにメニューアイコンを設置してクリックするとメニューリストがでるようにすることがあります。ナビゲーションの表示の仕方やアニメーションは色々あるのでまとめました。最近は、流行り？なのかFacebookのアプリように横から出てくるメニューが多いです。
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
スマートフォンサイト制作 よくあるトラブルと 解決方法・回避方法
