J'ai quasiment fini, désolé du temps que ça a pris j'ai eu des empêchement, voici une capture de la dernière version :
L'application gère le multi CSS et l'analyse de plusieurs pages HTML (il garde en mémoire les class et id trouver précédemment, il suffit juste d'analyser un autre fichiers pour qu'automatiquement les nouveaux soit implémenter)
Plus qu'a mettre en place la comparaison et de gérer certains cas
On peut également!
Tu peux aussi bien mettre "http://monsite.truc.fr" que "C:/Users/Documents/MonSiteAwesome/index.html" ! (le lien doit être absolu, il peut aussi être aussi relatif mais il dois être mis dans le répertoire du logiciel dans ce cas)
Dis moi si ça te convient et si tu as des questions n’hésite pas
Qu'ensuite je te fasse une build et que je te l'envoie, le logiciel est très basique encore une fois et risque de ne pas fonctionner en cas d'utilisation pousser de JavaScript et de PHP (je te conseille d'utiliser l'URL de ton serveur local plutôt que le fichier sur ton disque en cas d'utilisation de PHP pour cette raison (afin que le PHP disparaisse au profit d'un HTML simple, car bon j'ai tester mon programme sur le code source d'un site que j'ai coder en PHP + MySQL et il a trouver des tonnes de class et d'id inexistant))
D'ailleurs tes class et tes id doivent être entouré par des "" ou des '' pour que le programme les repèrent!
Edit : je viens de tester un peu avec la feuille de style principal d'IndieMag, la reconnaissance du CSS marche presque!
Malheureusement il y a quelques class et quelques id en trop (commentaires pas encore pris en compte notamment donc si il y a un point/dièse dedans il est pris en compte ainsi que les @import qui finissent par .css par exemple et qui est donc considéré comme une class) car pour l'instant mon système pour lire les class/id est assez basique, si le curseur n'est pas dans un espace entre accolade et si il y a un point ou un diese alors commencer la lecture de l’élément, mais du coup certain cas ne sont pas prévu pour le moments
Je n'ai pas un code HTML très complexe, et je n'utilise pas de PHP, et je crois qu'il y a un peu de JS.
Mais donc, rien de bien compliqué, ton logiciel devrait bien pouvoir tout détecter
J'en profite pour demander un truc qui n'a aucun rapport :
J'ai une version mobile du site, et sur la page d'accueil j'ai une image. J'ai dû régler sa taille selon mon smartphone parce que la taille initiale (celle pour le web), était bien trop grande.
Maintenant, la taille de l'image est fixe. Le problème, c'est que sur un autre appareil que mon iPhone, elle pourra être un peu trop grande ou un peu trop petite.
Donc, comment régler la taille de l'image en fonction de la taille de l'écran ?
Et aussi, est-ce que je peux avoir ce même problème avec une version web mais sur un autre PC ?
D'ailleurs, voici le site, je l'ai "fini" hier donc il est maintenant plus facile d'accès : VPConseil
Dites moi ce que vous en pensez
Je te conseille de jeter un oeil à l'attribut d'image srcset qui permet de proposer différentes images suivant la taille de celle qui doit être affichée. Seule celle nécessaire sera chargée, permettant donc de limiter la taille de tes images pour un écran n'ayant pas besoin d'une grande résolution.
Merci bien ! Je n'ai pas utilisé ça, mais une recherche de "srcset" m'a permit de trouver un autre moyen de le faire, plus simple mais moins efficace.
J'utilise tout simplement :
Donc bon, même si ça n'est pas aussi efficace que le srcset, ça me convient ! Si un jour ça pose problème, je penserai à ta solution ! En tout cas merci bien
EDIT : tiens, d'ailleurs, en écrivant un code comme ci-dessus, je vois des balises HTML "<br />" qui s'ajoutent à ce que j'ai écrit. Un petit bug je suppose donc
Là tu n'as fait qu'adapter la taille d'affichage de l'image à l'espace disponible, mais ça veut dire que tu charges toujours une seule et même image quelque soit la taille nécessaire. Donc une image de 2Mo sera chargée que tu l'affiches en taille 1000x1000 ou 50x50 pixels. Pour les supports mobiles ou avec une faible connexion, ou encore avec un crédit data, ils vont te détester
Ce dont je te parlais te faisait créer deux variations à ton images par exemple, qui feraient respectivement 500ko et 500x500 en taille, et 80ko pour 150x150 par exemple. Ce qui fait que suivant la taille disponible, il affiche l'image la plus adaptée et donc la plus légère qui ne diminue pas la qualité. Une taille de 300px dispo afficherait l'image 500x500 par exemple.
Rien de tout ça, ou alors je ne le sais pas
J'ai quasiment fini, désolé du temps que ça a pris j'ai eu des empêchement, voici une capture de la dernière version
:
L'application gère le multi CSS et l'analyse de plusieurs pages HTML (il garde en mémoire les class et id trouver précédemment, il suffit juste d'analyser un autre fichiers pour qu'automatiquement les nouveaux soit implémenter)
Plus qu'a mettre en place la comparaison et de gérer certains cas
Bravo !
Juste, on peut uniquement analyser des fichiers html/css en ligne ou on peut aussi analyser ceux de notre disque dur ?
On peut également!
Tu peux aussi bien mettre "http://monsite.truc.fr" que "C:/Users/Documents/MonSiteAwesome/index.html" ! (le lien doit être absolu, il peut aussi être aussi relatif mais il dois être mis dans le répertoire du logiciel dans ce cas)
Oui nan mais c'est parfait déjà, je me débrouillerai avec ça !
Voici une vidéo de démo du logiciel :
Dis moi si ça te convient et si tu as des questions n’hésite pas
Qu'ensuite je te fasse une build et que je te l'envoie, le logiciel est très basique encore une fois et risque de ne pas fonctionner en cas d'utilisation pousser de JavaScript et de PHP (je te conseille d'utiliser l'URL de ton serveur local plutôt que le fichier sur ton disque en cas d'utilisation de PHP pour cette raison (afin que le PHP disparaisse au profit d'un HTML simple, car bon j'ai tester mon programme sur le code source d'un site que j'ai coder en PHP + MySQL et il a trouver des tonnes de class et d'id inexistant))
D'ailleurs tes class et tes id doivent être entouré par des "" ou des '' pour que le programme les repèrent!
Edit : je viens de tester un peu avec la feuille de style principal d'IndieMag, la reconnaissance du CSS marche presque!
Malheureusement il y a quelques class et quelques id en trop (commentaires pas encore pris en compte notamment donc si il y a un point/dièse dedans il est pris en compte ainsi que les @import qui finissent par .css par exemple et qui est donc considéré comme une class) car pour l'instant mon système pour lire les class/id est assez basique, si le curseur n'est pas dans un espace entre accolade et si il y a un point ou un diese alors commencer la lecture de l’élément, mais du coup certain cas ne sont pas prévu pour le moments
Je n'ai pas un code HTML très complexe, et je n'utilise pas de PHP, et je crois qu'il y a un peu de JS.
Mais donc, rien de bien compliqué, ton logiciel devrait bien pouvoir tout détecter
J'en profite pour demander un truc qui n'a aucun rapport :
J'ai une version mobile du site, et sur la page d'accueil j'ai une image. J'ai dû régler sa taille selon mon smartphone parce que la taille initiale (celle pour le web), était bien trop grande.
Maintenant, la taille de l'image est fixe. Le problème, c'est que sur un autre appareil que mon iPhone, elle pourra être un peu trop grande ou un peu trop petite.
Donc, comment régler la taille de l'image en fonction de la taille de l'écran ?
Et aussi, est-ce que je peux avoir ce même problème avec une version web mais sur un autre PC ?
D'ailleurs, voici le site, je l'ai "fini" hier donc il est maintenant plus facile d'accès : VPConseil
Dites moi ce que vous en pensez
Je te conseille de jeter un oeil à l'attribut d'image srcset qui permet de proposer différentes images suivant la taille de celle qui doit être affichée. Seule celle nécessaire sera chargée, permettant donc de limiter la taille de tes images pour un écran n'ayant pas besoin d'une grande résolution.
Trop de stress pour un si petit renard.
Merci bien ! Je n'ai pas utilisé ça, mais une recherche de "srcset" m'a permit de trouver un autre moyen de le faire, plus simple mais moins efficace.
J'utilise tout simplement :
Donc bon, même si ça n'est pas aussi efficace que le srcset, ça me convient ! Si un jour ça pose problème, je penserai à ta solution ! En tout cas merci bien
EDIT : tiens, d'ailleurs, en écrivant un code comme ci-dessus, je vois des balises HTML "<br />" qui s'ajoutent à ce que j'ai écrit. Un petit bug je suppose donc
Là tu n'as fait qu'adapter la taille d'affichage de l'image à l'espace disponible, mais ça veut dire que tu charges toujours une seule et même image quelque soit la taille nécessaire. Donc une image de 2Mo sera chargée que tu l'affiches en taille 1000x1000 ou 50x50 pixels. Pour les supports mobiles ou avec une faible connexion, ou encore avec un crédit data, ils vont te détester
Ce dont je te parlais te faisait créer deux variations à ton images par exemple, qui feraient respectivement 500ko et 500x500 en taille, et 80ko pour 150x150 par exemple. Ce qui fait que suivant la taille disponible, il affiche l'image la plus adaptée et donc la plus légère qui ne diminue pas la qualité. Une taille de 300px dispo afficherait l'image 500x500 par exemple.
Trop de stress pour un si petit renard.
Pages