CSS o Feuilles de Style en cascade (Feuilles de style en cascade) est un langage de balisage qui est utilisé pour représentent le apparence un Page web HTML. C’est un outil tout à fait puissant qu’avec lui nous pouvons changer complètement la conception d’un site web.

La langue elle-même n’est pas une langue difficile Bien que nous devons être conscients de certains points qui ne nous pas tomber dans le erreurs les plus communes Quand nous faisons l’écriture de n’importe quel style en CSS, En plus de toujours garder à l’esprit la réutiliser d’une partie de notre code.

Le ne faites pas ces erreurs, comme presque tout dans cette vie, est atteint basé sur l’expérience et nous trouver encore et encore avec eux, donc nous allons essayer de vous guider Pour quoi, entrée, ne vous enfrentéis seul leur.

Trucs et astuces pour éviter les erreurs courantes lors de l’écriture de CSS

1. Oublier la compatibilité avec d’autres navigateurs

Tout le monde sait que la navigateurs Web présents différences Parmi eux quand il s’agit d’afficher n’importe quelle page web. Bien qu’il existe normes créé pour que cela ne se produise, chaque Référence du fabricant rend votre browser exécution comme vous voulez. Ils ont tendance à se conformer aux normes, mais ils ont aussi tendance à laisser, aussi est-il opportun que la styles à la conception rentre dans apparence à la différents navigateurs, ou du moins, le principal.

Habituel de voir comment c’est fait la un design web dans Firefox o Chrome et est oubliez Vérifiez que le design Internet Explorer o Safari.

Il y a multitude d’astuces prouvé pour aider à faire le même design ou style identiques dans le rendus différents différents navigateurs. Pour aucun d’eux en particulier, un simple Recherche dans Internet Vous pouvez aider.

2. N’utilisez pas de cadres

Il y a beaucoup de cadres que nous Aide dans le conception de notre site Web. Ils sont des ensembles de bibliothèques de code testé par des milliers de personnes à travers le monde et dont les défaillances seront ont été résoudre version après version, donc, faire une ou l’autre d'entre eux va éviter maux de tête pour effectuer toutes les tâches.

Ces cadres, aidez-nous à rendre notre conception du site sans avoir à recommencer à zéro, avec l’aide d’éléments déjà créés et ceux qui n’avez qu’à consulter par le biais de leurs classes. Ces dessins sont déjà très éprouvés et ils ont tendent à ne pas avoir imcompatibilidades entre les différents navigateurs.

3. Pas tenir compte des autres résolutions d’écran

Beaucoup de développeurs web pense que vous la plupart de la visites vers un web proviennent de systèmes de bureau ordinateurs de u, dont résolutions d’écran sont plus âgés. Ce n’est pas vrai, Depuis actuellement, plupart des visites qui reçoit une page web sont de appareils mobiles, dont des résolutions d’écran sont mineurs, En plus d’avoir différentes tailles.

Lorsque la conception d’un site Web se faite, Il doit être pris en compte cela et rendent le plus réactif possible, c'est-à-dire, que le site est adapté à la résolution de l’écran des utilisateurs qui visitent notre site web, déplaçant, affichage ou masquage des éléments, dans le même, afin de rendre un expérience utilisateur plupart bon possible.

Pour ce faire, Il y a beaucoup de cadres que vous aider à n’importe quelle conception que vous faire faire penser à autres tailles d’écran et pas seulement dans les systèmes de bureau.

4. En utilisant des images de grand fond

Il y a des moments où ils sont utilisés images de grand fond dans les conceptions. Cela rendra l’image fallu longtemps pour charger et, C’est pourquoi, le expérience utilisateur sera un peu diminué pour cette raison.

Si l’image est une texture qui est formée par la répétition d’une modèle, meilleure chose à faire est de créer une image du patron et de faire la répétition homogène sur tout le fond.

If, D'un autre côté, l’image Il ne peut être décomposée, la meilleure option est le compresser le maximum que nous pouvons, c'est-à-dire, au point où il commence à perdre sa qualité apparente. Pour cela, Il existe de nombreux services publics en ligne Il vous a fait n’importe quelle image à la compression maximale sans perte de détail.

5. L’utilisation de trop de fichiers

De la même manière, l’utilisation de trop de fichiers CSS Vous pouvez le faire la chargement de la page web Voir plus lent, afin, comme dans le point précédent, le expérience utilisateur être touchés. Veuillez noter que pour chaque fichier, le navigateur devra faire une demande le serveur en question et puis traitez-la.

Au lieu d’utiliser des fichiers CSS différents, Vous pouvez créer un seul fichier, ou tout au plus deux, dans lequel aúnes tous les styles du site web, ce qui rend plus vite chargement de votre page.

Ce sont des certains conseils et astuces qui peut vous aider à éviter que faire de cette série de Erreurs les développeurs novice et inexpérimentés Cette langue peut avoir, tout cela à cause de l’inexpérience. Que parfois des situations, Nous ont dû faire face ou nous affrontera.