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
• 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

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 Tutorial - Use HTML5 to serve video in current browsers without browser plugins
• HTML5 Audio Tutorial - Use HTML5 to serve audio in current browsers

Local Test (Development) Server

• Getting Started Guide
• Installing XAMPP (Win/Mac)
• Configuring PHP
• Using XAMPP Control Panel
• Virtual Host Setup with XAMPP
• Installing MAMP for Mac (includes Virtual Host Setup)

WordPress

• WordPress 5-Minute Install

Applications for Web Developers

Browsers for testing

• Mozilla Firefox
• Google Chrome
• Opera
• Vivaldi - A developer's browser
• Brave from Brendan Eich, creator of JavaScript

FTP Clients

• FileZilla (Win/Mac) 
• FireFTP Firefox extension (Win/Mac)

Text Editors

• Notepad ++ (Win)
• Brackets (Win/Mac) - Open source editor created by Adobe
• Atom (Win/Mac) - Open source editor created by Github
• Sublime Text 3 (Win/Mac)

IDE's

• NetBeans
• JetBrains PHPStorm (free for students with .edu email address)
• Visual Studio Code

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