Plans futurs pour les thèmes Telerik et Kendo UI LESS

En savoir plus sur la façon dont les thèmes Telerik et Kendo UI LESS seront obsolètes dans un an et comment cela vous affectera.

Aujourd'hui, nous annonçons que dans un an, avec R1 2023, l'interface utilisateur Telerik et Kendo Les thèmes LESS cesseront officiellement de recevoir des mises à jour. Avec cette annonce, nous recommandons à tout client utilisant les thèmes LESS de migrer vers un thème équivalent basé sur Sass, un effort qui peut être aussi simple que de changer une seule référence de fichier CSS.

Dans cet article de blog, nous irons dans les détails de ce que sont réellement les thèmes LESS, pourquoi ce changement se produit et comment cela peut potentiellement vous affecter.

Table des matières

1. Quels sont les thèmes LESS ? Est-ce que j'utilise les thèmes LESS ?
2. Qu'arrive-t-il aux thèmes LESS ?
3. Pourquoi les thèmes LESS sont-ils obsolètes en 2023 ?
4. Comment cela m'affecte-t-il ?
5. Comment migrons-nous depuis les thèmes LESS aux thèmes Sass ?
6. Qu'en est-il de l'interface utilisateur Kendo pour les thèmes Mobile LESS ?
7. Aller de l'avant

Quels sont les thèmes LESS ? Est-ce que j'utilise les thèmes LESS ?

Les thèmes Telerik et Kendo UI LESS étaient les thèmes originaux de Kendo UI, publiés avec la bibliothèque en 2010. Pendant ce temps, les développeurs disposaient de quelques options pour le prétraitement CSS, avec LESS et Sass étant au premier plan. Lors de la sortie initiale de Kendo UI, LESS était la solution la plus populaire, c'est pourquoi elle a été choisie comme approche du style et du thème des composants Web Kendo UI et Telerik UI.

Les thèmes LESS ne sont disponibles que pour styliser un sous-ensemble de les bibliothèques de composants Telerik et Kendo UI disponibles. Plus précisément, les thèmes LESS ne sont disponibles que lors de l'utilisation des produits suivants :

• Kendo UI for jQuery
• Telerik UI for ASP.NET MVC
• Telerik UI for ASP.NET Core

If you are pas en utilisant l'un de ces produits, les informations contenues dans ce billet de blog ne vous affecteront pas.

Si vous utilisez l'un des produits ci-dessus, il existe un moyen de comprendre si vous utilisez le MOINS de thèmes en passant en revue le format des fichiers CSS que vous avez inclus dans vos applications. Si vous utilisez plusieurs fichiers CSS liés à l'interface utilisateur de Kendo, vous utilisez très probablement les thèmes LESS. Ces fichiers utilisent les modèles de dénomination suivants :

• kendo.common.min.css
• kendo.[theme-name].min.css
• kendo.mobile.min.css
• kendo.rtl.min.css

Si vous n'utilisez pas une combinaison de fichiers nommés comme ci-dessus et utilisez à la place un seul fichier CSS comme kendo.default.min.cssalors vous utilisez les thèmes Sass et cet article de blog peut être ignoré.

Qu'arrive-t-il aux thèmes LESS ?

Les thèmes basés sur LESS recevront les options de rendu mises à jour de la même manière que les thèmes basés sur Sass tout au long de 2022. J'ai mentionné ces options de rendu dans le "Améliorations à venir pour les thèmes de l'interface utilisateur Telerik et Kendo en 2022 » article de blog.

Cependant, après 2022, nos plans sont de officiellement déprécier les thèmes basés sur LESS avec la version R1 2023 (janvier 2023) . Après R1 2023, les thèmes LESS fonctionneront toujours, mais les nouveaux composants et fonctionnalités de l'interface utilisateur ne seront pas reflétés dans les thèmes, ce qui peut empêcher les mises à niveau à l'avenir.

Avec cette annonce, nous recommandons à nos utilisateurs de planifier une migration depuis LESS. thèmes vers les thèmes Sass, le cas échéant.

Notre objectif avec cet effort est de garantir que toute personne utilisant les thèmes LESS a suffisamment de temps pour migrer vers les thèmes Sass, tout en apportant simultanément de grandes améliorations aux thèmes LESS pour les laisser dans un bon place pour les personnes qui ne peuvent pas migrer, afin qu'elles puissent profiter des améliorations sur lesquelles nous travaillons en 2022. ]dans de nombreux cas, la migration peut être aussi simple que de changer une seule référence CSS.

Pour ceux qui ont créé des thèmes plus personnalisés basés sur les thèmes LESS, ces ressources de migration, ainsi que notre supp ort, devrait aider à planifier et à exécuter tout effort de migration tout au long de 2022 et jusqu'en 2023.

Pourquoi les thèmes LESS sont-ils obsolètes en 2023 ?

Depuis que nous avons introduit les thèmes basés sur Sass, nous avons vu de plus en plus de nos clients base migrent leurs thèmes pour utiliser ce format plus récent et plus populaire. Nous avons également vu l'industrie s'éloigner de LESS pour se tourner vers Sass.

Au-delà du changement naturel au sein de l'industrie, nous sommes également arrivés à un point où le maintien des thèmes basés sur LESS devient de plus en plus consommateur de temps et de ressources. Au départ, ces thèmes basés sur LESS étaient tous uniques et créés à partir de zéro, ce qui a créé plus de 12 thèmes uniques. Les thèmes ont été architecturés de telle manière qu'ils n'ont pas grand-chose en commun, ce qui signifie que l'introduction d'une nouvelle fonctionnalité, d'un nouveau composant ou simplement d'une conception mise à jour d'un composant d'interface utilisateur doit être recréée plus de 12 fois pour s'assurer que chaque MOINS Le thème peut rendre ce nouvel ajout de manière appropriée.

Lorsque nous avons créé les thèmes basés sur Sass, nous avons compris que recréer plus de 12 thèmes n'était pas durable, et à la place, nous avons écrit les thèmes basés sur Sass pour partager un code commun et les avons construits pour gérer plus de conceptions par thème. Cela a introduit le concept d'un "échantillon" qui peut permettre au thème par défaut de couvrir plusieurs des thèmes existants basés sur LESS avec une apparence et une sensation équivalentes en modifiant simplement les variables Sass au lieu de créer un thème entièrement nouveau.

Nous en voyons également plus. demandes de nouveaux thèmes et langages de conception de nos clients, y compris Fluent et Tailwind CSS. La création d'un nouveau thème nécessite un nouveau rendu pour plus de 100 composants, ce qui prend également beaucoup de temps et de ressources. Nous voulons être en mesure de libérer des ressources pour nous assurer que nous pouvons couvrir le support actuel et futur du thème et du langage de conception.

Avec tout cela à l'esprit, nous pensons que c'est le meilleur moment pour nos clients et nos équipes à passer à l'utilisation des thèmes basés sur Sass. Nous aborderons ce à quoi vous pouvez vous attendre lorsque vous envisagez de passer de LESS à Sass.

Notre recommandation est de planifier une migration des thèmes LESS que vous utilisez aujourd'hui vers l'un des thèmes Sass. Nous espérons qu'étant donné l'année complète à venir, plus le fait que les thèmes basés sur LESS continueront d'être mis à jour tout au long de 2022, donneront aux utilisateurs une large piste pour migrer d'un format de thème à l'autre.

Développeurs qui utilisent le MOINS de thèmes tels quels (pas de personnalisation supplémentaire)

Si vous êtes un développeur qui n'inclut qu'un de nos thèmes prêts à l'emploi sans aucun changement, cette transition sera facile. Le passage à un thème Sass peut se faire simplement en modifiant le fichier CSS inclus que vous avez dans l'une de vos applications. Si vous utilisez l'un des thèmes LESS au-delà de Default, Bootstrap ou Material, vous pouvez utiliser les échantillons de couleurs disponibles d'un thème Sass pour obtenir la même apparence. Nos démos en ligne comportent toutes ces échantillons, alors n'hésitez pas à utiliser le sélecteur de thème dans n'importe quelle démo pour comparer et contraster les thèmes afin de sélectionner votre favori.

Certains d'entre vous utilisent peut-être le CDN de l'interface utilisateur de Kendo afin d'inclure les thèmes MOINS, et la bonne nouvelle pour vous est que nous continuerons à ajouter de nouvelles versions des fichiers CSS que vous incluez déjà et que vous mettez à jour à chaque version. Cependant, au lieu d'être généré par les thèmes LESS, vous utilisez plutôt le CSS généré par nos thèmes Sass. Cela devrait simplement être une question de mise à jour d'un nom de chaîne pour inclure le nouveau thème, comme vous l'avez fait dans le passé.

Développeurs qui ont personnalisé les thèmes LESS pour créer un thème personnalisé

dans les fichiers LESS pour personnaliser leur apparence en utilisant les variables disponibles dans ces thèmes, vous devrez faire la même chose pour n'importe quel thème Sass. Étant donné que de telles personnalisations peuvent être importantes, je ne peux pas dire exactement ce que cet effort implique, mais notre recommandation est de documenter les modifications que vous avez apportées et de commencer la migration en implémentant les mêmes modifications sur l'un de nos thèmes basés sur Sass.

Développeurs Qui personnalise les composants de l'interface utilisateur de Kendo en remplaçant les classes CSS

Si vous êtes un développeur qui écrit du CSS en ligne ou avez ajouté un fichier CSS personnalisé qui personnalise nos composants d'interface utilisateur en remplaçant les styles générés sur la page, ou même en regardant au niveau de la structure HTML de la page, vous devrez prévoir du temps supplémentaire autour de la migration. Tout l'effort d'ajout d'options supplémentaires pour tous les composants nécessite que notre équipe mette à jour les classes HTML et CSS rendues, ce qui signifie que, selon la manière exacte dont vous avez effectué cette personnalisation, vous devez réécrire ces règles avec le nouveau rendu.

Notre espoir est qu'entre les mises à jour que nous apportons aux options des composants, ainsi que la documentation que nous déployons, vous n'aurez pas besoin d'adopter l'approche prioritaire à l'avenir. Au lieu de cela, vous pouvez travailler avec les variables et options Sass disponibles et éviter d'inspecter tout notre rendu HTML.

Comment migrer des thèmes LESS vers les thèmes Sass ?

Tout au long de 2022, nous publierons des ressources supplémentaires pour aider les clients. migrer des thèmes basés sur LESS vers des thèmes basés sur Sass. Ces ressources évolueront au fil de l'année et seront également construites en fonction des commentaires des clients en cours de route. -est. La migration dans ce cas serait simplement une question de changement d'une référence de fichier CSS. Pour tous les autres, les ressources que nous déploierons tout au long de l'année devraient aider à préparer la migration sur la route. composants d'interface utilisateur distincts ciblant le développement d'applications mobiles hybrides via des frameworks tels que Cordova. Ceux-ci étaient destinés à être utilisés uniquement lors de la création d'applications mobiles hybrides ou de la méthode désormais obsolète de service d'un site Web spécifique aux mobiles (par exemple, mywebsite.com/m/ ou m.mywebsite.com) qui tentait de reproduire l'apparence d'une application native pour iOS ou Android. Ces composants d'interface utilisateur ont également été thématisés à l'aide de thèmes LESS qui tentaient de reproduire l'apparence des composants iOS et Android natifs. ]ce qui signifie qu'ils cesseront de recevoir des mises à jour.

Cela signifie que les thèmes LESS de l'interface utilisateur hybride Kendo UI Mobile continueront de fonctionner dans leur état actuel, mais nous n'ajouterons pas de nouvelles fonctionnalités ou de correctifs à ces composants. Nous continuerons à fournir des informations sur ce qui peut être fait avec les composants d'interface utilisateur hybrides pour le développement futur, mais la recommandation courte et douce est de migrer vers l'un des composants "Kendo UI Web" équivalents avec leur réactivité intégrée pour recréer le même fonctionnalité dans vos applications.

Aller de l'avant

L'histoire des thèmes d'interface utilisateur Telerik et Kendo en 2022 et au-delà est passionnante. La semaine dernière, j'ai publié un article sur les Améliorations à venir pour les thèmes de l'interface utilisateur Telerik et Kendo en 2022qui est une évolution du style des composants Web de l'interface utilisateur Telerik et Kendo qui rendra les thèmes basés sur Sass mieux adaptés à l'interface utilisateur moderne. et développement UX.

La dépréciation des thèmes LESS dont j'ai parlé dans cet article de blog aidera à rationaliser les options de thème et à se concentrer sur nos clients et les équipes Telerik et Kendo UI elles-mêmes.

En combinant ces deux efforts, comme ainsi que l'évolution continue des Kits Figma Telerik et Kendo UI et d'autres ressources de conception, l'avenir s'annonce prometteur pour la conception et le style de toutes les bibliothèques de composants Web Telerik et Kendo UI !