Online Journalism: Spring 2011

the class blog

HTML & CSS tools

leave a comment »

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

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, the Firefox add-on that lets you dig into site structure and design.

Text Wrangler the free text editor we used in class today. If you’re on a PC, Notepad works just great as well. IN EITHER CASE: Be sure to save your files with the .html file type, not .txt.

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


Written by sinker

March 11, 2011 at 11:21 am

Posted in Lecture Links

Leave a Reply

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

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

Google+ photo

You are commenting using your Google+ 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 )


Connecting to %s

%d bloggers like this: