インモビインモビ

JavaScriptの外で「国家管理」の形態を得るときはいつでも、人々はプレイします！ CSSで作られた数え切れないほどのゲームがあります。 :checked CSSのセレクターと使用 ~ 他の要素を選択するコンビネーター。

今回は、そのままにしてください Tic-Tac-Toeを作ったGarth Heyes 全体的に HTMLのみ。それは最初のことです。

見たい？最初に公正な警告。 HTMLの170 MB（!!）と「50万ノード以上」です。クロムは本当にこれに苦労しています。最初のページをレンダリングするのに私のマシンが1分近くにかかったかもしれません、そして、それぞれのクリックもしばらく時間がかかりました。あなたがダウンしているなら、それを試してみてください、 デモを参照してください。

そして今、何か関連するが異なるために

だから今、私たちはあなたがウェブ上で絶対にすべきではないことを見たので、ここにあります ヘザー・ブッケルあなたが絶対にいくつかのことをしています すべき ウェブ上で行います。 Heatherは、NewFangled TechでWebサイトを構築し、プラットフォームなどでコードを共有しようとしていることに気が狂っていませんが、まさにそのようなものを壊さないでください。壊れないでください スーパーデュパーベーシックなもの そのウェブサイトは簡単に行い、誰にとっても良いことです。私は彼女のリスト全体をハイジャックしますが、もちろんより多くのコンテキストのためにそれを読んでください：

• テキストをコピーさせて、貼り付けることができます。
• 何かがリンクのようにナビゲートする場合は、リンクをリンクさせてください。
• Webサイトがすべてを奪われることなく、ブラウザをズームインさせてください。
• 応答性の高いことをしてください。
• ホバースタイルをさせてください。
• 何かをクリックするとUIが完全に変更された場合、まるで新しいページに移動したかのように、ブラウザの履歴アップデートと新しいURLを提供します。
• スクロールバーを見させてください。
• あなた自身のアプリで使用するために、私の典型的なブラウザのショートカットのハイジャックを停止します。

合理的な尋ねる、いいえ？

そして今、それらの同じ線に沿って何かのために

onnnnneeeもっとあなたはウェブ上で行うことに本当に注意する必要があります。アダムシルバー： 粘着性メニューの問題と代わりに何をすべきか。

1つの問題は、粘着性のメニューではかなり明白です。彼らはあまりにも頻繁にダングに入ります。

しかし、すぐに見えないかもしれない問題を引き起こす他のものがあります。アダムはズームに言及しています。 1つの小さなズームまたはまた、ページから粘着性/固定要素を蹴る可能性があります。また、何かが粘着性のメニューを開くと、そのメニューがビューポートよりも背が高い場合、問題があります。どちらかが必要です それ スクロール可能なエリア（ただし、ネストされたスクロールは吸う）またはユーザーがメニューをもっと見るためだけにさらにスクロールする必要があります。 ughghadk。

アダムは、それ以上の3つをリストしています。あそこにあなたを見るように強制します。しかし、私は良い結末を手に入れます。

1. ページを短くしてください： 粘着性メニューは長いページの症状なので、根本原因を修正してください。
2. ユーザーにスクロールさせます： スクロールが問題であるというのは神話です。モバイルでも、ページの上部はフリックまたは2つの離れたものです。
3. 関連するリンクをコンテキストに配置します。 たとえば、投稿の最後にサブスクライブフォームを追加するか、価格設定セクションにCTAを追加します。
4. バックツートップリンクを使用してください： それらは比較的目立たないものです（ただし、他のオプションを使い果たした後にのみこれを行います）。