Nous nous embarquons dans le grand voyage qui est le pied de page! CSS-Tricks a toujours eu un grand pied de page sophistiqué et cette conception ne fera pas exception. Ce n'est cependant pas purement gratuit. Nous avons beaucoup de choses qui méritent vraiment au moins un lien sur le site (par exemple, des liens de médias sociaux, des liens de contact, d'autres projets sur lesquels je travaille, etc.) et le pied de page est l'endroit idéal pour ceux-ci.
Nous incorporons le logo astérisque classique CSS-Tricks là-bas au lieu de l'en-tête qui est assez occupé. Mais d'abord, nous avons déclenché le pied de page avec une sorte d'effet d'assombrissement et d'ombre portée pour le faire ressortir de la zone supérieure.
Nous finissons par utiliser la forme de l'astérisque comme masque pour révéler une photo de moi en dessous. Nous noir et blanc ma photo et passons par l'outil de Photoshop pour faire ce qui peut entraîner des résultats en noir et blanc beaucoup plus agréables que la simple suppression des informations de couleur. Ensuite, nous appliquons un filtre photo très épais de couleur de marque sur le dessus pour étendre la marque et la cohérence du design.