wg

• 5 comments made
• view comments
• Reported by Nate

Up till now, when I've wanted to position an image that's replacing text using one of the techniques, I'd setup the CSS for the image replacement, then use some combination of margins, or outer element padding to shift it into place.

For some reason, it hasn't occurred to me that there's a simpler and more precise way to position a background image, it's almost like absolute positioning without losing the document flow. Simply align the background image to the bottom and the right (with no-repeat). Now adjust the height and width of your element to move the image further to the right or further down.

Nothing groundbreaking.. just hadn't occurred to me so I thought I'd share.

• 8 comments made
• view comments
• Reported by Russ

The scenario: You have a series of introductory paragraphs on a page. You want to send users off to more detailed information at the end of each introductory paragraph. You could link the heading itself, but would prefer to use a variation of a "More" link at the bottom of each paragraph.

Can CSS be used to make these "More" links slightly more accessible? Simple, accessible "more" links.

• 1 comment made
• view comment
• Reported by Russ

With a month to go before Web Essentials 05, we've just sold all seats for the conference. However, there are still tickets available for the Jeffrey Veen workshop "Designing the Next Generation of Web Apps", which will run the day before the conference.

• no comments made
• add comment
• Reported by Russ

Opera is holding a 10 year anniversary party, and they are giving away registration codes for as long as the party lasts!

• 18 comments made
• view comments
• Reported by Alessandro

Every javascript coder, in almost every script, has encountered the onload limits. In this article we'll present them briefly, together with some solutions. The window.onload event handler has two main limits:

1. You can attach just one function to it
2. The script will wait until the page is fully loaded before running

Limit number one forces the coder to have a centralized function that calls all the functions that we want to run, and this goes against script independence; limit number two causes an annoying visual delay in script that changes the look and feel of the page.

view rest of article

• no comments made
• add comment
• Reported by Nate

Yes, you can setup a bookmarklet, or use the Firefox web-developer toolbar, or just go to the website, but if you're into OS X widgets, you'll like this W3C Tool Kit. You put in a URL, and choose the CSS validator, HTML validator, or Link checker.

Also, don't forget to checkout Lisa McMillan's list of other widgets that are potentially useful to web developers.

• 3 comments made
• view comments
• Reported by Nate

Hello. Yes, we finally redesigned twinsparc. Check us out at: http://www.twinsparc.com/. And, just so this isn't a lame self-promotion with no payoff - we've put together a little something for our web designer friends. We call them "HTML Stamps" a symbol set for Adobe Illustrator CS2. Plus, there is a movie where you can see/hear me explain how they are installed and used.

• 3 comments made
• view comments
• Reported by Nate

Hey look - the once PDF-only designer's magazine has returned in a slick new web format at: http://www.designinflight.com/. Previous PDF versions are still available for purchase, so you can help support the effort by getting your own copy.

Now I can point folks directly to my little article: Soup to Nuts: Making a CSS-based layout start to finish. If you've got comments on that article, you can make 'em on the original comments and updates post. Also worth noting - the new web format allows for comments to be made right there with the article itself.

Anyways, cheers to Design-In-Flight, it's a fantastic must-bookmark resource and I'm really pleased to see it continue.

• 29 comments made
• view comments
• Reported by Nate

Several authors of this website, and doubtless many readers, do not count English as their primary language. I thought it might be interesting to offer a space for folks who have sites like web-graphics (but in other languages) a place to link them. So, if you write about XHTML, CSS, web standards, Javascript and other web development issues, and do so in a language other than English - leave a comment with a link to your website or blog.

The idea came from Mark, who suggested a link to his Dutch language site Gigadesign.be. So if you'd like to link up your non-English website, please leave a comment to this post in this form:

Title: Gigadesign
URL: http://www.gigadesign.be
Language: Dutch

Feel free to leave notes about your site in your primary language, and also you can recommend other sites or blogs. Like all the posts on this site, comments will be left open indefinitely. And thanks!