スクリーンではなく要素の大きさに応じてCSSを切り替える「エレメントクエリー」を実現するライブラリー「ECCSS」。その開発者が語る、ライブラリー開発の舞台裏とは? 背景 2013年、私はたくさんのデータ表示を必要とするレスポンシブWebアプリのフロントエンド開発をしていました。それまでに@mediaクエリを使ってたくさんのレスポンシブデザインを制作していましたが、1つのレイアウトから別のレイアウ…

Copyright © 2017, Tom Hodgins All Rights Reserved.

Tom Hodgins

Tom Hodgins

トロントを拠点とするフロントエンド開発者・レスポンシブWebデザイン専門のデザイナーです。EQCSSプロジェクトの共同設立者で、エレメント・コンテナクエリとscoped CSSの実験をしています。余暇には新しいアイデアやテクニックのデモをCodepenで作成したり、HTMLやCSSを教えたり、各地にいる友人とコードゴルフ(code golf )を楽しんだりしています。

Loading...

レスポンシブWebデザインで使うメディアクエリーを進歩させ、要素ごとに条件を設定できる「エレメントクエリー」。どこがどう便利なのか? 専用ライブラリー「EQCSS」による使い方を紹介します。 CSSのメディアクエリー(Media Query)を使い、画面幅に基づいて要素の表示方法を変える方法はもうおなじみでしょう。エレメントクエリー(Element Query)はメディアクエリーと似ているものの、…

Copyright © 2017, Baljeet Rathi All Rights Reserved.

Baljeet Rathi

Baljeet Rathi

インドを拠点に活動するライター、Web開発者です。フルスタック開発者ですが、フロントエンドに関係したものが大好き。現在まで5年以上Web開発に携わっています。

Loading...