Publishers of technology books, eBooks, and videos for creative people

Home > Blogs > Web Design & Development > CSS

Blog Posts about CSS

RSS Feed Subscribe  RSS details

Elizabeth Castro

Anatomy of an iBooks page on iPad

By Elizabeth CastroApr 8, 2010

I'm trying to figure out how exactly iBooks treats an ePub file: which formatting it preserves and which it ignores. The fact that it ignores any at all, is incredibly short-sighted. Nevertheless, given that limitation, it seems like a good idea to at least quantify what we’re dealing with so that those who wish to design a book can have a safe idea of what it might look like, once it’s on the iPad.

Elizabeth Castro

Wrapping text around images on the iPad

By Elizabeth CastroApr 6, 2010

Yesterday, I noted that Apple's sample Winnie-the-Pooh eBook had text that wrapped around the image at the beginning of each chapter and that I'd like to know how it did that. According to the OPS spec, CSS position properties (like absolute and fixed) are strongly discouraged. I originally interpreted that as applying to the float property as well, but that does not seem to be the case.

Elizabeth Castro

iBooks on the iPad, a first glance

By Elizabeth CastroApr 6, 2010

I've been looking at the iBooks app with an eye toward designing e-books for the iPad, and have a first collection of observations I hope you find useful.

Jason Teague

Choosing the Right Color Value

By Jason Cranford TeagueDec 14, 2009

Q: Should I use Hex or RGB values to define colors in CSS?

The short answer is RGB.

The slightly longer answer is that Hex values have become the de facto standard for use in CSS code and both developers and designers are used to them.

The long answer is that, in the final design on the screen, there is no difference between using Hex or RGB values in your code. Which system you use is really a matter of you own personal preference (and those of the team you are working with) as to whether or not you use Hex or RGB values to define colors.

Jason Teague

Expand Your Font Repertoire

By Jason Cranford TeagueNov 30, 2009

Q: Are there alternatives to Arial, Times, and Georgia for Web designers?

The short answer is YES!

The slightly longer answer is that most designers use Arial, Times, or Georgia, and, to a lesser degree, Verdana, Trebuchet MS, Courier, and Comic Sans because they think that’s all they have at their disposal, but they are wrong.

The long answer is that the core Web fonts (the one listed above plus Impact and Web Dings) are used because they are almost guaranteed to be installed on the vast majority of computers your designs are likely to be installed on. One fact of life in Web design is that unless the end user's computer has access to the font file, then the browser cannot use it.

Jason Teague

Pixels or Ems in Your Web Designs

By Jason Cranford TeagueNov 18, 2009

Q: What is the practical difference between px (pixel) and em (pronounced m)? When is it best to use one over the other?

The short answer is that pixels measure dimensions relative to the screen while ems measure dimensions relative to type size.

The slightly longer answer is that pixels are the natural unit for measuring dimensions on a screen and are often used when precise design is required. Ems are the natural unit for measuring type and used when you want to allow maximum design flexibility.

Jason Teague

To CSS Reset or Not to CSS Reset

By Jason Cranford TeagueNov 10, 2009

Question: Which Global Reset for CSS Should I Use?

The short answer is the simplest one possible.

The slightly longer answer is that you should reset some styles, but do so with a good reason.

The long answer is that the exact CSS reset you choose will depend on the needs of your design. I like to keep my own reset simple, relying on adding styles to specific tags as needed. However, there are several styles that are inconsistent or (in my opinion) poorly set in most browsers.

Jason Teague


By Jason Cranford TeagueAug 25, 2009

Q: Can I start using HTML 5 now?

The short answer is, yes.

The slightly longer answer is, you can use some of the new features, but you will need to do a little kludging to get it to work.

The long answer is that HTML is a mark-up language meant to indicate the structure of a document. HTML 5 is the next evolutionary step in mark-up languages for the Web, but it is not implemented on most browsers that your audiences are likely to be using and it may be some time before it is. That said, there are some things you can do now to prepare for the future.

Jason Teague

Everyone is a Web Designer

By Jason Cranford TeagueAug 10, 2009

Q: What is a Web Designer anymore? It was easier to make Web sites all by yourself, even 5 years ago, but now there is just too much technology for one person to handle. If I want to make a Web site for a very small business, don't have I to be web "developer" now?

The short answer is that everybody is a Web designer now.

The slightly longer answer is that Web designers are practitioners of a highly specialized discipline that requires years of study to truly master.

The long answer is that a good Web designer is a good designer, and this can come “naturally” or from training, but is not medium-dependent. However, a professional Web designer has to understand the medium well enough to know its strengths and limitations. Any designer can pump out something that looks brilliant when displayed in a Web browser window, but is slow to load, static when loaded, and completely unusable.

Jason Teague

Frames are Dead, Long Live Iframes!

By Jason Cranford TeagueJul 24, 2009

Q: Is there a suitable alternative to frames? My wife is president of a local woman's club. She and I administer the club's web site, and the ladies like the list of links down one side of the pages. But I read that frames have been deprecated. Regardless, I want to keep the site simple.

The short answer is yes— use iframes.

The slightly longer answer is no, not exactly, but we can get close.

The long answer is there are a variety of ways to add content to your Web pages, but the question is: once it’s on the page what are you going to do with it (or to it)?

Jason Teague

Ask me, ask me, ask me

By Jason Cranford TeagueJul 1, 2009

Do you have a question about Web standards, CSS, JavaScript, Ajax, interaction design, user experience, or Web typography? Maybe you just want to know "How'd they do that?" Ask me questions, and each week I will select a question to answer via my blog.

Jason Teague

Ask the Web Designer: Why Can't I Use Any Font I Want in My Web Designs?

By Jason Cranford TeagueJun 30, 2009

The short answer is that you can.

The slightly longer answer is that you can’t, at least not in any meaningful way yet.

The long answer is that the ability to download fonts has actually been a part of the CSS standard (the language used to create Web designs) for over 10 years. The snag comes with what font formats a given browser supports.

[NOTE: You may want to stop reading now, as the rest of this explanation might make your eyes bleed in frustration.]