A few weeks ago I purchased a brand new Lenovo ThinkPad T510. I’ve had a ThinkPad T43 for quite a while, so I decided to upgrade. Given Lenovo’s (who acquired IBM not too long ago) reputation for quality and reliability, I obviously decided to stick with the ThinkPad line. Boy was that a mistake for the T510.
People frequently ask for their site to be validated with the W3C validation system. Therefore, we, as proficient web designers, work very hard in order to accommodate those requests. I’ve decided to write a small post on why having a valid website is useful both for us (web designers) and for you (the clients, end-users, general public).
Have you ever wondered what happens when you select to print a website? Does it just print what you see on the page? What if you have a website with a black background, that’s going to be a LOT of ink. Think there’s a way to change the way things are printed?
Yesterday’s post was about a two-column fully modernized, table-less, div-based site using standard CSS2 and some CSS3 definitions. Hopefully, one of these days, I’ll get around to do a screencast about building this type of site from scratch, go over all of the necessary steps as well as some troubleshooting bug issues. However, today’s post will review some of those things. Scroll to the bottom to see the upcoming website designs!
Today’s post is very very very short. I’m going to show you an image of a site I just built. Each section has its properties written in it. Your job is to hopefully replicate it as best you can. Tomorrow I’ll share the xHTML and CSS code. So here we go, our first real live useful website from scratch.
Today’s post is really a continuation of yesterday’s post and a conclusion of CSS3 (for now). Today we’ll look at text-shadow and box-shadow CSS3 style definitions. We’re on the home-stretch of building a website from scratch. I thought I’d change it up a little and introduce a new method.
These days CSS3 is everywhere. What is CSS3? Well, everything we’ve been working with thus far has been xHTML (or HTML 4) and CSS2. With today’s rapid technological advancement, a wide variety of features and designs are easily integrated using simple CSS3 style definitions. So how do we do it? Continue reading to find out.
As you know (if you’ve been paying attention), we’re now past the CSS positioning tutorials, where we concentrate more on website aesthetics and functionality. Today we make a simple feedback button that when clicked opens up your default mail wizard (typically Outlook) to send an email to a predetermined address. To make this button interesting, we use a new CSS property that we haven’t talked about yet called background position.
Now that you’re a pro with floats, in-line elements, and absolutely positioned items, it’s time to complete the CSS positioning tutorial with one last type of position named fixed positioning. While rarely used, fixed positioning brings with it various advantages. Frequently, it is used for things like sticky footers. A sticky footer is a case where the footer remains fixed at the bottom of the page no matter how you scroll or how you minimize or maximize the page.
Until now we’ve discussed in-line elements (such as link anchors), floating elements (such as list items), and today we’ll discuss absolutely positioned elements. The theory and advantage behind absolute positioned elements is that you have complete control on where you want to place them (to the nearest pixel). Today’s post is special in that it contains both a screencast tutorial as well as a written tutorial, and from today, you’ll learn everything you ever wanted to know about CSS absolute positioning.