Table des matières:
- Comment améliorer le support du sélecteur CSS3 avec Selectivizr
- Comment concevoir des présentations de listes CSS3 inhabituelles avec Liffect
- Comment éditer le code CSS3 avec Komodo Edit
- Comment tester les piles de polices CSS3 avec FFFFALLBACK
Vidéo: Visibilité site web | Préparer les mots clés au référencement internet 2025
CSS3 g enerators, qui sont des outils que vous pouvez utiliser pour créer, interagir ou tester du code. Ces outils incluent un large éventail de types spécifiques, y compris des assistants, des concepteurs, des environnements de développement intégrés (IDE) et une foule d'autres éléments.
Comment améliorer le support du sélecteur CSS3 avec Selectivizr
Le support du sélecteur CSS3 dans les anciens navigateurs est presque inexistant. Bien sûr, vous devez avoir un excellent support de sélection pour que la plupart des effets spéciaux fonctionnent correctement. La réponse au problème est d'utiliser Selectivizr pour surmonter ces problèmes. Cet outil est spécialement conçu pour résoudre les problèmes qui apparaissent dans Internet Explorer versions 6 à 8 - et il fonctionne avec un certain nombre de bibliothèques, y compris
-
jQuery
-
dojo
-
prototype
-
Yahoo!
-
DOMAssistant
-
MooTools
-
NWMatcher
Même avec cet outil, vous n'obtenez pas le support complet du sélecteur. Heureusement, le site Selectivizr fournit une liste de sélecteurs et vous indique les types de sélecteurs pris en charge pour une bibliothèque donnée. Avec cette connaissance, vous pouvez généralement surmonter les problèmes de sélecteur lorsque vous travaillez avec des navigateurs plus anciens.
Comment concevoir des présentations de listes CSS3 inhabituelles avec Liffect
Les développeurs utilisent des listes pour un certain nombre de tâches lors de la création d'une page. Par exemple, les listes jouent un rôle important dans la création de nombreux menus. Un autre but des listes est d'afficher du contenu. Vous pouvez afficher tout le contenu à la fois, ou rendre le contenu spécial en présentant un élément à la fois. Le but de Liffect est de permettre de créer des effets spéciaux pour les listes.
Cet outil génère du code personnalisé pour l'animation de votre liste de contenu. Tout ce que vous faites est de définir le type d'animation que vous voulez, le temps que l'animation nécessite pour terminer, le délai entre les éléments, et si vous voulez que les éléments sélectionnés au hasard. Au bas de la page, vous trouverez des sélections pour le type de navigateur que vous souhaitez prendre en charge.
Après avoir effectué vos sélections, cliquez sur Générer. L'utilitaire génère les codes HTML, CSS3 et JavaScript requis pour créer la séquence animée. Bien sûr, vous devez toujours fournir le contenu en modifiant le code HTML (ou en fournissant une méthode automatisée pour le générer). Sinon, tout ce que vous avez à faire est de copier et coller le code résultant dans votre application.
Comment éditer le code CSS3 avec Komodo Edit
Oui, vous pouvez créer n'importe quelle application basée sur le navigateur que vous voulez en utilisant un simple éditeur de texte. Tout éditeur qui affiche du texte sans aucun format fonctionnera très bien. En fait, toute méthode de production de texte pur fonctionnera.
Cependant, la plupart des développeurs optent pour un environnement plus convivial et plus facile à utiliser - souvent sous la forme d'un IDE. L'utilisation d'un IDE vous fournit des informations utiles, telles que les propriétés disponibles lorsque vous travaillez avec CSS ou les entrées requises pour un appel JavaScript.
Komodo Edit fournit un bon support pour CSS3, HTML5, JavaScript et une foule d'autres langages, y compris Perl, PHP, Python, Ruby et Tcl. L'éditeur fonctionne sur les systèmes Windows, Macintosh et Linux.
La version payante de ce produit prend en charge d'autres langues et de nombreuses fonctionnalités supplémentaires, mais la version gratuite est parfaitement utilisable pour le codage JavaScript. Le plus grand manque dans la version gratuite est un débogueur, mais vous pouvez facilement utiliser le débogueur fourni avec votre navigateur pour faire la différence.
Comment tester les piles de polices CSS3 avec FFFFALLBACK
Dans certains cas, vous souhaitez créer une pile de polices personnalisée afin que votre page apparaisse précisément telle que vous voulez qu'elle apparaisse à l'utilisateur final. Une autre solution à ce problème consiste à utiliser FFFFALLBACK - un outil qui permet d'essayer différentes combinaisons de polices sur la page cible.
La page contient des instructions sur l'utilisation de cet outil. Vous faites simplement glisser le bookmarklet dans la barre d'outils de votre navigateur, où il devient un bouton cliquable. Accédez au site que vous souhaitez modifier, puis cliquez sur le bouton FFFFALLBACK.
L'outil analyse le CSS sur la page et crée un clone de la page. Vous verrez également un outil sur la page clonée que vous pouvez utiliser pour tester diverses polices. Pour changer la police, tapez le nom de la police et appuyez sur Entrée dans le champ fourni.
La police de repli choisie apparaît dans une autre couleur, en bas et à droite de la police d'origine. Pour voir uniquement la police de repli, cliquez sur Repli. De même, pour afficher uniquement la police d'origine, cliquez sur Police Web.
Cet outil ne fonctionne qu'avec les navigateurs Webkit tels que Firefox, Chrome et Safari. Cela ne fonctionne pas avec d'autres navigateurs, y compris Internet Explorer et Opera.
