Ενώ βλέπουμε το πρότυπο Photoshop, γράφουμε αρχίζουμε να γράφουμε HTML για να περιγράψουμε αυτό που εξετάζουμε. Φυσικά χρησιμοποιούμε HTML5 όποτε έχει νόημα να μένουμε όσο το δυνατόν πιο σημασιολογικά. Για παράδειγμα, χρησιμοποιούμε το στοιχείο για την ημερομηνία δημοσίευσης του , γιατί, ξέρετε, είναι έξυπνο και σημασιολογικό.
Πατάμε λίγο χρησιμοποιώντας το Zen Coding και μεταβαίνουμε στο CodePen επειδή το έχει ενσωματωμένο. Επίσης, η εντολή κάνοντας κλικ στο Sublime Text 2 είναι καταπληκτική.
Χρησιμοποιούμε σχόλια HTML (προς το παρόν) για να δηλώσουμε τις ετικέτες κλεισίματος που απέχουν πολύ από το αντίστοιχο άνοιγμα. π.χ
… lots of space Για τους τίτλους μας, χρησιμοποιούμε μερικούς πραγματικούς τίτλους από τη ζωντανή ιστοσελίδα, οπότε εργαζόμαστε με κάποιο πραγματικό περιεχόμενο.