Frugal Web Development Tom Cottrill Development Manager @TomCottrill
Frugal Web DevelopmentSo what are we talking about here? Building Web Sites … and Cheaply. This is intended to be a “building of your toolbox” not an in-depth overview of any one tool.
Frugal Web DevelopmentSeriously, who is this guy, and what’s he babblingabout? And does he know what he’s talkingabout? I am the Development Manager at Fathom, an online marketing firm. I’ve been doing the whole Web/software thing for about 14 years. I’ve seen every kind of good or bad code you can imagine, and used a LOT of software over that time.
Frugal Web DevelopmentThese tools are free or “freemium” webdevelopment resources that may help you inyour projects. I anticipate you’ll find a few youlike, and some you don’t.
Frugal Web DevelopmentThe phases of web designWe’ll be looking at all of these areas from a very high level. Finding work. Convincing someone to let you do work. Communicating with your client. Brainstorming your idea. Wireframing your idea. Designing. Gathering feedback. Coding. Deployment and Hosting.
Frugal Web DevelopmentSome EssentialsThese two you really shouldn’t be running withoutthese days. They make you mobile and agile, andtheir uses cross over a lot of the Webdevelopment steps.
Frugal Web DevelopmentDropboxCloud-based storage available on any computer and many mobile devices
Frugal Web DevelopmentEvernote Notes that follow you to all your devices. Great for recording to-dos and capturing ideas.
Frugal Web DevelopmentFinding WorkDrumming up work really hasn’t evolved much inhundreds of years… just the media has. It’s allabout putting yourself out there, and looking forpeople that need your help.
Frugal Web DevelopmentElanceEstablished and respected. Has some fees after you get paid. Great for finding help. Is highly competitive.
Frugal Web Development CraigslistActually contains some nice job postings. Try not to get murdered. That can be a downer.
Frugal Web DevelopmentSimplyHired Tends more toward higher skilled positions, and more competitive markets.
Frugal Web DevelopmentCrafting a ProposalAt some point, you gotta put it all in writing…
Frugal Web DevelopmentProposalPadGreat tool. Allows you to manage proposals, host a portfolio, and even get signoff from clients.
Frugal Web DevelopmentQuoteRoller Great for “plug and play quotes.” Nice templates, and integrates with other applications in this presentation.
Frugal Web DevelopmentFreshbooks Nice Quickbooks alternative. Intended more for time tracking/invoicing.Integrates well with Quoteroller. Has a nice API for the developers out there.
Frugal Web DevelopmentOpen Office Probably the best replacement for the MS Office suite. Lacks a good replacement for Outlook.
Frugal Web DevelopmentCommunicating with the ClientYou fill in theblanks here.
Frugal Web DevelopmentFreedcamp Excellent for overall project management. Nice alternative to Basecamp.
Frugal Web Development ComindworkMore features. Probably better for bigger scale projects. Lacks the intuitiveness of Freedcamp.
Frugal Web DevelopmentArt Resources http://www.public-domain-photos.com/ http://www.hasslefreeclipart.com http://www.freeiconsweb.com/ Why is it that all clip art sites are ugly?
Frugal Web DevelopmentGoogle Web FontsGreat API that allows you to easily use more decorative fonts in your designs without using images.
Frugal Web DevelopmentDesign FeedbackEvery parent thinks their child is adorable…Sometimes, they’re just NOT.
Frugal Web DevelopmentFive Second Test Great for testing the initial impact and effectiveness of your site.
Frugal Web DevelopmentUsabilla Heat tracking allows data based on actual use, not impressions.
Frugal Web DevelopmentUserfly Provides actual video of use, and effective analytics.
Frugal Web DevelopmentCoding the SiteWhat you see is what you get… unless you’reusing IE.
Frugal Web DevelopmentNotepad++ A good basic text editor is a must.
Frugal Web DevelopmentAptana Studio Not a great WYSIWYG, but more powerful than Dreamweaver for “power coders”
Frugal Web DevelopmentKompoZer Great beginner WYSIWYG, not great for much besides HTML and CSS
Frugal Web DevelopmentTesting“Because everyone uses everything exactly as weintend it, and it all always works perfectly the firsttime.”
Frugal Web DevelopmentBrowser Shots Great for capturing general look-and-feel issues.
Frugal Web DevelopmentIETester No better tool for debugging IE, and all seven levels of hell that entails.
Frugal Web DevelopmentSpoon Allows you to run a lot of browsers locally without an install.
Frugal Web DevelopmentAdobe Browser Lab Great tool. Will be presumably “Not Free” in April, though.
Frugal Web DevelopmentDeployment and HostingWordpress, Drupal, Joomla and Magento are all quality platforms that can meetyour needs. They’re really presentations unto themselves.Free hosting exists. See http://www.x90x.net/.Don’t EVER, EVER use it. Seriously. You’ll regret it.
Frugal Web DevelopmentWrapping Up@TomCottrilltcottrill@fathomseo.comwww.TomCottrill.comwww.fathomdelivers.com