Subscribe to
Posts
Comments

Archive for the 'CSS' Category

Make your layout look good a different screen and font sizes.
What it looks like
Example 1,
Example 2.
Here’s what the form example (example 1) is supposed to look like.
At 1024 x 768 pixels, the navigation links and Save button are positioned fixed in a column to the left.

At 800 x 600 pixels, the navigation links are only [...]

On my continuing quest to become more Web-2.0-ish, I’ve tried my luck tilting at… well, tag clouds. To get an idea what I’m talking about, please have a look.
These are the rudimentary basics to create a tag cloud like that.
In the controller

def tags
@popular_tags = Tag.find_most_popular(:limit => 30)
end

In the view

<ul id=”tags” class=”tagcloud”>
<% @popular_tags.sort_by(&:name).each do [...]

Form Layout

I’ve looked at quite a lot of examples of form layout over the past two years. Invariably the demonstrations looked very pretty and were pretty primitive. Usually, all the input elements are lined up in a single column; labels are either stuck on top of the inputs or prepended to them. This is all well [...]

Fork me on GitHub