Learn Web Development (free)

Learn to Code HTML & CSS covers a variety of web design and development topics from beginning to advanced levels. The explainations are clear and the site is highly organized.

Odin Project is a complete curriculum for learning web development consisting of best online resources. The focus is on projects so you can learn by doing. It also offers opportunities to connect with other students so you don't have to learn on your own.

Code Academy offers free online courses that teach you the basics of a number of programming languages.

Web Development Tools

HTML 5 Outliner is a tool for visualizing the outline generated by HTML5 file.

Typography

jQuery plugins

Masonry is an open source, jQuery plugin used to create Masonry layout (a.k.a. Pinterest style layout). Masonry differs from other grid layouts in that it doesn’t have fixed height rows. It optimizes the use of space by minimizing vertical gaps between elements of varying height.

Isotope is a highly customizable jQuery plugin used for filtering and sorting.

Galleriffic is a popular, easy-to-use jQuery photo gallery and slideshow plugin optimized to handle high volumes of photos.

Fancybox is a tool that displays images, content, and multi-media in a "lightbox" that floats overtop of webpages.

Free stock photos

Unsplash is a collection of free high-resolution photos. The website uses the Creative Commons Zero license, which doesn’t require attribution but does encourages it if possible.

Stocksnap.io is a another terrific resources for high-resolution images. All photos are released under Creative Commons - CC0 and do not require attribution.