Your SlideShare is downloading. ×
0
How to make a website that doesn't suck in under an hour AIGA
How to make a website that doesn't suck in under an hour AIGA
How to make a website that doesn't suck in under an hour AIGA
How to make a website that doesn't suck in under an hour AIGA
How to make a website that doesn't suck in under an hour AIGA
How to make a website that doesn't suck in under an hour AIGA
How to make a website that doesn't suck in under an hour AIGA
How to make a website that doesn't suck in under an hour AIGA
How to make a website that doesn't suck in under an hour AIGA
How to make a website that doesn't suck in under an hour AIGA
How to make a website that doesn't suck in under an hour AIGA
How to make a website that doesn't suck in under an hour AIGA
How to make a website that doesn't suck in under an hour AIGA
How to make a website that doesn't suck in under an hour AIGA
How to make a website that doesn't suck in under an hour AIGA
How to make a website that doesn't suck in under an hour AIGA
How to make a website that doesn't suck in under an hour AIGA
How to make a website that doesn't suck in under an hour AIGA
How to make a website that doesn't suck in under an hour AIGA
How to make a website that doesn't suck in under an hour AIGA
How to make a website that doesn't suck in under an hour AIGA
How to make a website that doesn't suck in under an hour AIGA
How to make a website that doesn't suck in under an hour AIGA
How to make a website that doesn't suck in under an hour AIGA
How to make a website that doesn't suck in under an hour AIGA
How to make a website that doesn't suck in under an hour AIGA
How to make a website that doesn't suck in under an hour AIGA
How to make a website that doesn't suck in under an hour AIGA
How to make a website that doesn't suck in under an hour AIGA
How to make a website that doesn't suck in under an hour AIGA
How to make a website that doesn't suck in under an hour AIGA
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

How to make a website that doesn't suck in under an hour AIGA

826

Published on

Published in: Technology, Design
1 Comment
0 Likes
Statistics
Notes
  • Be the first to like this

No Downloads
Views
Total Views
826
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
9
Comments
1
Likes
0
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • Transcript

    • 1. with Matt Ladner | @netfuel
    • 2. Who is a one hour website for?
    • 3. This website is NOT for:• A client that needs several page templates.• A client that is unclear about what they need in a website.• A designer that has the time and budget to build a highly customized experience.
    • 4. This website is for:
    • 5. This website is for: MICAH!• Has a limited time and budget.• Needs it to work well on mobile devices and tablets.• Needs a clean and professional way to present himself in a rather hassle free website.
    • 6. Lets gather some resources.
    • 7. We have the following:• Images of Mica’s work.• His contact information.• He has given us some examples of sites he likes and we have some ideas for esthetics.
    • 8. We need the following:• To pick a framework to build the site on.• To build the layout of the site.• Add buttons and calls to action.• Test the site.
    • 9. What is a framework?The framework is a pre built set ofcode that aims to alleviate theoverhead associated with commonactivities performed in Webdevelopment.
    • 10. What makes it awesome? It allows us to layout and build websites extremely fast without having to start from scratch. It also lets us make things adjust for mobile and tablets very easily.
    • 11. Show me some...
    • 12. Less Framework http:// lessframework.com/• Is awesome for experienced web monkeys.• Has great typography.• Works great on all devices.
    • 13. 1140 CSS Grid http://cssgrid.net/• Is easy for beginners.• Accommodates large screens.• Comes with a Photoshop template for you to build on.
    • 14. Skeleton Frameworkhttp://getskeleton.com/• Simple Simple Simple.• Looks Great out of the box.• Has lovely typography.
    • 15. Hundreds more exist.
    • 16. So back to this guy:
    • 17. He needs a site to get him a job!• Lets list a small portfolio of work.• Some featured work.• List his skills• Have some contact information.
    • 18. Lets get down to business
    • 19. Stop...Resource Time!
    • 20. Coda for Machttp://panic.com/coda/Any text based editor willdo. I prefer Coda becauseof its clips feature.
    • 21. Coda Clipshttp://coda-clips.comLots and lots of prebuildclips for you!
    • 22. JumpCut for Machttp://jumpcut.sourceforge.net/Any text based editor willdo. I prefer Coda becauseof its clips feature.
    • 23. Ditto for Windowshttp://sourceforge.net/projects/ditto-cp/I have not tested this butit comes highlyrecommended and isopen source (free)
    • 24. Google Web Fontshttp://www.google.com/webfontsHundreds of awesomefonts for use on ANYwebsite.
    • 25. HTML Ipsumhttp://html-ipsum.com/Ipsum for HTML Code.Clips are included withthe tutorial.
    • 26. CSS3 ButtonsA library of pre built andcoded buttons. Justattach the style sheet!
    • 27. Subtle Patternshttp://subtlepatterns.com/Awesome, Subtlebackgrounds that repeatwith ease! They alsoinclude a photshop file.
    • 28. Wufoohttp://wufoo.com/Really simple forms forany website.
    • 29. Type Kithttp://www.typekit.comAwesome web fonts fromthe worlds bes foundries.
    • 30. slideshare:resources download:test site URL:
    • 31. @netfuel ( if your brave )@lokion ( if your smart )

    ×