Speed Is Key: Optimize Your Mobile Experience
Thanks for visiting Think with Google’s archives. To find more recent content about improving the mobile user experience, check out our App & Mobile collection. People's patience for a cumbersome and clumsy mobile site or app is waning. They expect to move through a brand’s mobile experience at lightning speed. There are a few simple steps marketers can take to eliminate speed bumps and ensure eve
[CSS]見た目は普通、でもエフェクトが抜群にかっこいいナビゲーションのデモ
ぱっと見、よく見かけるレスポンシブ対応のナビゲーションのようなUIですが、かなりかっこいいエフェクトが仕込まれているデモを紹介します。 スクリプト無し、エフェクトはスタイルシートのみで実装されています。 左上のアイコンをクリック・タップすると、オーバーレイでナビゲーションがダイナミックなアニメーションで表示されます。 ふわっとナビゲーションのアイテムが集まってくるの、かっこいいですね。 解除して散っていくのも！ 実際のデモは、こちらからどうぞ。 Chrome, Safariでご覧ください。 デモページ これをベースにいろいろなアイデアが膨らんできますね。 参考までに、実装もご紹介。 HTML オーバーレイでステイになるのは、チェックボックスを使用しています。 <!-- start header --> <header id="head"> <div class="container"> <
GoogleリーダーからFeedlyに引っ越したとき役だった7つのアイデア | ライフハッカー・ジャパン
皆さん7月に終了予定のGoogleリーダーに代わるサービスはもう見つけましたか？ 私は「Feedly」に引っ越ししました。 今回は私がFeedlyにハマるきっかけとなった、同社ブログに掲載されていたアイデア7つを紹介しましょう。はじめGoogleリーダーの「代替」としか考えていなかった同サービスですが、実際に使うと驚きました。UIもよくできているし、ソースをカテゴリ分けできるのがあまりに便利で、たとえ可能だとしてもGoogleリーダーに戻ることはないだろうなと感じでいます。7月以降のRSSリーダー探しをしている人にも勿論、今までRSSに触れたことがない人にもおすすめのツールです。 サービスへの登録は簡単です。Googleアカウント経由でログインすればGoogleリーダーの内容がそのまま引っ越しされます。ログインして画面内の「All」をクリックすれば一般的なRSSリーダー同様、登録したソース
[JS]スマフォアプリのように左右にスライドしてコンテンツを表示するスクリプト -mmenu
mmenuの使い方 スクリプトの使い方は下記ページにステップごとの解説があります。 tutorial Step 1: 外部ファイル head内に「jquery.js」と当スクリプト・スタイルシートを記述します。 <head> <script type="text/javascript" language="javascript" src="jquery.js"></script> <script type="text/javascript" language="javascript" src="jquery.mmenu.js"></script> <link type="text/css" media="all" rel="stylesheet" href="jquery.mmenu.css" /> </head> Step 2: HTML コンテンツの基本構造は、下記のようになります。
Chromeの機能拡張 -Responsive Inspector | コリス
レスポンシブの確認ツールの多くは単にブラウザのサイズを変更して確認するだけですが、レスポンシブがスタイルシートで定義されているかに基づいてページの確認ができるChromeの機能拡張を紹介します。
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ウェブでも紙でもOK、創作意欲をくすぐられる純国産のフリーの英語フォント
