登壇
- #CSS
「セミハンズオンで学ぶモダンCSS」 を開催しました
発表日
![cssnite-2021-sp-kanosan-v2](/_next/image?url=https%3A%2F%2Fimages.ctfassets.net%2Fz2i4e5quuqk1%2F2SOiMCln3lvlLmgB3y0RWo%2F91ee34a048fddf6c4776a0ec626e0a64%2Fcssnite-2021-sp-kanosan-v2.png&w=2048&q=75)
CSS Nite Shift14で実施した「マークアップ」セッションのロングバージョンを単発オンラインセミナーとして開催しました。
2020年1月にChromium版Edgeが登場し、Google Chrome・Firefox・Safari・Edgeの全モダンブラウザで使えるCSSは一気に増えました。一方、CSS開発のネックになっていたIE11のシェアは減り、多くのサイトでIE11のサポートを終了するなど、徐々にIE11の存在感が減っています。
本ウェビナーでは、最近のモダンブラウザで使えるようになったCSSの最新機能について、セミハンズオン形式で学びました。
テキストのふち取り表現
CSSで実現するスティッキーヘッダー
CSS Gridによる自動配置敷き詰め
テキストの行数指定
画像のはめ込み方の指定
![entryData.ogInfo.title](/_next/image?url=https%3A%2F%2Fdoorkeeper.jp%2Frails%2Factive_storage%2Frepresentations%2Fproxy%2FeyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBeE9iQWc9PSIsImV4cCI6bnVsbCwicHVyIjoiYmxvYl9pZCJ9fQ%3D%3D--6c5a3e8425e45765cc32855fa33c65bd148b2302%2FeyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdCem9MWm05eWJXRjBTU0lJY0c1bkJqb0dSVlE2RkhKbGMybDZaVjkwYjE5c2FXMXBkRnNIYVFMb0F6QT0iLCJleHAiOm51bGwsInB1ciI6InZhcmlhdGlvbiJ9fQ%3D%3D--91839951a073aea8822f6907dc8d81559a890706%2Fcssnite-2021-sp-kanosan-v2.png&w=1920&q=75)
鹿野 壮の「セミハンズオンで学ぶモダンCSS」(CSS Nite)
https://cssnite.doorkeeper.jp/events/115588