- Chrome 57 で
display: gridのサポートを追加 - CSS グリッド レイアウトの仕様。 - ロック画面でのユーザー入力をカスタマイズして反応し、 新しい Media Session API を使用してこれらの通知を管理することができます。
- 他にも、他にもたくさんの機能があります。
Pete LePage です。Chrome 57 のデベロッパー向け新機能を見てみましょう。
CSS グリッド レイアウト
Flexbox は強力なレイアウト ツールです。複雑なレイアウトを多数作成でき
1 次元のレイアウトしか行えませんChrome 57 で追加されるサポート
display: grid -
新しい CSS グリッド レイアウト仕様
2 次元グリッドベースのレイアウトを作成するための強力な新ツールを追加
レスポンシブ ユーザー インターフェース デザイン向けに最適化されています。
グリッド内の要素は、複数の列や行にまたがって配置できます。リージョン CSS グリッドに名前を付けることで、レイアウト コードがわかりやすくなります。
Surma には最新情報の投稿があります 詳しく知りたい場合は Rachel Andrew のサイト: GridByExample.com.
Media Session API
ウェブ メディア アプリケーションに欠けていた機能の一つは、 モバイル デバイスの中核的なメディア エクスペリエンスと緊密に統合できます。 Chrome for Android でロック画面と通知をカスタマイズできるようになりました 新しい Media Session API を使用してメディア コンテンツと組み合わせることができます。
メタデータを提供する 再生中のコンテンツをブラウザに通知したり、リッチなロック画面を メッセージにはタイトル、アーティスト、アルバム名、 できます。また、 ユーザーの操作に対応する 移動、スキップなど、通知自体で行われる処理の内容。
すぐに使い始めたい場合は、Francois が有用です。 最新情報の投稿、 公式の公式ガイドを Chrome メディア セッションのサンプル リポジトリ ご覧ください。
その他
他にもいろいろあります。
- 改善点 Payment Request API に送信します。
- テキスト入力カーソルの色は、
caret-colorプロパティです。 - 線の色やスタイルなどの視覚効果を、
text-decorationプロパティです。 - Fetch API
レスポンス クラス
サポートされるようになりました
.redirected属性を使用して、信頼できない回答を回避し、 リダイレクトされます。 - すべての
-webkit-接頭辞付きの IndexedDB グローバル エイリアスは、 M38 でのサポート終了となります - そして、私のお気に入りは「新着」です。
padStartおよびpadEndコンソール出力を揃える際の文字列のパディングを簡素化する書式設定メソッド 固定桁数の数字を出力できます
これらは、デベロッパー向け Chrome 57 の変更のほんの一例です。
イガリアさんに感謝
最後に、Google Cloud のエンジニアとチームの皆様に
Igalia に Blink の素晴らしい作品を投稿してもらいました。Google
が、新しい CSS グリッドと caret-color 機能の導入に役立ちました。
最新情報の入手
Chrome の最新情報や今後の予定を把握するには、 チャンネル登録するか、 Twitter の @ChromiumDev。また、 Chrome Dev Summit の動画 をご覧ください。
Chrome 58 がリリースされたら から Chrome の新機能をお伝えします。