-
CSSNiteOKINAWA
- 1358
- 2
- 0
- 15
-
- いいね！15
ハロネット🌺沖縄
@hellonet_ryukyu
明日はCSS Nite in Okinawaが開催されますね✨ 沖縄分室からも数名参加します😎 #cssnite
2019-08-30 12:25:56
赤嶺 謙一郎 / NO MARK Inc.
@akaichi365
はじまりました！ #cssnite_okinawa pic.twitter.com/sRi11yJKAv
2019-08-31 12:43:16
拡大
Session 1：「今見直しておきたいCSS・JavaScriptの新機能」
鹿野 壮（ICS）
CSS Nite in Okinawa
@CSSNiteOKINAWA
Session1 鹿野壮さん @tonkotsuboy_com による「今見直していきたいCSS・JavaScriptの新機能」が始まりました。 #cssnite_okinawa #cssnite
2019-08-31 12:44:08
CSS Nite in Okinawa
@CSSNiteOKINAWA
まずはコーディングのお話から。Flexboxはご存知ですか？ float はテキストの回り込みのためのものですが、Flexboxはレイアウトのためにあります。 #cssnite_okinawa #cssnite
2019-08-31 12:45:52
CSS Nite in Okinawa
@CSSNiteOKINAWA
Flexboxは上下左右一軸方向のレイアウトが得意だけど、複数行レイアウトがニガテ。 #cssnite_okinawa #cssnite
2019-08-31 12:48:15
CSS Nite in Okinawa
@CSSNiteOKINAWA
複数行のレイアウトにはFlexboxではなく、CSS Gridを使う… CSSGridの会場での認知度は20〜30％くらい。 #cssnite_okinawa #cssnite
2019-08-31 12:49:36
CSS Nite in Okinawa
@CSSNiteOKINAWA
CSS Gridは行（横方向）と列（縦方向）を使ったレイアウト。これを使うことでレイアウトのためのHTMLの入れ子が増えない。CSS GridはEdgeを含むすべてのモダンブラウザで対応済み。 #cssnite_okinawa #cssnite
2019-08-31 12:51:35
CSS Nite in Okinawa
@CSSNiteOKINAWA
IE11に対応しなければいけないのでCSS Gridは使えない？ IE11のシェアは日本では8%もある… だけど、Autoprefixerで自動変換することでIE11にも対応することが可能。 #cssnite #cssnite_okinawa
2019-08-31 13:04:58
CSS Nite in Okinawa
@CSSNiteOKINAWA
Chromiumとは？ GoogleChromeの元になっているプログラム。HTML/CSSのレンダリングはBlink。MS Edgeは次のバージョンからChromiumになる。EdgeのChromium化によりCSSの対応が増える。 #cssnite_okinawa #cssnite
2019-08-31 13:16:02
CSS Nite in Okinawa
@CSSNiteOKINAWA
ユーザーがOSをダークモードにしているかどうかを判断して、Webコンテンツの背景を暗くするなど prefer-color-scheme で可能。CSSを使ってさらにユーザーフレンドリーに。 #cssnite_okinawa #cssnite
2019-08-31 13:22:46
CSS Nite in Okinawa
@CSSNiteOKINAWA
お話はCSSからJaveScriptに移ります。 #cssnite_okinawa #cssnite
2019-08-31 13:26:09
CSS Nite in Okinawa
@CSSNiteOKINAWA
JavaScriptはES2015以降、毎年バージョンアップしていて、便利な機能が次々と追加されていっている。要チェック！ #cssnite_okinawa #cssnite
2019-08-31 13:29:32
CSS Nite in Okinawa
@CSSNiteOKINAWA
会場のエアコンが効きすぎて寒い！ いや、暑いなどございましたら、 #cssnite_okinawa #cssnite をつけてオーダーをいただければと思います😃
2019-08-31 13:31:40
pcworks@さとー
@pcworks_kidd
プラットフォームステータスから最新情報を得るのが一番とのことグーグルとか⇒chromestatus.com/features #cssnite_okinawa
2019-08-31 13:40:09
oozato
@dolphinrokujiro
やばい！ジャンケンに勝って「JavaScriptコードレシピ集」をプレゼントしてもらいました！ しかも著者の鹿野さんからもらいました！！ 嬉しすぎる！！ #cssnite pic.twitter.com/FIhOcudGID
2019-08-31 13:52:59
拡大
CSS Nite in Okinawa
@CSSNiteOKINAWA
続いてはSession 2、スイッチの鷹野雅弘さんによる「デザインツール最新事情」です。14:05からスタートします！ 冷房は少し弱めますね。 #cssnite_okinawa #cssnite #cssnite #cssnite_okinawa
2019-08-31 13:58:47