タグ

ブックマーク / html5experts.jp (4)

  • モバイルWebのUIを速くする基本テクニックがわかる──Google I/O 2016 High Performance Web UI

    モバイルWebのUIを速くする基テクニックがわかる──Google I/O 2016 High Performance Web UI 川田寛(ピクシブ株式会社) こんにちは、ふろしきです! 私はHTML5 Experts.jpで、過去2年ほどGoogle I/Oの情報を発信し、Web技術の変化についてお伝えしてきました。振り返るとGoogleは、2014年にモバイルWebの提唱と技術要素の拡大を図り、2015年からは「RAIL(モバイルWebが目指すべきパフォーマンス指標)」や「Progressive Web Apps(アプリのように振る舞うWeb)」といった、モバイルとの親和性が高いWebを作り出すための”考え方”を推し進めました。今年2016年は、さらにそれを踏み込んでいったという感じがします。 今回のI/Oで取り上げるのもそのひとつ。毎度お馴染みGoogle Developer A

    モバイルWebのUIを速くする基本テクニックがわかる──Google I/O 2016 High Performance Web UI
  • 昨今のCSS設計事情からみるCSS設計のあり方とは

    記事は2015年1月に開催されたHTML5 Conferenceでお話させていただいた、 「Beyond CSS Architecture」というCSS設計のセッションをフォローアップする記事です。 記事では、このセッションの概要と補足、またセッション中に説明できなかった点などについて書いていきます。 ※当日のセッションの動画・スライドも公開されているので、文末からご覧ください。 CSSの難しさと、昨今のCSS設計事情 この近年、CSSにおける設計論というのが話題に出てくるようになりました。筆者も拙著『Web制作者のためのCSS設計の教科書』を書いたり、各地でCSS設計をテーマとした講演をする機会が多くありました。 CSSの難しさというのは、石氏によるCSSコードの評価についての記事にも書かれているのですが、CSSは良くも悪くも厳格なコード規約は少なく、ただ宣言的に書けばいいだけです

    昨今のCSS設計事情からみるCSS設計のあり方とは
    mafy55
    mafy55 2015/04/20
  • いま、UXを語るのはなぜ悩ましいのか?─長谷川恭久ロングインタビュー

    いま、UXを語るのはなぜ悩ましいのか?─長谷川恭久ロングインタビュー 白石 俊平(HTML5 Experts.jp編集長) UXという言葉は、専門家ではない筆者のような人間からすると、少し「怖い」言葉です。 筆者にとってUXという言葉は、概念はわかる気がするものの捉えどころがなく、絶えず論争の的になっている…そんな言葉に思えていました。 とはいえやはり、いまの時代Webに携わるものとして、UXに対する興味は尽きません。そこでHTML5 Experts.jpでUXを取り上げてみたいと思ったのですが、「炎上」は怖い…。 そもそも、なんでこんなにUXは論争が尽きないのか。「UXに関心はあるし、仕事として関連もあるのだけれど、どこから学べばいいのかよくわからない」筆者のような人間に、何を伝えることができるか。特集を行うにあたり、エキスパート No.37の長谷川恭久さんに相談させていただくことにしま

    いま、UXを語るのはなぜ悩ましいのか?─長谷川恭久ロングインタビュー
    mafy55
    mafy55 2014/11/19
    新人時代に某ホテルの案件に携わった時、上司からホテル業界について書かれた本をドサッと渡されたり、実際にそのホテルへ泊まりに行けと言われた事を思い出した。
  • モダンな言語でHTML5を開発しよう! 俯瞰して理解するaltJSの比較 (前篇 – TypeScript, CoffeeScript, Haxe)

    ※いずれの言語もマルチプラットフォームであり、Windows, Mac OS Xともにどちらでも利用することができます。 比較対象のサンプル サンプルとしてシンプルなスライドショーのWebコンテンツを用意しています。それぞれの言語でどのように記述して実装するのか、また生成されたJavaScriptがどのようなものであるか確認していきましょう。このサンプルでは言語の特性を紹介するために、実用的な要素として「クラス構造の利用」「既存JSライブラリの利用」「ユーザー操作」を含めています。 デモを開く 「Change Photo」ボタンをクリックすると写真が切り替わります。CSS3の3D TransformsをjQueryを用いて制御します(確認の際には、CSS3の3D Transformsが利用できるブラウザをご利用下さい) 概要 TypeScriptはマイクロソフトが開発するオープンソースの言

    モダンな言語でHTML5を開発しよう! 俯瞰して理解するaltJSの比較 (前篇 – TypeScript, CoffeeScript, Haxe)
    mafy55
    mafy55 2013/09/10
  • 1