CSS o カスケード スタイル シート (カスケード スタイル シート) は、 マークアップ言語 ために使用されます。 representar 、 外観 、 página web HTML. Es una herramienta bastante 強力です ya que con ella podemos cambiar 完全に el diseño de un sitio web.

El lenguaje en sí no es un lenguaje difícil aunque hay que tener presentes varias cuestiones que no nos hagan caer en los errores más comunes cuando realizamos la escritura de cualquier estilo en CSS, además de tener siempre presente la reutilización de cualquier parte de nuestro コード.

、 no cometer estos errores, この人生のほぼすべてのような, se consigue a base de experiencia y de encontrarnos una y otra vez con ellos, por lo que vamos a intentar guiaros 何のためですか, 入力, no os enfrentéis solos a ellos.

CSS を書くときによくある間違いを避けるためにヒントやトリック

1. Olvidar la compatibilidad con otros navegadores

De todos es conocido que los web ブラウザー presentan 違い entre ellos a la hora de mostrar cualquier página web. ありますがあります 基準 creados para que esto no suceda, 各 メーカー hace que su navegador funcione como quiere. 基準に適合する傾向があります。, 彼らはまたそれらを残す傾向があるが、, por lo que es conveniente que los estilos que diseñemos se ajusten en 外観 に、 diferentes navegadores, または少なくとも, 、 principales.

Suele ser habitual ver como se realiza el diseño de una web で Firefox o クロム y se olvida el comprobar dicho diseño en インターネット エクスプ ローラー o サファリ.

あります。 multitud de trucos probados que ayudan a que un mismo diseño o estilo sea idéntico の distintos renderizados de los distintos navegadores. 特にそれらのいずれかの, una simple búsqueda en Internet te puede ayudar.

2. フレームワークを使用しません。

多い frameworks 私たち ayudan の デザイン 私たち web サイト. Son conjuntos de librerías de código 障害があるされて解決するバージョン バージョン後と世界中の人々 の何千人もテスト, ので、それらのいずれかを使用を避けるために行く 頭痛の種 タスクを実行するには.

これらのフレームワークに役立つ私たちのサイトのデザインをする ゼロから始めることがなく, 既に作成された要素のヘルプのみを参照するを持っている人と、 クラス. これらのデザインは、すでに非常にテストされて、 彼らは imcompatibilidades を持っていることが多い 異なるブラウザー間.

3. ない考慮他の画面解像度

多くの web 開発者は信じているあなたのほとんど、 訪問 web の方から来て デスクトップ システム u コンピューター, その 画面解像度 します。 古い. これは真実ではないです。, 現在から, ほとんどの訪問の web ページを受け取るは、 モバイル デバイス, その画面の解像度は、します。 未成年者, 持っていることに加えて さまざまなサイズ.

ウェブサイトのデザインがなされたとき, これのアカウントに撮影する必要があり、それを最大限に活用 応答性 可能な, すなわち, ウェブサイトであります。 画面の解像度に適応 弊社の web サイトを訪問するユーザーの, 移転, 項目を表示または非表示, 同じで, 作るために、 ユーザー エクスペリエンス ほとんど 良い 可能な.

これを行うに, 多い frameworks デスクトップのシステムだけでなく、他の画面サイズについて考えてそれを行う任意の設計を助けること.

4. 大きな背景画像を使用してください。

彼らがされる時があります。 大きな背景画像 デザインで. これは、画像になります。 充電に時間がかかる と, したがって, 、 ユーザー エクスペリエンス 少ないであろう 減少 このため.

繰り返しによって形成されるテクスチャのかどうか、イメージには、 パターン, やるべきことは、パターンのイメージを作成し、 繰り返し すべての背景の中で同じ.

場合, 反対に, イメージ 分解できません。, 最良の選択肢は、します。 それを圧縮します。 lo máximo que podamos, すなわち, それから、ポイントに明白な品質を失うことを開始します。. このため, 多数があります。 オンライン ユーティリティ それは最大圧縮する任意のイメージをしました。 詳細を失うことがなく.

5. あまりにも多くのファイルを使用してください。

同じ方法で, 使用 CSS ファイルが多すぎます あなたはそれを行うことができます、 web ページの読み込み 参照してください。 遅い, ので、, 前のポイントのように, 、 ユーザー エクスペリエンス 影響を受ける. 各ファイルに注意してください。, ブラウザーをしなければならない、 要求 問題のサーバーから処理して.

別の CSS ファイルを使用する代わりに, 作成することができます。 1 つのファイル, またはほとんどの 2 つ, 、 aúnes すべてのスタイル web サイトの, なり、 高速化 ページの読み込み.

これらは いくつかのヒントとトリック ことを助けることができます。 避けるため このシリーズを作ること エラー 開発者 初心者や経験の浅い この言語があります。, すべてのこの経験不足原因. 状況はいつか, 我々 が直面しているまたは私達に直面するだろう.