Der Artikel “ShutterPress: Design & Code A Photo Portfolio Site (Day 2: Slicing & Code Prep)” wird bereitgestellt von:
artViper designstudio – new projects and products in AJAX, mySQL, PHP and Flash
Advertise here I’m a huge fan of photo-centric site designs… so today I’m excited to launch a new “complete site” tutorial that’s geared towards photographers, illustrators, and other visual creatives. In Day 1, we designed the template in Photoshop using some special tricks and techniques. Today, in Day 2, we’ll walk through the final design phase and then do some “pre-flight” preparation for the coding phase, which we’ll go over in detail in Day 3. In Day 4, we’ll show you how to create three completely different sites using the same raw HTML. Intro : Day Two, “Pre-Flight” Preparation Today’s session is going to be relatively quick in terms of technical tricks… but we’ll be going heavy on the “workflow” tips, so pay attention if you’re curious about the phase of a project that happens after design and before the coding begins.
Abgelegt in: Partner-News
Schlagwörter: Ajax, Amp, Assets, Browsers, Code 3, Comments Section, Design Portfolio, Designstudio, Functional Website, Html Conversion, Html Css, Initial Site Design, Intermediate Level, Markup, Mysql Php, New Projects, Photo Portfolio, Psd, Raw
Comments Closed
ShutterPress: Design & Code A Photo Portfolio Site (Day 3: HTML/CSS)
Der Artikel “ShutterPress: Design & Code A Photo Portfolio Site (Day 3: HTML/CSS)” wird bereitgestellt von:
artViper designstudio – new projects and products in AJAX, mySQL, PHP and Flash
Advertise here Today we’re continuing the tutorial series for creating the ShutterPress design by converting it from a raw PSD to a functional website using HTML and CSS. By now, we’ve created the initial site design and gathered the required assets for coding . Now we’re going to actually code it so it’ll work in all major browsers! Intro : Day 3, HTML/CSS Conversion Today is all about converting our PSD design into a fully working HTML site! We’ll walk you through the markup step by step, until we have a site that looks great on all major browsers. We’ll be approaching this from an intermediate level of understanding, so if we move too quickly past any of the basic steps, feel free to ask any specific questions in the Comments section below