Welcome to the Treehouse Community
Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.
Looking to learn something new?
Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.
Start your free trial
glenn romaniuk
32,520 Pointsthe art of web design advice
I've been working the windows/web based application side of this industry for some time now and am working through the 'website project' to strengthen my client side technology skills.
Back in the day I recall web pages being designed like graphics in Photoshop and Illustrator. Then the page would be broken down in to logical pieces using slicing. Made sense when illustrations needed to span one or two grids. What if the illustrations overlap. How do you do this these days with fluid design. Do you draw a concept on a piece of paper and then start playing around with styles to manipulate it into something descent? Whats the process/tools being used to vision out the actual page? Do you actually use a text editor and just flip between that and the browser and refine the design or is there some magical suite of tools. I've had this question on my mind for some time please enlighten me.
I'm finding some great material that is helping me to deploy my apps to post pc type devices. I'm working my way thru the web development series
5 Answers
Chad Shores
Courses Plus Student 8,868 PointsWatch this awesome video; I believe it will answer most of your questions.http://www.youtube.com/watch?v=vsTrAfJFLXI
James Barnett
39,199 PointsDo you actually use a text editor and just flip between that and the browser and refine the design
In a word, "Yes"
I usually go through a process something like this.
- Draw / Wireframe the page
- Write the HTML
- Write the CSS
- See how it looks in the browser
- Iterate as necessary
glenn romaniuk
32,520 PointsCharles Shores - great webcast
glenn romaniuk
32,520 PointsJames Barnett
Your first step is (Draw / Wireframe the page). Do you simply hand sketch the proposed page on a piece of paper. Is that what you mean? Or do you use some type of tool that helps you to vision out the page?
How do you deal with complex pages where illustrations are divided up between multiple div's and and whats the technique to slice them up and align them in a responsive design? I'm kinda having a hard time with getting my head around how to do this effectively.
James Barnett
39,199 PointsIf you are a gold member you can watch this mini-course on mockups for responsive design
How do you deal with complex pages where illustrations are divided up between multiple div's and and whats the technique to slice them up and align them in a responsive design
That's why you don't slice images any more in "modern" web design. Maybe checking out the CSS Foundations - 2nd ed course to give you a better idea of how pages are made in the post-image slicing world.