10 HTMLヒット – Codepen

HTMLが好きですか？良い。とても愛らしいです。私のお気に入りの部分の1つは、それをすべて台無しにする方法ですが、それでもあなたが意図していると思うかをレンダリングすることは絶対に最善です。そのような他の多くの言語はありません。何かありますか？英語、私はlolzだと思います。とにかく – 私は、私が保存するHTMLに関する10のリンクを共有しているだけだと思いました。

1. 選択した日付は過去10年以内でなければなりません ジェラルド・ロドリゲス – それが要件です。どうしますか？日付入力には、HTML検証機能を絶対に使用してください。しかし、残念ながら、JavaScriptを設定するには関与する必要があります。つまり、タイムゾーンなどを意味します。
2. あなたがすべきだという意味ではありません 要素 Sophie Kooninによる – HTMLだと思います
Heat the oven to 350 degrees 陽気です（愚かな）。ソフィーが言うように、これは「精神ではなく、セマンティックHTMLの文字」です。
3. 微調整テキスト入力 Garrett Dimon著 – 実際にはHTML入力にかなりの数のボーナス属性があり、それらはすべて実際にはかなり便利であり、それらを使用することを検討する必要があることを思い出させる記事の1つです。
4. HTMLレスポンシブ画像について考える方法 ダン・カタリン・ブルゾによって – かなり複雑な属性の負荷といえば、その点で応答性のある画像を打ち負かすことは困難です。それを通して考えていることを読むのはいつも面白いです。これは常に、それが絶対に自動化される必要があるという結論に至ります。
5. HTMLダイアログモーダルのスタイリングは、ビューポートの全高を取るためのモーダル Simon Willisonによる – 予想外のブラウザスタイルが噛むことがあります。 devtoolsはもちろんそれを明らかにするのに役立ちます…あなたがそれらを見ることができれば。私はそれを設定したとき、私はかつて奇妙な振る舞いの対話について非常に混乱していました position: relative; （ブラウザのスタイルによって修正されています）ので、それにも注意してください。
6. 基礎：フォームのグループ化

   そして

   Demelza Felthamによる – 「アクセス可能なグループ化は誰もが利益をもたらします」。しましょう フィールドセットの奇妙なスタイリングをクリーンアップします 私たちがそれにいる間。
7. htmlの空白が壊れています ダグラス・パーカー著 – 私たちの多くは、HTMLがWhitespaceをどのように使用または無視しているかについての直観を開発していると思いますが、ダグラスは私が以前に明確に定義したことを考えていなかったいくつかの本当の奇妙さを指摘しています。前後にスペースがある場合のように , the space will collapse, but with the single space be part of the link or not? Formatters struggle with this as their formatting can introduce output changes. It’s one reason I like JSX because it’s ultra opinionated on formatting and how spacing is handled.
8. A highly configurable switch component using modern CSS techniques by Andy Bell — We’ve got 来る（今はサファリにあります）が、待つことができない場合は、注意している限り、自分で作ることができます。
9. HTMLおよびCSSに進行状況を指定するスクロールツートップボタンを構築します ManuelMatuzović – 私は、スクロール駆動型のアニメーションを使用して、少し下にスクロールした後に「上部に戻る」ボタンのみを明らかにすることができるそのトリックが好きです。また、下にスクロールするときにボタン自体がいっぱいになるマヌエルのアイデアも好きです。私は一般的にスクロールの進行状況インジケーターを気にしませんが、これはとても微妙なのでクールです。
10. テスト駆動型のHTMLとアクセシビリティ David Luhr著 – 私は以前にサイプレステストを書きましたが、このエコーはそのエコーですが、ちょっと低いレベルを感じています。 dom javascriptを実行するサーバーJavaScriptを見るのは興味深いです expect テスト。自分のxを作るようなものだと思います。