マガジンのカバー画像

CSS Nite

8
CSS Niteの参加レポートです https://cssnite.jp/
運営しているクリエイター

#cssnite

CSS Nite 『CSS設計完全ガイド』の著者による「CSS設計のキホンと王道パターン」

CSS Nite 『CSS設計完全ガイド』の著者による「CSS設計のキホンと王道パターン」

そもそもCSS設計とは何か?CSS最大の欠点:グローバルスコープしかない
→ スタイルが衝突する問題は努力と工夫でクリアするしかない
→ 努力と工夫=CSS設計

なぜCSS設計が必要か?・バグを抑える
・サイトの寿命を伸ばす
・サイトの改善スピードを速める

主なCSS設計・OOCSS
 → ストラクチャーとスキンの分解
 → コンテナとコンテンツの分離
・SMACSS
 → CSSを5種に分類

もっとみる
CSS Nite Shift14「ウェブデザイン行く年来る年」〜今 見直しておきたいCSSの新機能 2020

CSS Nite Shift14「ウェブデザイン行く年来る年」〜今 見直しておきたいCSSの新機能 2020

株式会社ICS 鹿野壮さん

Chromium版Edgeの登場従来までのEdge
・Edge v18まで
・HTML/CSSのレンダリング:EdgeHTML
・JavaScriptの実行:Charka(チャクラ)
・他のモダンブラウザに比べてCSSやJavaScriptの機能が少なかった
Chromium版Edge
・Edge v78〜
・HTML/CSS:Blink(Chromeと同じ)
・Ja

もっとみる
CSS Nite in Saitama, vol.5 w/ 7F【オンライン版】 - 田口真行さんのフォローアップ

CSS Nite in Saitama, vol.5 w/ 7F【オンライン版】 - 田口真行さんのフォローアップ

2020.04.14 22:00-

田口さんのフォローアップはけっこう珍しい「ライブ配信」での実施。
動画は映像と音声=カメラとマイクということで、フォローアップとは思えないほどの充実な内容で、セミナーの内容を振り返ります。

カメラの種類・ビデオカメラ
 動画の撮影に特化した機器。
 → ズームなどの機能や出力などに動画撮影〜出力に長けている。
 → レンズが交換できない
・一眼カメラ
 → 

もっとみる
CSS Nite in Saitama, vol.5 w/ 7F【オンライン版】レポート

CSS Nite in Saitama, vol.5 w/ 7F【オンライン版】レポート

2020.04.12 14:00-

ちょいちょい参加しているCSS Nite。オンライン配信だぞー!ということでいつもは行かない in SAITAMAに参加してみました!

書籍『Illustrator魔法のレシピ』を伝授! キャッチーなグラフィックを作るIllustrator奥義樋口デザイン事務所:樋口 泰行さん

アピアランスの概念
レイヤーのようなものを一つのオブジェクトに対して作成できる

もっとみる
CSS Nite Shift14「ウェブデザイン行く年来る年」〜総決算! 2020年のウェブマーケティング

CSS Nite Shift14「ウェブデザイン行く年来る年」〜総決算! 2020年のウェブマーケティング

株式会社まぼろし 益子貴寛さん/株式会社サイバー・アシスト 吉村正裕さん

・チャンス到来
 時代が大きく変わるときに「しがらみ」や「既得権益」が壊れる
・マインドチェンジ

コロナ禍・パンデミック(pandemic)というだけでなく、インフォデミック(infodemic)の影響が大きい
・歴史的には「疫病」が人々の価値観や文化のあり方を大きく変えてきた
・コロナ前には、もう戻れない=ニューノーマ

もっとみる
CSS Nite Shift14「ウェブデザイン行く年来る年」〜辻ちゃん・ウエちゃんのAccessiブル GoGo!「アクセシビリティ ゆく年来る年 2020」の巻

CSS Nite Shift14「ウェブデザイン行く年来る年」〜辻ちゃん・ウエちゃんのAccessiブル GoGo!「アクセシビリティ ゆく年来る年 2020」の巻

株式会社インフォアクシア 植木真さん/株式会社コンセント 辻勝利さん

アクセシビリティ残念あるある2020対象:41サイト/768ページ/問題点18829件

1. キーボード操作時にフォーカスインジケータが表示されない/5,516件
2. 画像の代替テキストが適切ではない/3,928件
3. 文字色と背景色のコントラストが不足している/1,811件
4. キーボードで操作できない/1,299件

もっとみる