Web Development Resources

Below you can find some of the websites, tutorials and tools I recommend for my web development students.

Tools

---

• FireBug Add on for  FireFox, it inspects the HTML and CSS of any web page.
• Web Developer Add on for  FireFox, it inspects the HTML and CSS of any web page.
• FileZilla A free FTP client for Mac and PC.
• Fireftp A free FTP client for Mac and PC.
• Google AnalyticsTracks your website traffic.
• Lipsum text, or placeholder text for mocking ups
• Wave free web accessibility evaluation tool
• Colorzilla Get hexadecimal colors from any website
• Paparazzi Take full page screenshots for MAC
• Fireshot Take full page screenshots for PC

CSS

---

• css-cheat-sheet-v2.pdf
• Eric Meyer’s CSS Reset
• Yahoo’s CSS Reset

Browser Testing

---

• Adobe Browser Lab
• Browsershots.org
• Browser Sandbox
• Browser Statistics
• Browserstack
• Adobe Edge Inspect
• Responsinator
• Responsivepx
• Screenfly

Scripts

---

• PHP list
• Kirupa | PHP
• dynamicdrive.com

Content Management System (CMS)

---

• www.smashingmagazine.com
• www.joomla.org/about-joomla.html
• codex.wordpress.org
• expressionengine.com
• www.concrete5.org
• radiantcms.org
• www.cushycms.com
• http://symphony21.com/
• http://modxcms.com/
• http://railfrog.com/
• http://typo3.com/
• http://mashable.com/2007/07/30/content-management-systems/

WordPress

---

• 16 wordpress sites to help you build a better blog
• WordPress 3.0 Naked Theme
• Create Custom Admin Pages
• Related Posts Thumbnails Plugin

Mobile Web Development

---

• mobify.me
• how-to-get-started-with-iphone-dev
• http://developer.apple.com/iphone/
• Apple’s guide for iPhone web sites
• Tutorials for Making Your Website Mobile Friendly

Mailing lists

---

• constantcontact.com
• phplist.com

Site Search Bar

---

• www.google.com
• Atomz

Tutorials

---

PHP:

• http://www.w3schools.com/PHP
• 15-wonderfully-creative-uses-for-php

Podcasts and Video Tutorials

---

• tv.adobe.com
• www.lynda.com
• thinkvitamin.com
• doctype.tv
• thinkvitamin.com

MySQL:

• MySQL Admin and Development Tools Round Up

JavaScript, jQuery, AJAX and DHTML

---

Image Galleries:

• Lightbox 2.0
• jcarousel
• Videobox: Lightbox for videos
• Image Slide Shows
• moving-boxes
• Supersized image gallery
• Sexy Lightbox
• Tiny Slide Show
• Nivo Slider
• AnythingSlider
• Gallery Style Slider
• Thumbnail Slider
• Featured List Slider
• Horizontal Accordion Slider
• Lite Accordion Slider
• Featured Content Slider
• Coda Slider
• Slide Deck
• Sliding Background Image Menu
• Slides
• Avia Slider
• JcoverFlip
• S3 Slider
• SlideViewer
• Easy Slider
• BxSlider
• Smooth Div Scroll

Text Replacement:

• typeface.js
• css-tricks.com

Tooltips & Links:

• Image preview
• Qtip
• Simple tip

WHOIS

---

• http://www.networksolutions.com/whois/index.jsp
• http://www.internic.net/whois.html

Accessibility

---

• http://wave.webaim.org
• W3 Complete List of Web Accessibility Evaluation Tools
• Accessibility color wheel

E-commerce CMS

---

• PayPal Developer Central
• oscommerce.com
• shopify.com
• shoptistic.com
• bigcartel.com
• www.etsy.com

Speed and Performance Checking Tools

---

• Pingdom
• GTmetrix
• Light Speed Now
• IWebTool
• Google Page Speed
• YSlow
• Pylot

Image Optimization Tools

---

• smush.it
• webresizer.com
• dynamicdrive.com
• SiteReportCard

PHP Captcha

---

Recaptcha

Fast Secure Contact Form