Online Journalism: Fall 2010

Icon

Just another WordPress.com site

HTML & CSS tools

Here’s a link to the absolute most basic HTML structure around. Copy and use!

REFERENCE GUIDES
The best reference site that I’ve found to help you with grasping both basic and advanced HTML and CSS is a site called HTML Dog.

It not only includes a number of very good tutorials for people working at beginner, intermediate, and advanced levels, it also includes a complete reference for both HTML tags and CSS properties, complete with examples of use.

Bookmark it, and use it regularly. The best way to learn this stuff is to simply try it out and look at how other sites do it using a tool like Firebug.

FIREBUG
Firebug, the Firefox add-on that lets you dig into site structure and design.

HTML TOOLS
Text Wrangler the free text editor we used in class today.

Bespin, the online text editor. Free and great (if not slightly buggy).

Pastie, a great tool for pasting your text-based code and getting a URL back that you can easily e-mail or Tweet to someone.

CSS TOOLS
CSS Type Set. A great tool for setting all sorts of font properties in CSS.

A great font preview that gives you the CSS code for the examples

Color Picker a very intuitive web app to pick HTML-ready colors.

Advertisements

Filed under: Lecture Links

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

Other links about Online Journalism

%d bloggers like this: