2016年に見直したHTML5・CSS3コーディング手法6選 - ICS MEDIA

HTML・CSSコーディングを取り巻く状況は、数年前と大きく変わっています。最近では、2016年11月にHTML 5.1が勧告されたり、2015年8月頃にChromeのブラウザーシェアがInternet Explorerを抜いたりといったニュースがありました。また、2017年4月にはWindows Vistaのサポートも終了するため、今後対応すべきはWindows 7のIE 11以降となります（※）。当たり前だと思っていたコーディング技術を今一度見直す時期にきているのではないでしょうか。本記事では2016年に見直した、今の時代に即したコーディング技術を紹介します。 ※ 参考記事「Internet Explorerサポートポリシー変更の重要なお知らせ - Microsoft」 1. meta keywords設定は検索順位に関係がない ウェブコンテンツのキーワードを指定するmeta keyw

[sky-y]

この記事のように合理化していくウェブの流れに乗るのは大賛成。ただ、しんどい。そろそろ枯れたい…

[tomo-blog]

新しいもの好きで怠けたがりな僕にとってこの業界は最高。怠けるために学んでいるだけなのに、人から賞賛される。

[nokogiring]

Flexboxはブラウザのサポート範囲次第だよなー。IE11未満を奇麗に切り捨てできるならいいんだろうけど。

[lifeisadog]

この記事につられてFlexBoxをまだ実務で使っちゃダメよ

[aLa]

バナーのRetina対応が面倒くさすぎる

[yamadar]

最近フロントエンドやってないから、こういうキャッチアップは助かる

[rgfx]

パネルを高解像度にすると、こういう方面でもトラフィックやRAMが食われていくのだなあ…。＞レスポンシブイメージ

[aodifaud09]

今年は最新技術を追いかけるのをやめて、こういう記事を一切無視するようにしたらすごい能率上がったことを実感する年だった。学習は良いことだがビジネス上はコストでもあり最小化すべきもの。

[keim_at_Si]

良まとめ。

[todays_mitsui]

2016年末に「meta keywordsは見られてない」とか「clearfixの書き方」とまかを並べて記事にできちゃう胆力！ブログ書くにはこの胆力が必須。見習お。

[bleu-bleut]

画像の高解像度対応は2倍だけじゃダメだよ。

[daizo1117]

“HTML・CSSコーディングを取り巻く状況は、数年前と大きく変わっています。最近では、2016年11月にHTML 5.1が勧告されたり、2015年8月頃にCh”

[oicha]

“代替のSEO施策としては、検索結果に付加情報を追加できるリッチスニペットの設定を検討す”

[waman]

『meta keywords設定は検索順位に関係がない』『user-scale=noはiOS 10では無効』

[lazex]

そろそろflexboxは当たり前に使われてきたけど他はまだ浸透してないのかな。古いのは早めに切り捨てていくようにしないとサポートし続ければユーザもいつまでも古いの使い続けるんだよ

[ryota-murakami]

今年個人的にもiOSでuser-scale=noが効かなくて驚いた 経験が

[akabekobeko]

画像、この例なら SVG でゆけそう。本当にビットマップが必要か？を問われる時代ともいえる。vendor prefix は WebKit の runtime flag 移行とか Houdini とか見るに将来なくなるかも。

[wdr_s]

最新技術と現実のプロジェクトの要件定義の間で揺れ続けるのにもう疲れてきた感ある

[shintarowfresh]

画像サイズに関しては、いつも頭が痛い。

[trickcube]

よくよんでおく。

[lbtmplz]

そして謎ソースコードの完成だ

[tsuki-rs]

モバイルファーストインデックスがあったりと、また大きく変わっていくねぇ。

[hidex7777]

meta keywordsが検索順位に影響しないとして、「見ていない」ことになるのかな？そのへんよくわかんない。

[silossowski]

Flexbox実務で使うと、Android標準ブラウザを膝に受けてしまう

[metamix]

いまだIE8対応を迫られてる情況でこれらの技術を憂い無く使える日はいつ来るのか…

[k_gobo]

今現在検索エンジンに拾われるかどうか、SEOという観点だけでmeta keywordsを語るのはどうなんだろう？

[xlc]

meta keywordsはSPAM的使い方で滅びたが、descriptionは未だに有効です :-)

[kibitaki]

Flexboxを自然と使う案件て実はほとんどなくてなぁ。

[nsnil]

ありがたや

[nilab]

「user-scale=noはiOS 10では無効」「現在ではデバイスピクセル比が3以上のデバイスも発売されているため、デバイスピクセル比2と同じ画像の対応をした場合、画像はボケてしまいます」

[pekeponnn31]

“user-scalable=no”

[masapon49]

ブラウザの対応がどこまでしてるか頭に入ってれば使いやすい。しかしなかなか把握できない(；´∀｀)

[ajisaiotoko]

了解です。