HTML と CSS を書くための 6 つの最も効果的な方法

この記事では、効率を向上させ、時間を節約することを願って、最も効果的な 6 つの方法を紹介します。

CSS コーディングを高速化したい場合は、動的 CSS を学習して習得する必要があります。ほとんどの動的 CSS では、コードの使用率を向上させるために、ネストされたファイル、変数、ミックスイン、セレクター継承関数が追加されます。

コード スニペットを使用すると、HTML コードをすばやく記述できます。 Zen Coding と HAML が推奨されます。 まず、すぐに慣れることができます。次に、すべてのコードがテストされ、正しく生成されるため、人為的なエラーを回避できます。

CSS リセットの利点は、ブラウザの非互換性を回避できることです。推奨: Eric Meyer の CSS リセットと YUI。

多くの開発者は CSS グリッドレイアウトを使用していません。グリッド レイアウトのアイデアは従来の印刷出版から来ており、Web では、雑誌タイプのテンプレート/Web サイトではグリッド レイアウトが非常に重要です。この方法は、多くの開発者によって、製品設計のスピードを上げる効果的な方法であることが証明されています。

CSS グリッド レイアウトには、優れたクロスプラットフォーム サポートとその他の機能があります。関連リソースを以下に示します。

ウェブデザインにどのCSSグリッドフレームワークを使うべきか 960 グリッドレイアウト YUI グリッドレイアウト ブループリント グリッドレイアウト 5. HTML/CSSエディタ



優れたコード エディターが必要です。メモ帳以外にも多くのエディターがあり、それぞれに独自の機能があります。たとえば、coda の ftp エンジンは非常に安定しています。もちろん、Open Source China コミュニティにログインして、さらに多くのオープンソース コード エディターを検索することもできます。

Notepad++ (Windows、無料) Aptana (全プラットフォーム、無料) Bluefish (全プラットフォーム、無料) Coda (Mac、99ドル) Textmate (Mac、57ドル) 6. その他のオンラインツール



次のツールを使用すると、時間を少し節約できます。

Backfire: Firebug の CSS 変更を保存します。 Live.js: CSS を更新します。 CSS 自動リロード: Live.js と同じですが、リロード時間を設定できます。 Yahoo Grid Builder: YUI グリッドの作成。マークアップ ジェネレーター: HTML コードに基づいて CSS タグを生成します。コーダ クリップ: コーダ クリップ。

HTML と CSS を学び始めたばかりの場合は、手作業でコードを書き始めることをお勧めします。すでにしっかりした基礎がある場合は、上記の方法を試してください。

コーディングを楽しんでください:)

元記事: http://www.queness.com/post/8004/6-most-effective-methods-to-code-html-and-css