最近のウェブ制作のスタイル周りの動向調べ

投稿日:

調べていて参考になった記事の備忘録。大体コリス。ありがとうコリス。

[JS]これなら簡単で便利!要素がビューポートに表示されているかを判定できる -Intersection Observer - コリス

http://coliss.com/articles/build-websites/operation/javascript/about-intersection-observer.html
ウェブブラウザ表示領域上に目的の要素があるか判断する為の仕組み「Intersection Observer」について。

CSS3 Flexbox の各プロパティの使い方を詳しく解説 - コリス

http://coliss.com/articles/build-websites/operation/css/css3-flexbox-properties-by-scotch.html
CSS3におけるレイアウト指定の為の新機能Flexboxについて。
あるのは知ってたが今まで案件で一度も使ってない。レガシーなレイアウト指定との兼ね合いで、使い始めるタイミングを若干悩む。

CSSのコードを整理し、効率的に管理する方法のまとめ - コリス

http://coliss.com/articles/build-websites/operation/css/methods-organize-css.html
CSSのコーディングルールに関して。
自分の仕事で関わったものを見るとルールは人それぞれだなぁと思う(´ `)。ここら辺はこの記事でも似たようなことが書いてある。

つまり、これらのアプローチはどれも絶対的なものではないということです。それぞれをベースにあなた自身のものを作成したり、ゼロから新しく作成する必要があります。

あとルールあってもみんなが守らないとねぇ。

実践!スマホサイトのviewport設定 - viewportとはなにか? | CodeGrid

https://app.codegrid.net/entry/whats-viewport
viewportのことが未だによく説明できないしぼんやりと断片的にしか分かってないので。

関連するタグ

関連するタグは現在ありません。