CSSのチュートリアル – Transcending CSS:ウェブデザインのファインアート

CSSを超越する:Webデザインの芸術家、Andy ClarkeとMolly E. Holzschlagは、好みのブラウザやスキルレベルにかかわらず、またはデザインが視覚的な側面や技術を強調しているかどうかにかかわらず、すべてのWebデザイナーに適用されるいくつかの主要原則に焦点を合わせます。多くのCSSテキストとは異なり、この本は興味深く、視覚的に魅力的で充実しています。それはコードとコードの説明で満たされていません。クラーク氏はまた、ウェブ開発のグラフィックデザインの側面を強調しています。これは、多数の、そして非常に魅力的なページ例によって示されています)。これらの原則は、特定の目的のために壊れる可能性がある一般的なガイドラインですが、開発時には全体的な戦略の良い基盤を維持します。彼らは以下の通りです

特徴

優れた機能

Transcending CSS:タイトルに基づいたウェブデザインのファインアートは、中級から上級レベルのCSS理解を意味します。 「トランセンド」は強力な言葉です。それは境界や伝統を壊すことを意味します。超越的なものは元の形よりもさらに大きくなります。それは物の本来の意図を超えて広がる波紋効果を作り出します。たとえば、CSS3を使用する超越的な特性によって、開発者は以前のCSSバージョンで構築された境界を壊すことができます。さらに、将来はまもなくここになり、多くのブラウザでCSS3が標準化されるようになります。本質的に、あなたは現在のところで発展していますが、未来のためにあなたのサイトを準備することによって現在のものを超越しています。将来を念頭に置いて設計することで、ブラウザやコードの進歩によって予期しない複雑さが生じることはありません。クライアントが新しいトレンドや機能への移行を義務づけたときは、はるかに準備が整います。

ハックとフィルタは、多くの開発者がほぼ必見する共通点です。ブラウザのバージョン間には無数の相違があるため、コードがあるブラウザから次のブラウザに正確なフォームを保持している場合でも、コードは表示され、機能が異なります。 Transcending CSS:ウェブデザインのファインアートは、この一般的な慣習に反すると主張しています。その原則を最初に読んだとき、私はそれに疑問を呈しました。私は、ブラウザの変動によって引き起こされる特定の合併症を回避するためのハッキングの重要性を強調する数多くのデザイナーに就いています。 Clarkeは「Never」の代わりに「avoid」という言葉を使用しているため、特定の状況では余裕ができます。しかし、彼の全体的なポイントは、余分なコードなしで同じ効果を達成するための別の方法を見つけることです。

上記のように、Clarkeは共通のアプローチを「超越している」時間を費やしています。彼はグリッド構造を使用して設計することを提案しています(これはますます普及しつつあります)。そして、JavaScriptを使って要素をクリアします。これらのアプローチは、列の絶対配置を使用するなど、プロトタイプの開発段階でより多くのことが意図されていますが、最終的なレイアウトには変更はありません。 Clarkeは、レイアウトがどのように表示されるかについての正確な感覚を得るために、絶対的な位置に何かを持たせることを助けることを意味します。そうすれば、レイアウトを変更するあらゆる変更について心配する必要がなくなります。これにより、コードに戻って分の詳細を微調整する必要があります。

本書の目的は、初心者や中間デザイナーが特定の目標を念頭に置いた具体的なプラクティスを導入するのではなく、開発の全体的なアプローチを提示しているように見えるためですリスト。特に最終ページデザインの例では、Clarkeは全体的な目的を念頭におくことの重要性を強調しています。細かいことは重要ですが、最終的な製品の強固なビジョンで設計することで、意図した設計が形状に集中することができます。

使いやすさ

小さな、関連する詳細はまだ本から省略されています。そのような例の1つは、著者が、透過性をサポートしていないIE6の蔓延を見落とし、クラーク氏が提案するいくつかのz-インデックスソリューションを無効にすることです(ただし、最近のブラウザーではうまく機能します)。しかし、まもなく、これらの問題は、ますます多くのユーザーが最新のブラウザバージョンに昇格するにつれて、重要ではなくなります。しかし、大衆的な聴衆を対象とする巨大企業のデザイナーは、Clarkeのより将来性のある施設の効率を調査する必要があります。巨大企業は膨大な視聴者を抱えているため、視聴者にはさまざまなブラウザ形式があり、開発者のコ​​ードではそれらのユーザーを考慮する必要があります。

私が半分のポイントを奪った唯一の理由は、なぜ特定の戦略が使われているのかを説明する必要性を見落とす作者の傾向のためです。見落としは、著者の専門知識を考慮して理解できます。主題についての理解が非常に徹底的で洗練されているため、細部と手順を説明するのが難しいため、世界で最も知的な人々の中には、明るい教師がいません。彼らには、なぜ戦略を使うべきかという疑問はない。それはほぼ本能的です。しかし、あまり上級者でないユーザーにとっては、推論はあいまいであり、難解であり、徹底的な説明がないために混乱を招く。クラークは非常に頻繁にその罠に入ることはありません。彼は彼の方法論と特定の決定の背後にある衝動を説明することに非常に熟達しています。

価格を考えると(amazon.comでは34.64ドル、小売よりも20ドル低い)、この本はお買い得だ。未来を念頭に置いて設計することに関するクラークの基本原則を学ぶことは、本の価格の少なくとも半分の価値があります。 Transcending CSS:ウェブデザインのファインアートは優れた品質で、読者にCSS開発に関する貴重な情報を提供します。

Transcending CSS:Web Designのファインアートの著者と出版社は、有益なサポートサイト(http://www.transcendingcss.com/support)を提供するため多大な努力を払っています。そこで、消費者は書籍のレッスンに関連するファイル(画像ファイルやコード結果の視覚的な例など)を見つけることができます。さらに、ユーザーは、正式版の訂正と新版の更新版を含むメーリングリストに登録することができます。

彼らは電話番号とStuffとNonsenseの物理アドレス、本の背後にあるウェブデザインスタジオ、スタッフに連絡するためのフォームも提供しています。

Webデザインのファインアートは、より有益で魅力的で読みやすい楽しい書籍の1つです(この分野では非常に希少です)。コードは乾くことができます。コードの研究はさらに乾燥機にすることができます。しかしClarkeらは、コードとデザインを興味深いレッスンに融合させることができます。現在の発展が将来を考える上でのストレスは非常に貴重です。新しいブラウザやCSSバージョンで導入された新しいトレンドや機能を組み込むためにアップデートが必要なクライアントに遭遇すると、そのメリットがはっきりと分かります。

サポート

概要