हम निश्चित रूप से इस डिज़ाइन के लिए फ़ोटोशॉप में हमेशा के लिए "काम" नहीं कर रहे हैं, लेकिन ब्राउज़र में इस डिज़ाइन को बनाना शुरू करने के लिए हमारे पास काम करने के लिए पर्याप्त है। आखिरकार, यह एक ऐसी वेबसाइट है जिसका हम निर्माण कर रहे हैं एक वेबसाइट की तस्वीर नहीं (जैसा वे कहते हैं)।
हम एक फ़ोल्डर बनाते हैं जो इस परियोजना के लिए घर होगा और फिर मैन्युअल रूप से एक परियोजना के सभी मूल तत्वों का निर्माण करेगा: एक index.html फ़ाइल, संसाधन फ़ोल्डर, और इसी तरह। हम HTML5 बॉयलरप्लेट का उपयोग कर सकते थे, लेकिन यह तय किया कि स्क्रैच से लिखना सबसे अच्छा होगा, फिर वापस जाएं और संदर्भ लें कि यह सुनिश्चित करने के लिए कि हम भविष्य में कुछ भी याद नहीं करते हैं।
हम अपने प्रोजेक्ट फ़ोल्डर को देखने के लिए CodeKit सेट करते हैं। इस तरह से हम जो भी प्रीप्रोसेसर भाषाएं चाहते हैं, उन अन्य ठंडी चीजों में काम कर सकते हैं, जो कोडकिट हमारे लिए करेगी। कोडकिट हमारे लिए सीधे ब्राउज़र में नए संकलित सीएसएस को इंजेक्ट करता है, जो विकास के दौरान एक बड़ी गति सहायक है।
हम Sass की बहुत बुनियादी अवधारणाओं का परिचय देते हैं, जिसका उपयोग हम पूरे प्रोजेक्ट में करेंगे।