Adobe Edge Reflow - Comment obtenir le code?
Je construis un projet en utilisant Reflow. Cela permet de jouer avec la mise en page, de définir les points d'arrêt, etc. Comment puis-je obtenir le code (HTML et CSS) de la page finie?
Il existe une option Aperçu dans Chrome qui crée un aperçu des fichiers, mais le code n'est pas parfait et indique: <!-- This code is only meant for previewing your Reflow design. -->
Vous ne pouvez pas exporter HTML et CSS depuis Reflow pour le moment. De la FAQ sur Adobe Edge Reflow :
Edge Reflow fournit-il des fonctionnalités d'exportation HTML?
Non, mais vous pouvez prévisualiser les conceptions HTML dans les navigateurs Web et expérimenter les comportements réactifs dans les environnements d'utilisateurs finaux.
Également:
Alors qu'Edge Reflow crée du HTML au cours du processus de conception, l'outil vise à permettre aux concepteurs de partager leur intention de conception réactive et à l'extraction de CSS à utiliser par le concepteur ou par un développeur dans le cadre du processus de production du site Web.
Edge Reflow est un outil de prototypage pour le moment, et non un outil de conception Web WYSIWYG offrant une exportation HTML conviviale. Adobe a l'intention de vous en servir comme passerelle entre Photoshop et le codage manuel:
- Créez des ressources artistiques dans Photoshop.
- Simulez votre conception dans Edge Reflow à l'aide d'un véritable moteur de rendu pour navigateur.
- Codez manuellement le dessin vous-même. Copiez CSS en cliquant sur chaque conteneur dans la barre de navigation de Reflow en bas de l'écran si vous avez besoin de:
C'est à peu près aussi bon que vous obtiendrez pour le moment. Est-ce une application de prévisualisation, cependant, il est donc tôt.
De http://forums.Adobe.com/message/5259055
Enregistrez (ou enregistrez sous) votre projet de redistribution actuel. Naviguez dans le dossier du projet et localisez le sous-dossier "assets". À l'intérieur, vous trouverez tout le code HTML, CSS et JavaScript de votre projet.