Jusqu'à présent, le site Web ne ressemble pas du tout à notre conception Photoshop. Dans ce screencast, nous cherchons à faire exactement cela, en commençant par le haut avec notre zone d'en-tête et de logo. Cela fait du bien d'avoir un peu d'un «vrai» début sur la construction visuelle du site.
Nous utilisons Frank DeLoupe comme sélecteur de couleurs, qui est bien intégré à Photoshop (il fait de la couleur que vous choisissez la couleur active dans Photoshop, ainsi que copiée dans votre presse-papiers).
À un moment donné, nous modifions la configuration Sass / Compass pour compiler le CSS au :expanded lieu de :compressedvoir le CSS réel généré pour des raisons de débogage.
Nous devons utiliser un peu notre cerveau pour savoir comment les choses seront placées et réagir à la nature fluide d'une fenêtre de navigateur. Par exemple, le journal doit toujours toucher le coin supérieur gauche.
Nous faisons énormément de changements autour des valeurs pour faire les choses correctement, ainsi que d'ajouter de petits détails ici et là pour rendre les choses plus belles, comme ajouter de légères ombres à l'effet de pile de papier.