All posts tagged tutorial
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 »
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 »
Thursday, March 29th, 2007
Today is Stop Cyberbullying Day, and like I said yesterday I’m very angry about what happened to Kathy Sierra, and other people who have suffered abuse from Cyber Bullies, stalkers, and trolls. Rather than just write further about how awful cyberbullies are, I’ve decided to offer some tips for helping people fight back.
(more…)
Tags: blog, blog software, plugins, tutorial
Posted in howto | 18 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 »
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 »
Monday, June 12th, 2006
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.
Read the article
Tags: development, tutorial
Posted in howto, web design | 41 Comments »
