4 endroits pour trouver des générateurs de CSS3

CSS3 g

Sommaire

enerators, qui sont des outils que vous pouvez utiliser pour créer, interagir avec, ou un code de test. Ces outils comprennent un large éventail de types spécifiques, y compris les assistants, les concepteurs, les environnements de développement intégrés (IDE), et une foule d'autres articles.

Comment renforcer CSS3 soutien sélecteur avec Selectivizr

Le support de CSS3 sélecteur de navigateurs plus anciens est presque inexistant. Bien sûr, vous devez avoir un grand soutien du sélecteur pour faire la plupart des effets spéciaux fonctionnent correctement. La réponse à ce problème est d'utiliser Selectivizr pour surmonter ces problèmes. Cet outil est spécifiquement conçu pour aider avec des problèmes qui surgissent dans les versions d'Internet Explorer 6 à 8 - et il travaille avec un certain nombre de bibliothèques, y compris

  • jQuery

  • dojo

  • prototype

  • Yahoo!

  • DOMAssistant




  • MooTools

  • NWMatcher

Même avec cet outil, vous ne recevez pas un support complet de sélection. Heureusement, le site Selectivizr fournit une liste de sélecteurs et vous indique où il prend en charge les types de sélection pour une bibliothèque donnée. Avec cette connaissance, vous pouvez généralement surmonter les problèmes de sélection lorsque l'on travaille avec les anciens navigateurs.

Comment concevoir des présentations inhabituelles de la liste de CSS3 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 pour les listes est d'afficher le contenu. Vous pouvez afficher tout le contenu à la fois, ou de faire la spéciale contenu en présentant un élément à la fois. Le but de Liffect est de rendre possible de créer des effets spéciaux pour les listes.

Cet outil génère un code personnalisé pour animer votre liste de contenu. Tout ce que vous faites est de définir le type d'animation que vous souhaitez, le temps de l'animation oblige à compléter, le délai entre les éléments, et si vous voulez des articles choisis au hasard. Au bas de la page sont des sélections pour le type de navigateurs que vous souhaitez soutenir.

image0.jpg

Après avoir effectué vos sélections, cliquez sur Générer. L'utilitaire génère le code HTML, CSS3 et javascript requis pour créer la séquence animée. Bien sûr, vous avez toujours de fournir le contenu en modifiant le code HTML (ou de fournir une méthode automatisée pour générer elle). Sinon tout ce que vous devez faire est de copier et coller le code résultant à votre application.

Comment modifier le code CSS3 avec Komodo Edit

Oui, vous pouvez créer toute application basée sur navigateur vous voulez en utilisant un simple éditeur de texte. Tout éditeur qui affiche le texte sans aucun formatage fonctionnera très bien. En fait, toute méthode que vous avez de produire une sortie de texte pur va travailler.

Cependant, la plupart des développeurs optent pour un environnement qui est plus convivial et plus facile à utiliser - souvent sous la forme d'un IDE. Utiliser un IDE fournit des informations utiles, telles que les propriétés disponibles lorsque vous travaillez avec CSS ou les intrants nécessaires pour un appel javascript.

Komodo Edit fournit un bon support pour CSS3, HTML5, javascript et une foule d'autres langues, 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 des langues supplémentaires et une richesse de 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 qui vient avec votre navigateur pour combler la différence.

Comment tester piles de polices CSS3 avec FFFFALLBACK

Dans certains cas, vous souhaitez créer une pile de police personnalisé pour que votre page apparaît précisément comme vous souhaitez qu'il apparaisse à l'utilisateur final. Une autre solution à ce problème est d'utiliser FFFFALLBACK - un outil qui permet d'essayer diverses combinaisons de polices sur la page cible.

La page contient des instructions pour l'utilisation de cet outil. Vous faites simplement glisser le bookmarklet à la barre d'outils de votre navigateur, où il devient un bouton cliquable. Allez sur le 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 différentes polices. Pour changer la police, tapez le nom de la police et appuyez sur Entrée dans le champ fourni.

image1.jpg

La police de repli vous choisissez apparaît dans une autre couleur, en dessous et à droite de la police d'origine. Pour voir à la police de repli, cliquez sur repli. De même, de voir à la police d'origine, cliquez sur Web de la police.

Cet outil particulier fonctionne uniquement avec les navigateurs WebKit tels que Firefox, Chrome et Safari. Il ne fonctionne pas avec d'autres navigateurs, notamment Internet Explorer et Opera.


» » » » 4 endroits pour trouver des générateurs de CSS3