2009 17 oktober 2009

Van Photoshop-bestand naar HTML / CSS voor WordPress-serie

Screen shot 2009-10-17 at 4.59.04 PM Ik mis de tijd om mijn dagelijkse blogs lezen als ik vroeger, maar kwam dit geweldige serie van een van mijn favorieten: Chris Coyier, waarvan een site CSS-Tricks geholpen heeft me mateloos.

In de serie neemt hij je van het ontwerp-proces van het maken van een webpagina lay-out, om te snijden en de codering proces - waar CSS maakt het ontwerp tot leven komen. Volgende neemt hij je mee door het proces van integratie van die code in een CMS (content management systeem) zoals WordPress. Op deze manier alles (posts, feeds, updates) zijn dynamisch en locatie breed. Ik hoop dat u zich abonneren op RSS-feed zijn, check out zijn andere blogs en genieten van de serie.

Ik merkte op dat ik hoopte dat er een 4e in de serie om ons het proces in prepping en die coderen voor de foto galerij, contact formulier, winkelwagentje en Twitter feed. We moeten allemaal terug in te checken om te zien!

Deel 1 gaat uit van absolute nul in Photoshop, met slechts een paar die middelen van de klant. Wij ontwerpen de homepage en de huid voor de site.

Screen shot 2009-10-17 at 4.47.42 PM

Deel 2 laat zien hoe slice het ontwerp van Photoshop naar XHTML / CSS.

Screen shot 2009-10-17 at 4.47.28 PM

Deel 3 laat zien hoe om te zetten in een WordPress template.

Screen shot 2009-10-17 at 4.45.57 PM

Delen