[B! google][HTML] yukattiのブックマーク

HTML tableの実装がこれまでと変わる！Googleデベロッパーによる変更点の解説 -TablesNG

GoogleではCSSの新機能を導入するだけでなく、既存の機能を向上することにも取り組んでいます。その中の一つ﹁TablesNG﹂で、HTMLのtableの実装がこれまでと変わるのでその変更点を紹介します。tableは古くからあり、その後さまざまなCSSの機能がブラウザに実装されました。当然、それらの新しい機能にtableは対応していません。それらに対応し、不整合を修正するのが今回の取り組みです。TablesNG Resolves 72 Chromium Bugs for Better Interoperability by Una Kravets, Aleks Totic 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。はじめにTablesNGの取り組み 1. テーブルの行にposition: sticky 2. バック

yukatti 2021/07/09

HTML
google

リンク

Googleのエンジニアが「ウェブサイトの画像読み込み」を最適化する方法を解説

ウェブサイトを閲覧していると「画像の読み込みが遅い」という場面に遭遇したことがある人は多いはず。画像はウェブサイトのパフォーマンスを左右する要素のひとつであり、ウェブ開発において取り扱いに注意すべきものです。そんな画像をウェブサイトで扱う際の最適化方法について、GoogleのエンジニアであるMalte Ubl氏が解説しています。 Maximally optimizing image loading for the web in 2021 https://www.industrialempathy.com/posts/image-optimizations/ ◆img要素にwidthとheightを指定するアスペクト比を維持したまま画像サイズを変更するには、「style」要素に「max-width: 100%」や「height: auto」と指定しておく手法がよく用いられます。この手法に加

yukatti 2021/01/10

リンク

FLASHをHTML5に変換できるGoogle swiffy公開、iPhoneやiPadにも対応

Adobeの﹁FLASH﹂やマイクロソフトの﹁Silverlight﹂といった既存のリッチコンテンツ配信プラットフォームに置き換わるものとして、GoogleやAppleは﹁HTML5﹂を推進していますが、ついにGoogleがFLASHコンテンツをHTML5コンテンツに自動変換できる﹁Google swiffy﹂を公開しました。 FLASHコンテンツをめぐってはiPhoneやiPadなどの自社製品での非サポートを貫くAppleと、Android 2.2以降から正式対応しているGoogleとで対応は分かれていますが、﹁Google swiffy﹂はiPhoneやiPadなどでも利用可能となっています。 Google Swiffy Googleが同社のエンジニアによる実験用サイト﹁Google Labs﹂で公開した新サービス﹁Google swiffy﹂はFLASHコンテンツをアップロードするだ