Existe-t-il une alternative au langage de formatage des feuilles de style au CSS? Ou CSS est-il le langage unique actuel pour faire des choses de type feuille de style?
J'ai regardé la rédaction de CSS sur Wikipedia ( http://en.wikipedia.org/wiki/Cascading_Style_Sheets ) et quelques autres commentaires sur CSS et je me suis découragé par le manque de support complet du CSS dans les différents moteurs de mise en page, donc Je suis juste curieux de savoir s'il existe une alternative ou je dois apprendre à utiliser également les filtres CSS.
Merci pour vos informations.
Réponses:
CSS est la seule vraie option.
Le support du navigateur pour CSS ne devrait pas être une préoccupation majeure (dans la plupart des cas) une fois que vous avez appris les tenants et les aboutissants de CSS. La clé pour comprendre le CSS est que son but est de définir le style d'un document HTML et qu'il doit être séparé du contenu.
Vous aurez besoin de pratique pour apprendre à faire en sorte que les choses se dégradent gracieusement dans les navigateurs qui ne prennent pas en charge les fonctionnalités. L'idée de base ici est que vous devez faire en sorte que le plus petit dénominateur commun (Internet Explorer généralement) fonctionne "suffisamment bien" pour qu'il n'enlève rien à l'expérience utilisateur et fournisse les subtilités aux utilisateurs disposant de meilleurs navigateurs. Aussi, ne développez pas d'abord pour Internet Explorer. Laissez-le jusqu'au dernier, puis corrigez ses bogues. Faire les choses dans l'autre sens (IE d'abord) est beaucoup plus difficile.
Vous avez également la possibilité d'utiliser JavaScript pour définir des styles, mais cela n'est pas recommandé car vous devez éviter d'appliquer des styles dans JavaScript car JavaScript est destiné à la logique, pas aux styles.
Il y a 3 composants (selon la façon dont vous le regardez) pour une page Web:
la source
Vous essayez tous de répondre à la question du point de vue d'un programmeur. Je pense que l'affiche originale cherchait une alternative plus graphique - une alternative qui offrirait un concept différent.
Même si CSS3 est adopté sur plusieurs navigateurs, je pense que la manière CSS de disposer les éléments (boîte en ligne, flottants, marges, etc.) est horrible. Je suis programmeur, mais mon père est graphiste, et je suis presque sûr que le logiciel de mise en page qu'ils utilisaient depuis 20 ans était à certains égards plus facile et plus avancé que CSS.
la source
Oui il y en a, ça s'appelle MOINS et ça résout vraiment la plupart des problèmes de lisibilité du code CSS.
Vous pouvez à la fois le compiler sur le serveur ou côté client à la volée avec less.js .
Pour la production, je recommande de configurer un script de construction qui le compile (dans NodeJS, c'est facile avec Grunt et grunt-contrib-less ).
Edit: Il existe également d'autres options qui méritent d'être mentionnées, même si j'utilise et recommande LESS.
SASS : Les gens de Ruby adorent celui-ci. Ce n'est pas un super-ensemble de CSS comme LESS, mais utilise plutôt sa propre syntaxe. Pour faire face à cela, ils ont développé SCSS, qui est un super-ensemble CSS similaire à LESS.
Stylet : comme LESS, il est codé en javascript, mais il est couramment utilisé à partir de Node.js. Je ne peux pas en garantir, car je ne l'ai pas encore essayé, mais il est très mature, donc s'il a une fonctionnalité que vous voulez, allez-y.
Turbine : Celui-ci a été codé en PHP. Pas beaucoup de traction.
Changer de CSS : Peut-être que les pirates informatiques Python voudront se pencher sur cela. Encore moins de traction.
Si vous vous sentez encore plus alternatif, il y a aussi CSS Cacheer , CSScaffold , DtCSS , CSSPP et même quelque chose de porneL .
Autres choses que vous voudrez peut-être vérifier:
Compass : Un framework de création CSS complet pour les gars de Ruby.
WinLESS : Un compilateur glisser-déposer LESS pour Windows, c'est super cool et vous devriez vraiment le vérifier.
LESS Elements , Preboot , LESSHat et even.less : Bibliothèques de mixins et de constantes pour LESS.
Bootstrap : un framework développé par Twitter. Également lié: HTML5 Boilerplate .
Normalize.css : une alternative aux réinitialisations CSS . Il existe de nombreuses réinitialisations, cependant, en tant que développeur d'un, je dois dire: la plupart sont de la merde. Si vous n'allez pas créer le vôtre, utilisez simplement celui-ci.
Mise à jour : depuis la version 1.4 , LESS
@extend
aussi. Assurez-vous d'utiliser la version 1.4+ si possible! Cela complète les raisons de choisir LESS plutôt que SASS, je pense.la source
<FONT>
balises).Oui.
Comme tout le monde l'a dit, CSS est votre seule vraie option, mais il existe un autre langage pour les «choses de type de formatage de feuille de style» sur le Web, appelé eXtensible Stylesheet Language (XSL), en particulier le sous-ensemble de la spécification qui est devenu connu sous le nom de XSL-FO (mise en forme des objets) .
À un moment donné, selon à qui vous avez demandé, il était prévu de concurrencer ou de collaborer avec CSS .
la source
Feuilles de style de grille (GSS): GSS
beaucoup mieux
la source
Le CSS largement répandu n'obtient pas un support complet dans tous les navigateurs ... comment une alternative (inconnue) devrait-elle atteindre cet objectif?
la source
Eh bien, CSS 2.1 est assez bien pris en charge par presque tous les navigateurs. (sauf IE6) Il est facile d'écrire du CSS dégradé gracieusement une fois que vous connaissez le sous-ensemble sûr. (Pour que même les navigateurs non compatibles ne gâchent pas totalement la page)
Consultez http://www.quirksmode.org pour obtenir des conseils sur la compatibilité du navigateur CSS.
la source
Liste des langues de feuille de style: http://en.wikipedia.org/wiki/List_of_stylesheet_languages
la source
Je pense que jQuery a quelques moyens de rendre le css plus compatible entre les navigateurs, c'est-à-dire que si vous spécifiez certains attributs à l'aide de jQuery, il essaiera de s'assurer d'utiliser une solution de contournement pour les navigateurs qui ne prennent pas en charge certaines fonctionnalités.
Il existe également un projet appelé CleverCSS , vous voudrez peut-être le vérifier. Ce n'est cependant pas une alternative, juste une façon légèrement différente de le définir.
la source
CSS est le norme. Il n'y a pas d'alternative.
Tous les navigateurs prennent en charge les fonctionnalités CSS de base. Chaque nouvelle version de chacune des (quatre?) Principales lignes de navigateur s'accompagne d'une prise en charge accrue de la norme, mais les sites Web qui utilisent ces fonctionnalités seront accessibles à tous les utilisateurs dans une version antérieure. Il y a deux réponses à cela:
"Dégradation gracieuse" (ou son jumeau, "Amélioration progressive" - google it), dans laquelle la page tire parti des fonctionnalités avancées si elles sont disponibles, tout en continuant à fonctionner si elles ne le sont pas.
Quel est votre public? Si vous avez la chance de savoir que 99,8% des visiteurs de votre site Web utiliseront au moins IE7, vous n'avez pas à vous soucier des fonctionnalités CSS qui sont cassées dans IE6. Cela dépendra de votre propre entreprise, alors vérifiez d'abord les faits.
La pire chose que vous puissiez faire est de coder les bizarreries d'un seul navigateur spécifique, car cela conduit à une page qui ne fonctionne pas seulement sur d'autres navigateurs, mais même sur les versions ultérieures du même navigateur.
la source
Une alternative il y a longtemps JavaScript Style Sheets (JSSS) était une technologie de langage de feuille de style proposée par Netscape, si quelqu'un est intéressé, je vous enverrai des liens http://en.wikipedia.org/wiki/JavaScript_Style_Sheets
voici la proposition http://www.w3.org/Submission/1996/1/WD-jsss-960822 je pense que c'était une bonne idée mais malheureusement css a gagné, mais peut-être que certaines parties ont été intégrées avec javascript ??
Peut-être aussi qu'au lieu d'utiliser css, vous pouvez utiliser svg pour certains effets de texte, regardez les exemples
http://msdn.microsoft.com/en-us/ie/hh410107.aspx
et quelques animations
http://svg-wow.org/ text-effects / text-effects.xhtml
quelques effets de boutons https://www.svgopen.org/2008/papers/86-Achieving_3D_Effects_with_SVG/
voici un exemple plus cool pour styliser le texte que vous devriez regarder http: //www.hongkiat .com / blog / texte-vectoriel-évolutif /
la source
La seule alternative est la prise en charge de la mise en forme obsolète que le HTML lui-même a, comme la
<font>
balise. Mais tu ne veux pas faire ça. 8-)la source
Non, CSS est la voie à suivre maintenant. Il n'y a rien de mal avec le format lui-même (personnellement, je l'aime assez en fait), mais uniquement le support du navigateur - en particulier en ce qui concerne IE. Une fois que tous les principaux navigateurs prennent en charge CSS3 , les choses devraient bien se passer - même si je ne suis pas trop optimiste quant à la date à laquelle cela se produira.
la source
Il n'y a pas d'alternative au CSS pour le moment et c'est une bonne chose. Les fournisseurs de navigateurs, W3C, WHATWG, etc. ont assez de mal à s'entendre sur une seule spécification telle quelle, pouvez-vous imaginer ce qui se passerait s'il y avait plus d'une spécification?
Quoi qu'il en soit, j'ai trouvé qu'une fois que vous apprenez le CSS, vous acquérez des connaissances sur ce qui brise quoi et que vous apprenez à travailler avec ou à l'éviter.
J'espère que cela t'aides.
la source
Oui ! sass peut être une option
la source
Non (principalement)
Si vous souhaitez créer des mises en page qui fonctionnent sur le nombre maximum de machines clientes, vous devrez apprendre le CSS.
Si vous pouvez limiter vos utilisateurs à IE8, Chrome, Safari et Firefox, vous pouvez probablement vous en tirer avec CSS2, sinon vous devrez apprendre toutes les différences avec CSS1, ainsi que la myriade de choses cassées - en particulier dans IE5 et 6 .
HTML 3.2 inclut des balises de formatage (telles que
<font>
ou<center>
) mais vous ne pouvez pas faire grand-chose avec elles.Pourquoi seulement la plupart du temps? - Si vous pouvez supposer que les utilisateurs ont Flash ou Silverlight et créer des applications Web pour eux. Ensuite, votre mise en page sera parfaite, mais elle aura besoin d'un plugin côté client (que tout le monde n'a pas) pour fonctionner. Je n'emprunterais cette voie que si vous avez besoin d'une interface utilisateur client vraiment riche.
la source
Je conviens que l'état actuel du support CSS est assez horrible.
Je pense que la meilleure approche est d'écrire du CSS selon la norme , puis d'ajouter des correctifs pour tous les bits où les différents navigateurs ne se conforment pas correctement. Cela vaut souvent la peine d'éviter certains morceaux de CSS si vous le faites (les niveaux z par exemple ont des niveaux de support vraiment mixtes dans de nombreux navigateurs).
la source
Zoli a raison. "xslt est une alternative"
XSLT transforme XML en une page Web rendue, tout comme CSS transforme le HTML en une page Web rendue. Notez simplement que vous ne pouvez pas mélanger XSLT avec HTML ou CSS avec XML.
J'ai utilisé à la fois CSS + XSLT pour créer des pages Web rendues.
la source
Un seul, pour autant que je sache. Au moins pour HTML et autres.
Voir également http://www.w3.org/Style/CSS/
la source
Adobe Postscript est l'alternative la plus probable au CSS. Le problème est qu'il nécessite Acrobat pour l'afficher sur le bureau ou sur le Web. Il est de loin supérieur au CSS et maintient l'intention de conception et les évolutions sur tous les appareils, y compris les imprimantes, les traceurs, les téléphones, les tablettes et à peu près tout avec un interpréteur Postscript.
Postscript a une courbe d'apprentissage ZERO, sauf si vous l'implémentez pour un appareil particulier. Il est programmé par des millions de programmeurs, graphistes, artistes, imprimeurs professionnels et même les utilisateurs d'ordinateurs domestiques les moins qualifiés. Tout ce que vous avez à faire est de sélectionner Imprimer ou Enregistrer à partir du menu de n'importe quelle application. Il prend en charge les entrées de liaison et de champ. Est-il consultable? C'est le cas et les documents basés sur PS apparaissent fréquemment dans les pages de recherche de Google.
Bien qu'il puisse être consulté à partir d'un navigateur Web sous la forme d'un PDF, il ne s'agit pas d'un langage de navigateur natif comme HTML et CSS. Pourquoi n'est-ce pas, si c'est si simple et si puissant? Au début du Web, Adobe était trop myope et trop gourmand pour ouvrir le langage. Ils voulaient vendre des licences à leurs moteurs PS et à leurs produits de création de contenu. Pour Adobe, offrir un navigateur PS était comme donner l'Oie et les œufs d'or.
la source
xslt est une alternative
C'est plus puissant que le CSS.
Il est plus difficile de l'apprendre et de l'utiliser.
la source