CSS Gridが適しているレイアウト、Flexboxが適してるレイアウトを詳しく解説
CSS GridとFlexboxは、CSSで現在主流となるレイアウトのテクノロジーです。 CSS GridとFlexboxは表面的には似ているように感じるかもしれません。しかし、実際には異なるタスクに使用され、それぞれ異なるレイアウトの問題を解決します。 Flexboxが適してる場合、CSS Gridが適している場合、また両方を使用する場合、さまざまなレイアウトの問題を正しく解決する方法を紹介します。 Grid vs. Flexbox: Which should you choose? 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 ページ全体のレイアウト 隙間が必要なレイアウト 1次元と2次元のレイアウト ラッパー CSS Gridは将来、Flexboxを時代遅れにするでしょうか？ ページ全体のレイアウト CSS Gridはコ
CSSの関数はどんどん便利になっている！minmax()を使うとMedia Queries無しでレスポンシブが簡単に実装できる
CSSの関数には便利なものがたくさんあります。例えば、div要素に「width: calc(100% - 50px);」と指定することで、幅いっぱいから50pxを引いた値を幅に適用できます。 minmax()関数はcalc()関数のように数字やキーワードを使って、要素の最小値と最大値を指定でき、簡単なCSSの記述でレスポンシブ対応の高度なレイアウトを作成できます。 下記のレスポンシブ対応のグリッドはたった2行のCSSで、プロパティも2つだけです。 How the minmax() Function Works 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 minmax()の基本的な使い方 minmax()を使うと、Media Queries無しでレスポンシブデザインができる サポートブラウザ minmax()の基本的な使い方
あなたはCSSプロパティ”display”をどのぐらい知っているだろうか？ | POSTD
CSSプロパティの1つである display は、CSSレイアウトに用いるプロパティの中でも極めて重要なものです。よく使われているのは、 block や inline 、 none あたりでしょう。 table や inline-block も、今ではかなり一般的になってきたと言えます。一方、 flex は新たに登場したものです。きっとユーザに気に入られるでしょう。これはレイアウト用に特別に作られたdisplayプロパティです。さらには、この先、 grid がまもなく私たちの秘密兵器となるでしょう（現在、盛んに取り組まれています）。これもまた、レイアウトに特化したプロパティです。 本記事は、当初予定していたよりもずっと長くなりました。ご希望に応じて、自由にサブセクションに飛んでお読みいただければと思います。もし、お時間を割いて全体を読んでいただけるのでしたら、大変嬉しく思います???? 目
国内版SHIELD Tabletで「国内展開未定」のはずの「GRID Game Streaming」を使える状況が発生中
国内版SHIELD Tabletで「国内展開未定」のはずの「GRID Game Streaming」を使える状況が発生中 編集部：佐々山薫郁 2014年11月18日から，NVIDIAのゲーマー向けAndroidタブレット「SHIELD Tablet」に，Android 5.0（Lollipop）の配信が始まっている。そのレビュワー向けプレビューを基に4Gamerではテストレポートをお届けしているが（関連記事），そのとき，新要素の1つであるゲームのオンラインストリーミングサービス「GRID Game Streaming」については，NVIDIAの公式ステートメントを引いて，「国内でのサービスは未定」と紹介済みだ。 だが，どういうわけかは不明ながら，日本からも，GRID Game Streamingの無料体験を行えてしまうようだ。しかも，「GRIDゲーム」をサポートする新しい「SHIELD H
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
NVIDIAのゲームストリーミングサービスが「GeForce Now」として10月1日より正式稼働 ～日本も欧米と同時提供開始
NVIDIA、Tegra X1搭載ゲームコンソール「SHIELD」を初披露 初の4K対応Android端末。GRIDベースのクラウドゲームサービスもスタート！
革命的な低遅延！ 「GRID Game-Streaming Service」をガッツリ試す 国内サーバーの好適環境で楽しむクラウドゲーミングシステム
【レビュー】 NVIDIAのクラウドゲーミング「GRIDゲーム」が1080/60pに対応 ～「SHIELDタブレット」で使用感をテスト
Engadget | Technology News & Reviews
NVIDIA、199ドルのAndroid TV/Tegra X1搭載ゲーム機「SHIELD」 ～独自のクラウドゲームストリーミングサービス「GRID」も開始