新着記事一覧

Google Hosted Library – Webを速くするためにGoogleがやっていること Make the Web Faster 03 –

Googleは、よく使われるJavaScriptのライブラリなどをGoogleのインフラを使って配布しています。 これを Google Hosted Library と呼びます。 この、Hosted Libraryの導入...

初心者でも絶対わかる、WebGLプログラミング<基礎知識編>

HTML5に関連する技術のひとつに、WebGLがあります。WebGLは、ブラウザー上で3DCGプログラミングを実現できる技術です。今回のレポートでは、WebGLプログラミングの基礎知識についてご紹介します。

テレビ画面はdiv要素でできている!- Hybridcastとテレビの未来 –

日本放送協会(以下、NHK)が提供するHybridcastについて、NHKメディア企画室専任局長の加藤久和氏(以下、加藤氏)、同放送技術研究所ハイブリッド放送システム研究部主任研究員の松村欣司氏(以下、松村氏)に、Web...

テストを書いてWebを前進させよう!「Test the Web Forward Meetup (仮), Tokyo #1」

こんにちは。html5jテスト部の部長を務めています矢倉です。 今回は9月14日に行われた「Test the Web Forward Meetup (仮), Tokyo #1」について報告します。

斉藤祐也の海外WEBテク定点観測<Issue.6: 2013/09/14-2013/09/28>

Colt McAnlis氏による画像圧縮にまつわる詳細な解説、Peter-Paul Koch氏のmodern.IEレビュー、Alla Kholmatova氏によるUIアイコンの認知速度の最適化、Chris Coyier氏...

Webアニメーションを高速化するために知っておくべき10のこと(後編)

前編から引き続き、後編でも最適化のために知っておきたいレンダリングプロセス、計測方法、そして最適化を妨げるよくあるアクシデントとその回避方法について紹介していきます。 アニメーションを高速化するために知っておきたいレンダ...

devtool

WebP – Webを速くするためにGoogleがやっていること Make the Web Faster 01 –

画像は、サイズが大きい(大きくなりがちな)コンテンツの一つです。 最近は画像を使わないページはほとんどなく、むしろ使う量はどんどん増えているんじゃないでしょうか。また、HiDPI対応などでサイズも増えつつあるでしょう。 ...

可逆圧縮

よくある3つのデザインから考える、マークアップの最適解

Web制作においてHTMLのマークアップには絶対の正解というものがありません。ページを制作しているとき、特にセマンティクスを意識したとき「このマークアップで正しいのだろうか」と悩むことがあると思います。 そんなマークアッ...

モバイル対応Webアプリケーションのキャッシュ戦略

近年、モバイルブラウザ上でアプリケーションを作るにあたり、JavaScriptでも不安定な回線上で動作する設計が求められるようになってきました。 ここでは、「オフラインファースト」をはじめとする、モバイルなどの回線が不安...

モバイルブラウザでもサクサクに動作する最適化6つのノウハウ

「Webサイト・アプリ高速化テクニック徹底解説」第8回は、モバイルブラウザに向けた最適化について紹介します。 モバイル端末はPCに比べ、CPUやネットワークなどの性能面で劣ることからボトルネックの影響が出やすく、またゲー...

iOS7におけるMobile Safariの主な変更点

iOS7上のSafariがどのように変化したかについて、Maximiliano Firtman氏(@firt)がブログで詳細に解説しています。 この記事では、同氏のブログから、Web制作者/開発者にとって重要と思われる情...

Firefox 24 for AndroidがWebRTCを標準サポート

Mozillaは2013年9月17日、Android向けのFirefoxブラウザがWebRTCを標準サポートすると発表しました。編集部で早速使ってみたのでレポートします!

ブラウザで3Dグラフィックを扱うWebGL、最新版 2.0のドラフト版が公開

2013/9/16、WebGL Working Groupはブラウザで3Dグラフィックを扱うWebGLの最新版 WebGL 2.0のドラフト版が公開しました。 WebGL 2 Specification WebGL 2の...

斉藤祐也の海外WEBテク定点観測<Issue.5: 2013/08/31-2013/09/13>

プログレッシブ・エンハンスメントに対する熱い議論、Steve Losh氏による技術文書の正しい書き方、JavaScript本の名著であるEloquent JavaScript2版のクラウドファンディングなど、14日間(8...

30-days-of-tdd:-day-one-–-what-is-tdd-and-why-should-i-use-it?-1024x768

Webアニメーションを高速化するために知っておくべき10のこと(前編)

アニメーション/トランジションは身の回りに当たり前にあるものです。 むしろ普段の生活では「0」が「1」に変化するものの方が珍しいでしょう。 アニメーション/トランジションはデジタルなWebに対して自然な変化を提供する大切...

Why moving elements with translate   is better than pos abs top left   Paul Irish

週間PVランキング

新着記事

Powered byNTT Communications

tag list

アクセシビリティ イベント エンタープライズ デザイン ハイブリッド パフォーマンス ブラウザ プログラミング マークアップ モバイル 海外 高速化 Angular2 AngularJS Chrome Cordova CSS de:code ECMAScript Edge Firefox Google Google I/O 2014 HTML5 Conference 2013 html5j IoT JavaScript Microsoft Node.js Polymer Progressive Web Apps React Safari SkyWay TypeScript UI UX W3C W3C仕様 Webアプリ Web Components WebGL WebRTC WebSocket WebVR