Depuis plusieurs années, PSD2HTML est le principal sponsor de Design Shack. Nous n'aimons pas vous proposer un service à moins que nous l'ayons essayé nous-mêmes pour nous assurer qu'il mérite une recommandation. Un ajout récent à notre réseau de sites, 13 Styles nécessitait une refonte, et j'en ai profité pour utiliser le service PSD2HTML et documenter le processus.
Cet article sera plus qu’une simple révision de PSD2HTML. Nous examinerons l'idée de base de ce type de services et déterminerons quand et pour qui ils sont appropriés. L’honnêteté sera primordiale et j’espère que vous aurez une idée précise de l’utilisation d’un outil PSD en XHTML.
PSD to XHTML Services
PSD2HTML est l'une des premières entreprises à fournir ce service (vous pouvez voir leur communiqué de presse original), mais il existe aujourd'hui un nombre considérable de concurrents dans la région et une recherche Google pour? Psd to html? ramène plus d'un demi-million de résultats. Voici un tableau résumant les principaux acteurs du secteur (une liste plus détaillée est disponible à la section La plupart des tranches):
Nous allons nous concentrer sur PSD2HTML, en vous guidant tout au long du processus et en vous montrant le résultat final.
Le processus
Le processus de commande sur le site est très simple. Plusieurs options sont disponibles, à commencer par un forfait de base ou professionnel. Nous avons opté pour le professionnel, car le codage sémantique, convivial pour les moteurs de recherche, était indispensable. Les autres ajouts facultatifs sont:
- Largeur flexible
- Étirer l'en-tête et le pied de page
- Rollovers et menus dynamiques
- remplacement flash sIFR
- CSS commenté et code XHTML
- Optimisation de la vitesse de chargement
- Intégration au logiciel CMS (WordPress, MT, Drupal, Blogger, CubeCart, par exemple)
Après avoir soumis la commande, nous avons été contactés au début du jour ouvrable suivant pour nous demander de clarifier certaines des caractéristiques du fichier PSD soumis. À la fin de la journée, environ 7 heures plus tard, le balisage était fourni via leur système de vente en ligne. La rapidité de la rotation était incroyablement impressionnante: il faudrait même un concepteur expérimenté bien plus de 6 heures pour coder un site relativement complexe tel que celui que nous avons soumis. Si vous avez besoin de résultats rapidement, ce service semblerait être une excellente ressource.
La vitesse n'est pas le seul facteur, cependant. Nous allons vous montrer, dans son intégralité, le code créé par PSD2HTML pour la nouvelle présentation.
Les resultats
C'est la conception originale de 13 styles:
Et voici une capture d'écran de la nouvelle version créée dans Photoshop:
Vous pouvez voir le site complet via le lien suivant. Il s’agit essentiellement du code exact que nous avons reçu de PSD2HTML. Il faudra encore le personnaliser avant de l’intégrer au véritable site 13 Styles.
Voir le design
N'hésitez pas à jeter un coup d'œil et à juger de la qualité par vous-même. Nous l’avons trouvé génial - bien présenté avec une séparation correcte du contenu et de la présentation et un codage sémantique. Nous ne sommes pas incroyablement faciles à impressionner, mais ce n’était certainement pas un effort précipité de second ordre. Le processus amène la conception Web à un niveau de «production en série», et des normes élevées peuvent être atteintes grâce à un vaste catalogue d'exemples de code et d'extraits de code.
Est-ce que nous les recommandons?
Le service était rapide, efficace, peu coûteux et d'une qualité exceptionnelle. PSD2HTML mériterait certainement d’être pris en compte si vous:
- Sont à court de temps
- Êtes un concepteur qualifié, mais pas un codeur
- Exiger un code de haute qualité, sémantique et valide
- Vouloir avoir un contact personnel bien formé créant le design
On peut faire valoir que la conception ne découle pas de la capacité d'écrire du code, mais plutôt de la possibilité de créer une expérience utilisateur intuitive, simple à utiliser et donnant le message souhaité. En utilisant un tel service, vous êtes libre de vous concentrer sur ces aspects sans vous perdre dans de petits problèmes tels que la compatibilité entre navigateurs.
PSD2HTML nous a impressionnés dans tous les domaines lors du codage du site 13 Styles, et nous n'hésiterions pas à recommander l'utilisation de leur service. Veillez toutefois à ne pas perdre la passion pour la création de vos propres HTML et CSS.
PSD2HTML par psd2html.com