Est-ce un bon moyen d'utiliser des thèmes de l'UI de JQuery lors de la mise en œuvre d'un site Web élevé de trafic. Est-il facile à éditer et à personnaliser un peu basé sur les besoins de mon site Web? Est-ce que cela a des problèmes célèbres? Voulez-vous entendre vos idées à ce sujet et est-ce sûr d'utiliser ou de mieux écrire tous mes CSS de zéro.
Notez que j'ai vérifié les thèmes là-bas et y trouvais bien et certains d'entre eux après que certaines modifications conviendront au design que nous avons.
7 Réponses :
jQuery ui est plus lourd que JQuery Core, sont les thèmes lourds? Pas plus que tout autre CSS vraiment. Oui, vous pouvez les personnaliser, Utilisez l'outil Themeroller pour ce .
Si vous allez utiliser la plupart des styles ou le bibliothèque de l'interface utilisateur JQuery , alors vous êtes Mieux vaut bien avec leur CSS, si vous envisagez d'utiliser une petite fraction de celui-ci, roulez le vôtre, car le repos est juste perdu la charge utile livrée à chaque visiteur.
comme une note latérale: Si vous êtes satisfait de l'un des thèmes par défaut, Ils sont Disponible sur le google CDN , mais on dirait que vous souhaitez modifier un peu de sorte qu'il s'applique ici ... si le trafic est une attention, il y a une option.
Savez-vous sur Googles CDN (réseau de livraison de contenu)?
Voir ceci POST Pour savoir pourquoi il est une bonne idée d'utiliser Google pour héberger jQuery pour vous. Fondamentalement, vous obtenez une diminution de la latence, une augmentation du parallélisme et une meilleure mise en cache
Voir ce Post pour savoir comment créer un lien vers les thèmes de l'interface utilisateur JQuery à l'aide de CDN
J'ai utilisé cette technique et j'ai trouvé des problèmes. En ce qui concerne les problèmes que je n'ai jamais rencontrés. Je voudrais me connaître s'il y a des problèmes infâmes
edit
Si la question est «à quel point est-il facile de modifier le CSS», la réponse est un peu plus compliquée, les thèmes de l'interface utilisateur sont très complets et que la marque a déclaré que si vous en voulez seulement, vous en voulez seulement, sinon vous déploiez votre propre. Ce que vous voyez, utilisez tout cela via le CDN, mais vous avez affiché que vous souhaitez le modifier un peu ...
La vraie réponse réside dans non seulement ce que vous voulez de thèmes, mais à quel point êtes-vous bon chez CSS? Mon équipe de design n'a aucun problème avec les thèmes UI CSS.
Je sais cela, mais je posais la question de la bibliothèque elle-même, est-ce bon? est facile à éditer? ...
@Amr - la bibliothèque (qui est JavaScript) ou les CSS / styles utilisées?
@Amr - alors oui, voir la réponse actuellement ci-dessous pour des outils sur la façon de modifier :)
Il y a un outil pour éditer les thèmes fournis par l'équipe de l'interface utilisateur JQuery, c'est une très grande chose à laisser de votre réponse imo.
@nick, peut-être peut-être pas, cela dépend de qui fait la personnalisation, cet outil peut être correct pour un développeur créant un couple de modifications, alors que mes gourous CSS aiment voir la première main CSS. Mais je suis d'accord que le rouleau de thème aurait dû être dans ma réponse.
@Rippo - Le thème crée les images , ce qui est beaucoup plus facile que de le faire à la main, à moins que vous ne puissiez pas un itinéraire complètement différent ... auquel cas les CSS / images n'étaient pas utiles à Commencer avec. Je personnalise la CSS après aussi, mais il n'y a aucune raison de ne pas utiliser de thème bookmabable pour effectuer toute la partie de couleur, puis de pouvoir cliquer sur un lien, modifier une couleur et obtenir toutes vos images CSS / images mises à jour, je pense. Ce n'est pas comme si la part de la partie simple / occupée vous empêche d'éditer après ...
@nick - balançoires et ronds-points. Je respecte votre opinion mais il y a beaucoup de façons de balancer un chat.
@Rippo - Je suppose, profitez de la douleur de la mise à niveau vers la prochaine version :)
@nick - J'ai tendance à rester avec le modèle déjà stylé car les avantages du CDN l'emportent sur les petits modifications que mes concepteurs aiment suggérer, passez une bonne journée.
@Rippo - Comment pouvez-vous discuter les deux façons? Vous préférez la personnaliser vous-même, en utilisant les CSS / images brutes, pas le thème, puis dites que vous ne personnalisez-le, mais collez-le avec les thèmes par défaut. Soit est un point valide, mais vous ne pouvez pas faire les deux ...
@nick, non, vous avez dit cela, s'il vous plaît relire, vous m'avez mentionné sur ce joyeux chemin! Je ne souligne que ce que préfèrent mes concepteurs. Je n'ai vraiment pas sous-transfert ce que vous conduisez. S'il vous plaît partir comme je passe une bonne journée.
J'ai peut-être mal compris, de vos commentaires: "Alors que mes gourous de CSS aiment voir la première main CSS" VS "J'ai tendance à rester avec le modèle déjà stylé", n'essayez pas d'être difficile, je ne comprends pas comment ces deux racontent. Tant que vous savez qu'il y a des options, c'est tout ce qui compte, tout le monde a leurs préférences ... j'étais très confus comment ces deux tombent sous la même préférence :)
Mes commentaires ne relaient pas la réponse que j'ai donnée à l'OP, seulement ce que vous avez demandé dans vos commentaires. Oui tu as été difficile mais je ne suis pas offensé, comme je l'ai dit passer et passez une bonne journée
Une petite quantité de jQuery est absolument bien. Mais trop de trafic, causerait des problèmes dans le chargement de la page car il pourrait avoir tendance à être un peu lent. Il est préférable d'écrire CSS à partir de zéro car, il sera très bien personnalisé pour votre site et vous n'avez pas besoin d'adapter votre site dans quelque chose d'autre.
Totalement en désaccord. "Commencez toujours à partir de zéro," équivaut à réinventer la roue. Commencez par quelque chose qui fonctionne, remplacez-le comme vous allez.
Il y a deux facteurs qui répondront à cette question.
1) Quelle est la taille importante? Ou en d'autres termes, combien d'utilisateurs vont naviguer activement à la fois et y a-t-il beaucoup d'interactions, ou juste une page de type assis et d'attente?
2) sera-t-il conçu pour réduire les demandes / sections? Fondamentalement, si chaque clic nécessite un appel AJAX qui frappera votre serveur, le serveur peut se boucler. Mais si vous préchargez beaucoup, la bande passante sera la question, pas des ressources sur le serveur.
Donc, fondamentalement, si le site Web sera vraiment énorme, vous souhaitez probablement regarder Google CDN et vous éviter de devoir y faire face à votre fin. Si ce ne sera pas si gros, vous devez identifier où se trouve le prochain goulot d'étranglement. S'il s'agit d'un goulot d'étranglement de bande passante, le transfert de jQuery beaucoup fera mal, sinon ce sont les appels Ajax qui font mal.
Votre objectif est de minimiser la quantité de serveur à faire et de le pousser au client. Alors, concevez-la de sorte que la bande passante ne soit pas le goulot d'étranglement et votre serveur ne traite que des clients si nécessaire.
hmmm, est cette réponse est liée à ma question? Je pose des questions sur les thèmes de JQuery Quel que soit l'accueilli à ma fin ou non, je demande à sa qualité, est-il facile de le modifier ou non, et je voulais aussi entendre les autres expériences avec elle.
Fondamentalement, il est impossible de dire si JQuery répondra à vos besoins ou non. Comme il s'agit d'une utilité assez largement utilisée, et à moins d'avoir des besoins particulièrement spéciaux, il fonctionnera. Je me concentrais sur la partie "Big High Trafic" de votre question et je discute de la quantité d'optimisation dont vous pourriez avoir besoin.
Je posterais ceci est un commentaire, mais je ne peux pas encore ...
J'ai utilisé jQuery assez largement dans une variété d'environnements et toutes les choses considérées, c'est l'un des aspects les mieux performants des sites que je l'ai utilisée. Je considérerais mes expériences d'avoir été avec des sites de trafic moyen à élevé . Les commandes d'édition HTML comme FCKeditor ou TinyMCE ont toujours eu des temps de chargement plus longs dont j'ai utilisé la plupart des composants JQueryui que j'ai utilisés.
Je suis totalement d'accord avec les commentaires sur l'utilisation d'un CDN, mais certaines de ces affiches sont correctes sur l'option Themeroller. Cela éliminera votre capacité à utiliser hors de la boîte JQueryui CDNS, le themeroller crée un package unique à télécharger, y compris CSS. Si vous allez cette voie, choisissez une bonne technique de minimiseur / compression pour votre contenu JavaScript et qui vous aidera également ..
Je ne suis pas totalement sûr de ce que vous êtes inquiet, mais je pense que cela clarifiera ce que JQuery Ui fait et ne fait pas pour vous.
oui. Les thèmes de l'interface utilisateur de JQuery ont longtemps été longs et n'ont pas de problèmes crie-à-lafers à ruiner. Il existe des problèmes connus, principalement avec des problèmes de CSS3 avancés. Par exemple: tous les navigateurs sauf IE6 ont un support d'angle arrondi de CSS3. Les thèmes de l'interface utilisateur jquery utilisent cette fonctionnalité. Si vous voulez des coins arrondis dans IE, vous devrez obtenir un plugin supplémentaire qui fonctionne autour de celui-ci pour IE, en particulier. C'est assez facile.
La non-obtrusivité des thèmes de JQuery est facilement assurée, car les thèmes restent séparés de la plupart de vos préoccupations de conception spécifiques au site. Les classes mises en œuvre par les thèmes de l'interface utilisateur signifient des choses comme: "C'est ce que l'on ressemble à une chose active ." Les modifications que vous apportez à de tels concepts généraux ont tendance à être petites ("3 nuances de rose qu'auparavant") et ne changent généralement pas de dimensions ("Ajoutez un peu de rembourrage supplémentaire à actif choses") . De plus, pour faire tout cela, vous pouvez utiliser thème .
Les beaux gens du groupe de filaments ont Un joli écriture sur la façon de styles en utilisant les thèmes de l'interface utilisateur JQuery. Je ne pense pas que je puisse ajouter grand chose à suivre dans leur pas à pas, sauf pour souligner qu'ils utilisent les deux un thème de Jack-variété JQuery et leur propre mise en page CSS. C'est tout sur la séparation du thème par rapport à la mise en page.
Il est très important de se rappeler que les thèmes Layouts sont assez difficiles et incluent des décisions stylistiques non-triviales et spécifiques au site. Des exemples de questions de conception incluent:
Fondamentalement, vous écrivez toujours votre propre design. Si vous avez pris un hors de l'étagère, vous envisagez de la modifier fortement, ou vous construisez un site Web très cookie-Cutter.
Thèmes , tels que les thèmes jQuery, donnez un look et ressentez à votre mise en page. Ils peuvent être échangés de manière indépendante, ajouté plus tard, ou autre chose. Les thèmes sont, à un certain niveau, la différence entre 1) une bonne interface ou 2) une bonne interface qui est également attrayante et cohérente. Les questions thématiques incluent:
Alors, une fois que vous avez examiné un thème sur un site Web, vous pouvez probablement prendre le même thème et l'appliquer à votre propre conception unique de site unique avec seulement de petites différences. Ils devraient être totalement bénins. Utilisation de Themes JQuery
Thèmes par rapport aux conceptions de sites
Je vais sortir sur un membre et dire: non. Ne l'utilisez pas.
Tout d'abord, c'est un peu gras. Donc, si vous n'avez pas besoin de toutes les fonctionnalités que JQuery UI offre, vous ferez mieux d'utiliser une bibliothèque plus petite, comme JQUERY TOOLS . Même John Resig (ou un ressemblant à la resigue) le suggère dans Cet article . Son commentaire:
juste pour qualifier un point mentionné
ci-dessus et sur le site Web: "le
Le fichier [JQuery Tools] est que 2,5 kb quand
minifiée. Comparez ceci à la jQuery
Bibliothèque UI où vous devrez avoir
130 Ko de code minifié pour obtenir des onglets
et des accordéions fonctionnent.
Deuxièmement, si votre site Web est vraiment important, vous aurez besoin de plus de flexibilité. Personnaliser JQuery UI de quelque manière qu'au-delà de l'utilisation du thème modélisé - peut devenir laid. Si vous souhaitez que votre conception soit spécifique à votre site, et si vous souhaitez conserver un contrôle granulaire sur les éléments de conception de votre site, vous ferez mieux de vous écarter des modèles d'interface utilisateur.
Troisième, je ne pense personnellement pas qu'une bibliothèque JavaScript doit être utilisée pour concevoir des éléments de page. Ou, à tout le moins, il devrait être utilisé pour concevoir le moins de nombre d'éléments possibles. Le style avec JavaScript peut causer des comportements étranges, comme un décalage entre la charge de la page et le style de page (comme expliqué Ici ). En outre, les utilisateurs qui ont des scripts éteints (qui se situent entre Un et trois pour cent de Web Les utilisateurs) ne profiteront sûrement pas de l'expérience de visiter votre site Web.