PSD to HTML 5.1) Final Thoughts

Previous: PSD to HTML 4.6) jQuery Navigation

Next: This is the Most last Tutorial

PSD to HTML Complete Course

Transcription of PSD to HTML 5.1) Final Thoughts

come a long way since we started this series and we’ve created a website fromhello and welcome back to the PSD to HTML responsive portfolio build we’vecome a long way since we started this series and we’ve created a website fromscratch using these designs that were created in an earlier video course so wehave our large version and are small version we completely reorder torestructure the content as we resize the browser and now we’re able to say thatwe are responsive design masters and as we resizer browser here we can see thatthings change shape they shift around as we jump towards the bottom we can seeour backgrounds shifting we can see your columns collapsing and and we were ableto do this all using HTML CSS and just a little bit of jQuery to create our ownlittle animated menu once we get down to the smaller size so I hope you’velearned a lot from this seriesnot just about how to create this specific design but how to think throughyour designs as your building them and how to create responsive designs as youread about responsive design you’ll see a lot of suggestions about where tocreate your break points how many media queries to use and things like that butoften it just comes down to what your content demands sometimes your contentmight not need all the responsive break points that everyone is suggesting butwhat you want to do is you wanna look at those different break points becausepeople have come up with his break points for a reason they’re break pointsfor a tablet sized browser in landscape and portrait there are break points fordifferent cell phone sizes for smartphones sizes and you want to makesure that your site looks good at all sizes and again that really comes downto what your content demands and this particular site we were able to get awaywith only using twomedia queries but we were able to do a lot using those two query so again hopeyou’ve learned a lot from this and I hope you find some creative ways toapply what we’ve learned here to your own work to gain hope you’ve enjoyedthis series my name is craig Campbell and I’ll see you next time thanks forwatching