ButlerCC Webhosting

Web Developer Tutorials and Resources

Need help with general web development topics or help specifically related to your Butlercc WebHosting student account? Find it here.

Browser Tools

• CSS Debugging Tools and Resources - How to access and use browser integrated tools and addons essential to debugging HTML and CSS
• Useful Browser Add-ons and Extensions - Essential Chrome, Firefox, and Opera add-ons and extensions for web developers. Includes popular Firefox add-ons FireFTP, HeadingsMap, and Web Developer Toolbar.
• Working with portable apps on a USB drive - What they are, where to get them, and related information

Cheat Sheets

• CSS Selectors Cheat Sheet - Most common CSS selectors, including those new in CSS3

CSS

• CSS Debugging Tools and Resources - How to access and use browser integrated tools and addons essential to debugging HTML and CSS
• CSS Selectors Cheat Sheet - Most common CSS selectors, including those new in CSS3
• Create a Fluid Layout From Scratch - Tutorial demonstrates how to create a two column fluid layout using float techniques
• Web Fonts Tutorial - Use your own hosted web fonts with @font-face or link to Google web fonts

FTP

• FireFTP Tutorial - Install and use the FireFTP addon in Firefox to upload your web site
• Filezilla Tutorial - Install and use Filezilla to upload your web site
• Publishing with Dreamweaver - Use Dreamweaver to setup a connection to the web server and upload your web site
• Publishing with Dreamweaver CS4 - Use an old version of Dreamweaver (CS3 or CS4) to setup a connection to the web server and upload your web site

Forms

• Processing Form Data - Use the formmail.pl script to send user data gathered from a form to your email account

Graphics

• Image Editing with Gimp - Install and use Gimp to edit images. Includes tutorials for common image editing operations.
• Image Sources for Web Projects - Find free images released under Creative Commons licenses
• Web Image File Formats - Comparison of GIF, JPEG, and PNG file formats

HTML5

• HTML5 Video and Audio Tutorial

Local Test (Development) Server

• Getting Started
• Installing XAMPP for Windows
• Installing MAMP for Mac and Virtual Host Setup
• Configuring PHP
• Virtual Host Setup with XAMPP
• Using XAMPP Control Panel

WordPress

• WordPress 5-Minute Install

Resources for Web Developers

Browsers for testing

• Mozilla Firefox
• Google Chrome
• Opera
• Safari (for Windows)
• Internet Explorer

FTP Clients

• FireFTP Firefox extension (Win/Mac)
• Filezilla (Win/Mac) 
• CoreFTP Lite (Win)
• Cyberduck (Mac) 
• Fetch (Mac) - Not free, but pre-installed on many Macs

Text Editors

• Notepad ++ (Win)
• TextWrangler (Mac)
• Brackets (Win/Mac) - Open source editor created by Adobe
• Sublime Text 3 (Win/Mac)
• Aptana Studio 3 (Win/Mac/Linux) - A more robust free, IDE/text editor 
• Komodo Edit Free (Win/Mac/Linux) - Another robust free, IDE/text editor
• BBEdit and Coda are popular text editors for the Mac (If you don't mind spending a few dollars)

© 2010–2024, ButlerCC Webhosting. All rights reserved.