ASCII.jp

CSSトリックを駆使してJS不要のクロスワードパズルを作ってみた

進化するCSSの機能を駆使して、CSSだけでクロスワードパズルを作りました。JavaScriptは一切使っていません！ JavaScriptを使わずにCSSグリッドで動くCSSオンリーのクロスワードパズルを作成したところ、CodePenで話題になりました。執筆時点でハートマークが350 ...
窓の杜

“CSS Grid Layout”をサポートした「Google Chrome 57」が正式版に ～脆弱 ...

米Google Inc.は9日（現地時間）、Webブラウザー「Google Chrome」の最新安定版v57.0.2987.98を公開した。「Google Chrome 57」では“CSS Grid Layout（display: grid;）”がサポートされ、より複雑なレイアウトを柔軟に行えるようになった。 “Grid Layout”を利用すると、要素の ...
ASCII.jp

CSSレイアウトの常識が変わる！Grid Layout Moduleの最新動向を追いかけろ

次世代のCSSレイアウトとして注目されるのが、Grid Layout Module。実用段階まではまだ時間がかかりそうですが、活発な標準化の動きをチェックしておくとライバルに差を付けられそうです。 柔軟性に優れたCSSのグリッドレイアウト（Grid Layout）の仕様は ...
MdN

まるで雑誌のように自由なWebページが実現する「CSSグリッド ...

マイナビ出版は、柔軟でレスポンシブなWebデザインをHTMLとCSSで実現する「CSSグリッドレイアウトデザインブック」を6月15日に発売する。B5変型判／320P／2,980円（税抜）。 これまでのHTMLとCSSを使ったWeb制作では、思ったようなデザインを実現するために ...
窓の杜

「Google Chrome 57」ベータ版が公開、“CSS Grid Layout”をサポート

米Google Inc.は2日（現地時間）、Webブラウザー「Google Chrome」の最新ベータ版v57.0.2987.21を公開した。「Google Chrome 57」のベータ版では“CSS Grid Layout”がサポートされた。また、Android版では“プログレッシブWebアプリ”がより密接にOSへ統合されるほか、“Media ...
マイナビニュース

CSSグリッドレイアウト、W3Cがドラフト仕様公開

CSSでグリッドレイアウトを実現するための仕様のワーキングドラフト「CSS Grid Layout - W3C Working Draft, 2 April 2013」が公開された。将来のCSSでグリッドデザインを実施する方法として参考になる。公開されたワーキングドラフトにはサンプルコードが豊富に掲載さ ...