効率よくレイアウトを作成できるように、あまり聞き慣れないけど、今後増えていくであろうプロパティや単位、仕様策定中の新しいプロパティなどについて非常に参考になる記事をチョイスさせていただきました。Linksrcset属性HTML5で策定されたsrcset属性をimageタグに使うと複数の画像をカンマ区切りで指定することができます。「ウィンドウサイズに応じて画像を切り替える」とのこと。必要な画像だけ読み込まれるのでパフォーマンスが向上しそうです。alt="">srcは未対応ブラウザのフォールバック、「x」はデバイスピクセル比(画素密度記述子)、「w」は横幅(幅記述子。○○px以下なら○○w)となります。上の例だとピクセル比が2のとき"2.jpgが選ばれるということになります。sizes属性は指定したメディアにマッチすると指定した幅になります。heightの略で、親要素ではなく、ビューポートの高さに対する割合を示します。モバイルの向きなど気にせずに背景画像をブラウザにフィットさせることが出来ます。usefont-feature-settingsプロパティタイポグラフィの機能を制御するfont-feature-settingsプロパティ。合字の表示など、OpenTypeフォントの機能(featureタグ)を指定し、デバイスフォントやWebフォントにも使えるそうです。下記の記事にはfeatureタグが紹介されています。Module複雑なレイアウトを構築するために便利なプロパティ。行列のグリッドを使い任意の場所に要素を配置する方法。gridを指定、プロパティには列幅と行の高さを指定して使います。usefont-smoothing文字を滑らかに表示するfont-smoothingプロパティ。簡単にフォントのアンチエイリアスを調整できます。vmaxvw/vhはブラウザのビューポート(表示領域。高さと幅)に対する割合(%)を示した単位。vwはビューポート幅・vhは高さに対する単位。デバイスの向きなどに左右されずブラウザに対する処理を行えます。高さをピッタリ合わせたい時なんかに便利。投稿者:commte株式会社コムテ代表取締役。2015/8:弊社にてWeb制作スクールを開始。した話し方をするおっさん。この後によく読まれている記事2016/06/6その手があったか、と思わせてくれそうなCSSやアニメーションなどのまとめ今っぽくするための、ありそうで無かったエフェクト。その手があったか、と思わせてくれそうなアイデアとソース。テレビを消して、アフィリエイトをやってみたい。今回は、経験にもとづいて「確かに2016/04/25これは凄い!Web制作が捗るモーフィング系の最新スニペットまとめある形から別の形に連続で変化をかけていくモーフィングのような、視覚的な変化を表現できるスニペットをまとめました。トレンドをおさえた最新スニペットを厳選してピックアップ。2016/07/4意外と盲点だったCSS3の役立つ小技まとめリニューアルを行った時に、CSS3で気づいたことや次回もまた使いそうなものなどを備忘録として書いておきます。基本的なものから見慣れないものまで。コメントデータの処理方法の詳細はこちらをご覧ください。