In deel 2 van deze serie beginnen we met de HTML / CSS-conversie van de Photoshop-mockup die we in deel één hebben gemaakt. We beginnen met een zeer skeletachtig projectraamwerk. Vervolgens kijken we naar de organisatie van de Photoshop-bestandslaag. Vervolgens beginnen we van onderaf, maken we de stukken die we nodig hebben uit het Photoshop-bestand en schrijven we de HTML en CSS die we nodig hebben om de klus te klaren. Veel van het werk is niet echt het Photoshop-bestand "in plakken snijden", maar er goed naar kijken en proberen na te bootsen wat daar wordt gedaan met de juiste markup- en CSS-technieken.
Links van video:- Kailin Yong-site
- jQuery voorafgaan
- Deel 1: Photoshop-model
- Deel 2: HTML / CSS-conversie
- Deel 3: WordPress-thema