CSSの勉強会 “CSS Talk Vol.2” を開催しました！ + カスタム・プロパティと cssnext について #csstalk ｜ Tips Note by TAM
2017.02.09 CSSの勉強会 “CSS Talk Vol.2” を開催しました！ + カスタム・プロパティと cssnext について #csstalk TAM 主催の勉強会 "CSS Talk Vol.2" が、2017年1月28日に開催されました！ 場所は TAMコワーキング大阪、"CSS Talk" というタイトルのとおり、CSSに特化した内容の勉強会です。昨年10月の Vol.1 に続き、2回目の開催となります。 https://taminc.doorkeeper.jp/events/54947 今回は以下の5セッション、発表が行われました。 「数が増えてもこわくない！Quantity Queries の紹介」 森田かすみさん 「IE9を斬ってFlexboxを使い始めたらサクサク捗った件」 森永哲平さん 「CSSのカスタム・プロパティと cssnext」 松尾浩志 (TAM
「数が増えてもこわくない！Quantity Queriesの紹介」というセッションでCSS Talk Vol2 で登壇しました | 活動 | mkasumi.com
CSS Talk vol.2に登壇しました。とても雰囲気のいい勉強会で、話す側としてもとても楽しい時間を過ごせました。 今回は、CSSネタということで、私自身がCMSを作っている会社に所属しているので、自己紹介ついでに動的コンテンツに対応したレイアウトを提供できる「Quantity Queries」についてご紹介しました。 ざっくりどんなことができるのかというと、たとえば、li要素の幅を25%幅にしていて、要素が4つしか入らないCSSの設計になっていたとします。そんな場合にCMSからお客さんが5つめのコンテンツを投入すれば普段であれば当然レイアウトが崩れてしまいますが、Quantity Queriesは解決することができます。どうやって解決できるのかというと、たとえば要素が5つ以上になったときにli要素の幅をautoにして、さらにdisplay:inline-block;を追加し、レイアウ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
【TAM勉強会】満員御礼！CSS Talk Vol.2「エンジニア向け」を開催しました。 | 広報ブログ
