I use Pinboard to bookmark interesting websites related to ENGL 4814, but I will try to add the most important resources to this page. If you’d like me to add a link to this page, just let me know.
Virginia Tech Resources
- Lynda.com (Free software tutorials)
- InnovationSpace
- Student Software Distribution
- VT Google Apps Portal
- VT Filebox
- Connecting to VT Filebox (Follow instructions under “Direct Connection to the Server”)
Web Development Software
- Komodo Edit (Mac, Windows, Linux; free)
- TextWrangler (Mac; free)
- Notepad++ (Windows; free)
FTP Clients
- FileZilla (Mac, Windows, and Linux; free)
- Cyberduck (Mac and Windows; free)
- Fetch (Mac; free for educational use)
- Fugu (Mac; free)
- Free FTP (Windows; free)
- WinSCP (Windows; free)
- Transmit (Mac; $34 and worth every penny)
Markup Validators and Related Tools
- Unicorn (W3C’s “Unified Validator”; it checks HTML and CSS at the same time.)
- Web Developer Extension (Chrome and Firefox tool that adds lots of helpful features to your browser.)
- Helping Beginners Get HTML Right (Nifty tool for displaying potential markup problems on your pages.)
Website Copiers
- SiteSucker (Mac and iOS; free)
- HTTrack (Windows and Linux; free)
Tables
- Mr. Data Converter
- No-Cruft Excel to HTML Table Converter
- FooTable (tool for making tables work well in responsive designs)
Typography
- The Elements of Typographic Style Applied to the Web
- Awesome Fontstacks
- Typetester
- The Web Font Combinator
- How to use CSS @font-face
- Font Squirrel
- Google Fonts
- Font Awesome (icon-based font)
- Quinn’s typography bookmarks on Pinboard
Color
- Kuler (for developing color schemes)
- Color Sphere (another tool for developing color schemes)
- Color Scheme Designer (another tool for developing color schemes)
- 0 to 255 (for finding variations on a specific color)
- Color Spire (a tool to help you see how colors look when applied to a typical website)
- Color Palette Generator (creates a color scheme by extracting colors from a photograph)
Images
Public domain and/or Creative Commons images:
Background images:
- BG Patterns (online tool for generating repeating background images)
- Stripe Generator (online tool for generating striped background patterns)
- Squidfingers Patterns (a huge collection of tiled background images)
- Subtle Patterns (a nice collection of minimalist background images)
Personal Page Examples
- About.me Directory
- Flavors.me Directory
- Gallery of one-page personal websites
- siteInspire’s gallery of personal websites
- 40 Excellent Examples of Single Page Websites
- Naz Hamid
- Tim Lum
- Paul Armstrong
- Frank Chimero
- Dan Benjamin
- The Personal Page template (by Naz Hamid)
- Lifehacker’s guide to making your own “about me” page
Responsive Web Design
- The Ultimate Responsive Web Design Beginners Resource List (just what it says; lots of great stuff here)
- Responsive Web Design Techniques, Tools, and Design Strategies (great list of resources from Smashing Magazine)
- PXtoEM (online tool for converting pixel values into ems)
- Bootstrap (the framework we’ll be using in class)
- Bootstrap Starter Files (starting point for Unit #2)
- Jetstrap (interface-building tool for Bootstrap; free for academic use)
- Bootstrap Magic (another web-based tool for customizing Bootstrap’s CSS)
- Bootswatch (free themes for Bootstrap)
- Wrap Bootstrap (paid themes for Boostrap)
Wireframing
- Mockingbird
- Balsamiq Mockups
- Gliffy
- Wirefy
- Wirify bookmarklet
- 50 Free UI and Web Design Wireframing Kits, Resources and Source Files
WordPress Basics
The best way to get started with WordPress is to set up a site and start experimenting with it. When you get stuck, these sites can be helpful starting points for solving problems and finding answers to common questions:
- The WordPress Codex (the closest thing to an “official” manual for WordPress)
- WordPress Forums
- WordPress Answers on StackExchange
- Smashing Magazine’s WordPress archives
Given WordPress’s incredibly large community of users and developers, chances are pretty good that any problem you encounter has been solved — and written about! — by another WordPress user. As a result, a simple Google/Bing/Yahoo search using plain language (e.g., “How do I hide the search bar in the header of my WordPress site?”) will often be the most effective way to find an answer to your question.
WordPress Themes
All themes can be customized, but some are much easier to modify than others. If you are new to web design and looking for a theme that can be customized in the WordPress dashboard, the following themes have fairly robust WYSIWYG editors:
WordPress Plugins
Plugins add functionality to your WordPress site. You’ll find an endless supply of plugins on the WordPress site, but you might want to start with a few of the following plugins:
- Jetpack (a collection of plugins that enables many of the features available on WordPress.com)
- Akismet (greatly reduces “comment spam”)
- Contact Form 7 (creates custom forms that let visitors send you email through your site)
- Google Analytics (adds tracking code to each page to monitor visits to your site)
- Google Doc Embedder (allows you to display MS Word, PDF, and lots of other file types inside your site)
- NextGEN Gallery (simplifies the creation, management, and display of images, especially groups of images)
- PHPEnkoder (protects your email address from being harvested by spambots)
- Twitter Widget Pro (displays your tweets on your site)
- My Custom CSS (allows you to create custom CSS rules that override your theme’s CSS without modifying the theme’s files)
- Widget Context (lets you specify which pages display particular sidebar widgets)
- SimplePie (allows you to import, adjust, and display almost any RSS feed)
- “The 36 Free Plugins That Every WordPress User Could Need”
Usability Testing
- Usability.gov (the U.S. government’s official usability website)
- Steve Krug’s website
- Sample usability script and consent form (from Steve Krug)
- Usability Testing Tools (a big collection of links; most of these are pretty expensive)
- Silverback (usability testing software for Mac)
- CamStudio (open-source screen recording software for Windows)
- Krut (open-source screen recording software for Windows)
Sample Usability Reports
- WordPress (PDF)
- University of Washington Libraries (PDF)
- Drupal
- Joomla Magazine
- Purdue OWL (PDF)