CS 134 – Web Site Design & Development

Useful Resources

Resources for the Textbook

• Applications & Exercises for Murach's HTML5 and CSS3 3rd Edition

Utilities & Browser Extensions

• Aptana Studio (cross-platform)
  Note that due to an apparent bug with the current installer, you may need to install Node JS independently before Aptana Studio to get the install to complete, at least on Windows.
• Brackets
• Notepad++ (Windows only)
• TextMate (Mac only)
• Dreamweaver (WYSIWYG Editor)
• Firefox Portable
• Firefox Extensions:
  • Firebug
  • Web Developer
  • Note that modern iterations of the major browsers now often also include F12 as a shortcut to a native interface that provides much of what these extensions do.
• FileZilla FTP Client

HTML

• Online editors to play around with & prototype
  • JS Fiddle
  • JS Bin
• w3school's HTML Tutorials
• W3C's HTML & CSS Validator

CSS

• w3school's CSS Tutorials
• HTMLdog's CSS Beginner's Guide
• 456 Berea Street's CSS Lab
• CSS Template Sites
  • CSS Zen Garden
  • Listamatic Navbar Templates
• CSS-Tricks: Child and Sibling Selectors
• CSS-Tricks: All About Floats

Fonts

• Google Web Fonts
• Adobe Edge Web Fonts

JavaScript & jQuery (Script Repositories)

• Dynamic Drive
• The JavaScript Source
• jQuery
• jQuery UI

Additional Resources

• Codecademy HTML & CSS
• Codecademy JavaScript
• Codecademy jQuery
• Webmonkey Cheat Sheets for HTML & CSS
• Google's Mobile-Friendly Test
• Google's PageSpeed Insights
• CSS Tricks: Box Sizing (border-box)
• Pitt CSSD: Creating Your Own Web Site
• Regular-Expressions.info
• regexr.com
• W3Schools Form Input Types
• CSS3 Matrix Construction Set