タグ

ブックマーク / blog.ku-suke.jp (2)

  • 爆速モバイルWeb、AMPの仕組み抄訳 - ku-sukeのブログ

    鈴木さんの記事を読みましてAMPの仕組みについて読んでみました。以下抜粋して日語メモを。 モバイルウェブが爆速に! GoogleがAMP (Accelerated Mobile Pages) を立ち上げ | 海外SEO情報ブログ 追記:ざっくり言うと、主にニュースとか静的コンテンツを想定し、HTML+CSSでJSは原則禁止、広告とかで使いたい場合iframeを用意するのでその中だけ。iframeや画像は事前にサイズを固定し変更不可にすることでlazyloadしてもレンダリング時にガタガタしないよね。というAMP HTMLフレームワークを策定したお話です。 原文:https://www.ampproject.org/how-it-works/ モバイルのための仕組み (※見出しは筆者による) Web performance is not unexplored territory for t

    爆速モバイルWeb、AMPの仕組み抄訳 - ku-sukeのブログ
    igrep
    igrep 2015/10/08
    “AMP HTMLは、ブラウザ自身がレンダリングするもののファーストビューができるだけ早く、かつCPU負荷の高くないものという条件でプレレンダリングするようブラウザに伝えます”
  • Bootstrapよりキレイ!Googleのマテリアルデザインキット - ku-sukeのブログ

    Bootstrapの見慣れた感というか、モック感から脱却しようとFoundationとかに手を出しかけてたのですが、Googleがだしてきたマテリアルデザインキットがすごく良かったので紹介します。 たとえば管理画面風のデザインはこれ ほかにもBootstrap風の上部メニューのデザイン(Android)もあったり コンポーネントと呼ばれる部品も充実しています。これ見るだけで色々できそうな気がしますね! Blog風など幾つか提供されています。いまとあるサイドプロジェクトで簡易的な管理画面をつくろうとしてたのですが、早速活用していい感じに仕上げることが出来ました。 ダウンロードすると全テンプレートが含まれているので、コピペで組み合わせるだけでも結構いい感じに出来ます。Bootstrapに飽きてきたら、ぜひ使ってみてください。 www.getmdl.io

    Bootstrapよりキレイ!Googleのマテリアルデザインキット - ku-sukeのブログ
  • 1