Enfin un vrai outil pour les intégrateurs !

Bonjour à tous !

Très bonne nouvelle dans le monde de l'intégration !
Adobe vient de sortir un outil en ligne gratuit, qui permet de lire les psd, les analyser, extraire le css qui correspond à chaque calque et exporter les calque en png / jpg / svg.
Cet outil est actuellement en bêta, donc des améliorations vont arriver progressivement, mais il est déjà très fonctionnel.
Seul reproche que j'ai noté pour l'instant : il manque la gestion des ombres, mais ça devrait arriver bientôt je l'espère.

Voici l'adresse du projet : https://projectparfait.adobe.com
Modifié par Raphi (25 Apr 2014 - 12:22)

Honnêtement je ne comprends pas ce que fait Adobe.
C'est le 4éme projet d'appli dédié au web...

http://muse.adobe.com/
http://html.adobe.com/fr/edge/reflow/
et l'inutile Dreamweaver...
Je ne parle pas de firework

sans parler aussi de toute ces appli pour faire son site en ligne...
https://webflow.com/
http://pinegrow.com/
http://www.webydo.com/

J'ai l'impression que le créneau à la mode c'est :
"fait ton site internet même si tu n'as pas vu une seule ligne de code"...

Bonjour @Heillige Leben,

a écrit :
J'ai l'impression que le créneau à la mode c'est :
"fait ton site internet même si tu n'as pas vu une seule ligne de code"...

Je crois que tu n'a pas compris à quoi servait réélement cet outil dans ces cas là.

Tu ne peux pas créér quoi que ce soit avec, il permet simplement de faciliter la lecture du fichier psd et l'exportation des différentes images pour l'intégrateur.
Le reste du travail est toujours à faire.

Pourquoi s'empêtrer d'un Photoshop au complet pour simplement extraire quelques images, et lire les différentes configuration des calques afin d'obtenir la couleur, les valeurs du dégradé, la font, la taille, etc...

Si le graphiste est également l'intégrateur, alors cet outil ne servira pas à grand chose, mais si l'intégrateur ne connais pas le fichier psd qu'on lui fournis alors cet outil prend tout son sens.

Bonjour,

oui c'est une aide pour intégrateur pro et pas un tout-en-un pour newbie.

Je teste depuis 1H sur les conseils de ma collègue Stéphanie et ma foi ça affiche exactement les infos dont j'ai besoin quand j'ouvre un PSD pour intégrer une page.
Pour autant je vais pas copier width et height dans mes CSS (verticalement je travaille avec font-size puis des padding pour obtenir la même hauteur que dans le PSD. Au pire, cas rarissime avec min-height mais height jamais de jamais)

Les moins :
- c'est encore plus lent d'ouvrir un PSD sur les serveurs d'Adobe qu'avec un de leurs softs (si si c'est possible )
- ça deviendra payant un jour... ah peut-être pas avec la Creative Cloud, ça sera compris dans la taxe Adobe (c'est pas mieux)

Salut Rafi,

Si, il me semble avoir compris à quoi servait cette encore nouvelle application.
Elle ressemble à ça :
http://css3ps.com/
ou ca
http://csshat.com/

Pour préciser ma pensée, j'ai l'impression que dés qu'il y a un nouvel outil pour le web,
Adobe fait une application spécifique pour le copier.

Après, tous le monde prend l'outil qu'il veut.



Felipe, dans les moins on pourrait rajouter :

Pas de gestion des arrondis;
Pas de prefix pour les navigateurs;
Les hauteurs et largeurs incluent les ombres portées...
Les valeurs sont en px uniquement.

Au temps pour moi pour les préfixs !

@Felipe :
Je vais le tester dans les jours à venir de façon pro, afin de me faire un vrai avis dessus.
En effet le but n'est pas de copier bêtement ce que ça génère comme code css. Mais ça permet d'y voir tout de suite plus clair au lieu d'ouvrir chaque onglet de configuration du calque.

Sinon pour ma part, j'ai pas eu de soucis de lenteurs.

a écrit :
- ça deviendra payant un jour... ah peut-être pas avec la Creative Cloud, ça sera compris dans la taxe Adobe (c'est pas mieux)

J'espère pas mais ça risque d'arriver si cet outil devient très utilisé. Mais en même temps un Photoshop CC n'est pas super cher donc si Project Parfait devient payant il devra forcement être 2 à 3 fois moins cher pour que ça reste intéressant, sinon autant prendre un Photoshop CC.

@Heillige Leben : Pour moi le gros avantage c'est qu'on est sur un outil online, donc pas de soucis de compatibilité avec l'OS. Si ce type d'outil s'améliore vraiment bien, alors en entreprise un dev / intégrateur pourrait travailler sur Linux ce qui aujourd'hui n'est pas faisable facilement.
Après cet outil ne va pas révolutionner le travail d'intégrateur en faisant le boulot à sa place. Par contre ça permet de gagner grandement en productivité je pense.

@Heillige Leben, Sans oublier http://macaw.co/ hihi

Concernant le support des ombres j'ai reçu une réponse d'Adobe :

a écrit :

Hi Raphael,

We do have a story in our backlog to support box and text shadows in the future.
Follow us on @projectparfait to hear about new features we push out which will be on a frequent basis.

Donc ça devrais arriver prochainement, en tout cas c'est prévu.

Sinon, concernant le support des autres navigateurs que Chrome, je ne rencontre pas de soucis avec Firefox. Mais bon je verrais ça plus tard à l'usage.

Merci pour cette découverte, ça fait longtemps que j'attends un tel outil de la part d'Adobe.

Ça évitera, quand on est freelance, de payer Photoshop 1000€ pour utiliser que le 100ème de ses fonctions.

J'utilise depuis longtemps CSS Hat couplé à Enigma 64, deux extensions payantes pour Photoshop qui font exactement la même chose, en plus de la possibilité de pouvoir exporter chaque calque indépendamment ! Bien plus pratique pour le dev web que d'uploader son PSDs sur le site !

Je crois que tu n'as pas compris que l'intérêt principal de Parfait est de ne plus avoir besoin de Photoshop si on est simplement intégrateur.