When we’ve not been busy watching the kids, I’ve been helping Catherine redesign her blog at CatCanCook.Com. It’s a lot more colourful now and we’re really happy with the changes.
Her Awesome Banana Muffin Recipe has been really popular, so she decided to post her Awesome Carrot Cake Recipe as well!
If you’re looking for recipes, craft ideas, or resources for parenting, be sure to add Catherine’s Blog to your bookmarks.
In advance of the general release of Firefox version 2, I’ve updated both the X-Ray and Professor X extensions to work with the new browser. You can either download the updated versions here at DesignMeme.com or get them from the official Firefox Addons site.
Thanks again to everyone who has emailed to say they’ve found these extensions useful and offered suggestions for future versions. While I would have liked to have provided some new features in these updates, I’ve been focused on other things the past few months. My wife and I are expecting our second child, and we’re now in the final days counting down to the new arrival! It’s a very exciting time, and we’re really looking forward to meeting the new baby.
CSS techniques for replacing text with an image have been around for a few years, allowing web designers greater options for styling text on a page. Early approaches turned out not to work as expected with Screen Readers, making the text less accessible than normal. In response, a variety of different approaches have been suggested—many involving extra span tags, lengthy CSS, or both.
Here’s my suggestion for an Image Replacement technique that’s accessibe, requires no additional HTML tags, and uses a tiny amount of CSS.
The X-Ray extension, which lets you see the underlying tag structure of a webpage, has been updated to version 0.8. X-Ray is now compatible with both Firefox and the new Flock Browser which recently moved into public beta.
The new version of X-Ray adds support for displaying tags for table, tr, script and a few other elements! Tags will now show both ID and Class details if they exist. The update also improves compatibility with the new Professor X Extension—also available for both Firefox and Flock.
Once installed the Professor X command is available by right-clicking as well as in the Tools menu. When applied to a page it will display the contents of the page’s head element, including Meta, Script and Style content. This can help you see how a website was constructed without having to go back and forth between the sourcecode and the page in your browser.
(more…)The CSS2 text-shadow property makes it easy to add a drop shadow to a web page’s text, but so far it’s only supported by the Safari browser for OS X. Today we’re going to create CSS drop shadows for other browsers, including Firefox.
The text-shadow property has been around for a few years, allowing you control the colour, offset and blur of drop shadows below elements on your page. Although not widely supported, some designers have decided to use CSS text-shadows anyway, even if it only enhances their design for a relatively small number of users.
copyright © 2001-2008 Stuart Robertson Some Rights Reserved Hosted by Dreamhost 