1

CSS属性の関係を学ぼうとしています。私の現在の知識では、ほとんどの Web ページが構築されている属性は約 30 程度しかないと思い切って言いますが、それらをどのように一致させるかによって、1 つのページの見た目がすっきりし、機能が向上し、全体的にユーザーのエクスペリエンスが向上します。現在、学習する「唯一の」方法は、経験と、必要な機能を備えた Web ページでの実装例を見て、複製しようとすることであるというフィードバックを受けています。これは時間がかかりすぎて、CSS への確実なアプローチを開発したい人にとって効果的なツールではないと思います。セマンティック マークアップの基本的な操作のための属性の相互作用を理解するのに役立つ、以下のようなツールを使用したことがありますか?

属性/要素操作の迅速なフィードバックを可能にする GUI を備えた現在のツール:

  • JSFIDDLE : HTML、JS、CSS、および結果を 1 つのウィンドウで表示し、共通の共有コードを可能にするオンライン プラットフォーム。

  • Button Maker : グラフィカル ボタンの動的 CSS/HTML 生成。

  • SourceTree : Git、Mercurial、および SVN バージョン管理システムのリポジトリ構造を理解するため。

  • Eclipse : 複数の実装、コード、および情報ペインの「デスクトップ」構成を備えた IDE。

  • CodingBat : 「スニペット」コーディングによって Python または Java を学習し、渡されたさまざまなパラメーターの結果を表示するためのオンライン コンソール。

  • Codeyear / CodeAcademy : いくつかの構造化された学習パスで「スニペット」コーディングと CSS/HTML/JS/結果の表示の両方を可能にするオンライン IDE。

具体的には、fixed、float など、位置に基づくスタイルの関係を学びたいと考えています。

4

1 に答える 1

3

私にとって、学ぶための最良の方法：あなたが作りたいものを考えてください。成功する。何が機能し、何が機能しないかを見つけるプロセスを実行します。それを修正する方法を理解してください。修理する。結果がいかにくだらないことに驚かされます。繰り返す。

独立した例を見ても、すべての小さなトリックを学ぶことはできません。何かを「見る」ことによって多くを学ぶことはありません。やれ。何が起こっているのかを基本的に理解したら、何かを作ります。何かをコピーします。時間がかかる？はい、確かに...あなたがそう言うなら。経験には時間がかかります。

他の人をコピーすることでのことは、あなたが彼らが経験したプロセスを知らないということです。なぜ彼らは特定の方法で何かをしたのですか？それも正しいですか？誰かがそれをオンラインにしたからといって、それが良いことを意味するわけではありません。

具体的には、どの機能を実装したいですか？グーグルそれ、人々がそれをするすべての異なる方法を読んでください。あなたが好きなものを見つけて、それを実装してください。微調整します。わからない場合は調べてみてください。

何かを見つけようとしているとき、元の問題を忘れるまで、ある（関連する）ものから別の物へと移動するという用語があると思います...生産性が必要な場合、それは悪いことです。ここでは、すべてを学びたいだけで、まったく問題ありません。

いくつかのことについては、構造を持つことが重要です。基本を学んだら、ある種の構造やシステムがあると遅くなると思います。私はそれに取り組み、問題を解決するのが好きです。私が何かを理解しようとしているとき、私はメモ帳とChromeしか持っておらず、多くのGoogle検索結果タブが開いています。これらすべてのGUIツールは必要ありません。確かに、オートコンプリートまたはエラー警告で開発が少し速くなる可能性がありますが、急いでいるのは何ですか？

あなたがそれらのツールを見つけていたものに決して到達しないような完璧なツールのセットを見つけることに多くの時間を費やさないでください。早くやれよ。

于 2012-06-22T18:02:30.993 に答える