All posts tagged development
Wednesday, April 16th, 2008
In addition to working in web design and development, I also teach a few different web design courses. I usually refer my students to intermediate to advanced resources like A List Apart, or Think Vitamin. To help people get to the point where they’ll find those sites helpful, I’m going to start posting some short articles on more basic, but still helpful, techniques you can use if you’re just getting started.
The first of these new articles to help you learn web design is about a important and frequently requested technique: Rollover Images with Cascading Style Sheets
(more…)
Tags: article, css, design, development, howto, rollovers, tutorial, web
Posted in Learn Web Design | 2 Comments »
Wednesday, April 16th, 2008
One of my websites has won an award. The University of Guelph website has been awarded the Gold medal from the Canadian Council for the Advancement of Education (CCAE) in their annual Prix D’Excellence awards program. The CCAE competition recognizes outstanding achievements in alumni affairs, public affairs, development, student recruitment and overall institutional Advancement. Our last CCAE award for the website was back in 2001 when we won a Gold medal with the introduction of the previous design.
The site was assessed by advancement colleagues and external professional judges on the overall effectiveness of the homepage with regard to institutional identity; availability of appropriate and desirable links; ease of use; consideration of the institution’s audiences; and quality of multi-media presentations linked to the homepage. The Judges noted the overall strengths of the site included modern design, Web 2.0 principles, and a focus on useful, well-presented content. “The navigation is clear, the code is strong, and the writing is crisp and concise.”
(more…)
Tags: awards, business, design, development, university
Posted in designmeme | 2 Comments »
Tuesday, June 12th, 2007
UPDATE: These techniques will no longer allow you to customize your Facebook profile.
Facebook now has over 24 million active users keeping in touch with friends and colleagues. Some people are predicting that it will become the de-facto social networking tool for the web. It’s certainly a very useful service, but as I spent more time with Facebook looking at all those identically designed profile pages I started to miss the individuality that accompanied personal websites and blogs.
Let’s look at how you can take a Faceook profile and using a bit of CSS and the new Facebook Markup Language, create something a bit more personalized. In Part 1 we’ll look at how to start adding your own xHTML and CSS.
(more…)
Tags: css, design, development, facebook, howto, networking, social, tutorial
Posted in howto | 32 Comments »
Monday, March 12th, 2007
Well, it’s certainly been a while since I posted a new CSS how-to. Actually, it’s been a while since I did much regular posting at all! Not to worry though, the Spring weather means it’s time for the blog to come out of hibernation.
CSS Pull Quotes is something I thought of last summer, and was originally going to be the subject of an article for A List Apart. Since it’s been so long since I last posted a CSS article here, I thought I add it to the list of tutorials at Design Meme.
Read the article
Tags: design, development, howto, tutorial, web
Posted in Learn Web Design | 4 Comments »
Wednesday, October 4th, 2006
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.
Tags: development, extension, web
Posted in tools, web design | No Comments »
Monday, July 10th, 2006
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.
Read the article
Tags: development, tutorial
Posted in howto, web design | 3 Comments »
