Skip to content

Category Archives: CSS

Useful LInks: 7 HTML Working Drafts, CSS border radius, JQuery

Seven HTML related working drafts published is reported on 456 Berea Street. The HTML 5 differences from HTML 4 draft was especially interesting to me.
Students may like CSS Border Radius. Insert a value for all corners or individual corners and grab the code. For those who don’t like typing.
Sitepoint is doing a series on jQuery [...]

Style a fieldset with rounded corners using CSS

The default display for a fieldset is a square cornered border. In certain browsers (Firefox and Safari and perhaps others) you can use CSS to make rounded corners on the border around the fieldset and around the legend.
Look at this simple form:
<form id=”example” name=”example” method=”post” action=”send.php”>
<fieldset>
<legend>A Fieldset</legend>
<label for=”ex1″>A text field</label>
<input type=”text” name=”ex1″ id=”ex1″ />
</fieldset>
</form>
Here’s how [...]

Useful Links: CSS3 dropdown, Facebook metrics, Manage Twitter

CSS3 Dropdown Menu from Web Designer Wall is a beautiful menu and a well written and illustrated tutorial. Great piece of work.
How are you using metrics, benchmarks, and experiments to improve your Facebook presence? is posted on Facebook by Beth Kanter. ) She’s focused on nonprofits, but mentions some tools that would work on the [...]

What’s hot on eHow

Here are my hottest sellers  on eHow in the past month.

How to Videos & Articles: eHow.com

How to Create a Hard-to-Crack Password
How to Use Dreamweaver CS3 Spry Accordion Panels
How to Add Flickr Images to a Web Page
How to Make a Free Website With Freewebs
How to Use Opera’s Mini Simulator to See Your Website on a Mobile [...]

The CSS background property

Several CSS properties are involved in understanding how to use background images.  As you probably know, a background image can be added to any element on a page of HTML using a CSS rule for background-image which points to a URL for the image you are using. The CSS syntax looks like this:
selector {
background-color: #fff;
[...]

Adding focus to form fields

You can highlight the form field a user is in. It’s a small visual cue as to where the cursor is in the form. Here’s a simple example.

The cursor is in the Name field in the image. The cursor position is highlighted with a dark border to indicate which form field is in focus. This [...]

Interview worth reading

Up Late with CSS3, and Loving It! is an interview by Miraz Jordan with Andy Clarke, John Allsopp and Dan Cederholm. There are many insights in the article, but here’s my fav from John Allsopp.
Jordan: Do you see a broad acceptance of web standards among professionals who create websites, or is it still an uphill [...]

Review: Web Design for Developers

product

A review by Web Teacher of Web Design for Developers: A Programmer’s Guide to Design Tools and Techniques (Pragmatic Programmers)
(rating: 3 stars)

Web Design for Developers: A Programmers Guide to Design Tools and Techniques by Brian P. Hogan, is, as the title suggests, aimed at developers rather than at designers. In just over 300 pages, Hogan [...]

Designing with Structural Thinking

In the old days, many of us learned to make web pages by first thinking about the “look” and what images, fonts, color schemes, and graphic design elements we would use to achieve it. We launched Photoshop or Fireworks and played with the look until we knew precisely (down to the pixel) what the page [...]

Site Testing Checklist

It’s wise to test your site as you’re building it. Check your pages for accessibility, for validity, for appearance and function as you go along. Don’t wait until you’re finished to think about things like valid code and accessibility.
Even when you do those things as a normal part of your process, you still need to [...]