Review: Everything You Know About CSS is Wrong!

by Web Teacher
get this book at amazon.com

★★★★★ Everything You Know about CSS is Wrong! by Rachel Andrew and Kevin Yank is from Sitepoint (2008). It’s a small book of little more than 100 pages. It’s mainly about various CSS display properties that create a table layout appearance.

There’s nothing new about CSS properties such as display:table; they’ve been known and advocated for some time by folks like Al Sparber at Project Seven. The thing that’s new is that finally the big dog, Microsoft Internet Explorer, with the release of version 8, is going to support these CSS 3 properties.

Up to this point, CSS layouts have mostly been created using positioning and floats. Either approach has problems that could be solved by a switch to a workable grid system that appears like what you have with a table, but isn’t actually a table. That’s what  display: table in CSS gives you. A grid appearance without any semantic relationship to a data table in HTML.

Most designers haven’t seen much advantage to be gained from using the CSS table layout properties and don’t have a lot of experience with them. This book gives you concrete examples of how to get up to speed with these CSS3 properties and explains (with examples) the following properties: table, table-row, table-cell, table-row-group, table-header-group, table-footer-group, table-caption, table-column, table-column-group.

The book explains (with examples) what implied or anonymous table elements are. For example, if you use display: table-cell without first containing the cell in a block set to display: table-row, the row is interpreted by the browser as implied and the browser acts as if the anonymous row is actually there. Other information included in the book includes flexible layouts, nesting CSS layout tables, and interesting new information about source order. Importantly, since IE6/IE7 are still with us, there’s some quick and easy to use help for how you can create a style sheet for those older browsers that will be acceptable to substitute when you are using a CSS table display layout. The book takes a fast run-though two other CSS3 layout techniques: grids and multi-columns.

Summary: A must have, recommended.

Technorati Tags: ,

Review: The Photoshop CS4 Companion for Photographers

by Web Teacher
get this book at Amazon.com

★★★★ The Photoshop CS4 Companion for Photographers by Derrick Story is from O’Reilly (2008). It’s a small reference book that concentrates on the workflow for photographers using Photoshop CS4. It explains basic adjustments such as cropping, color balance, and tonal adjustments. It also details more advanced techniques such as adjustment layers and batch processing. It contains “recipes” for things like retouching, color swapping, and correcting lens distortion.

Chapter by chapter, the contents are:

  • a quick start chapter
  • an importing images chapter
  • a chapter on rating and keywording images
  • an editing in RAW chapter
  • an advanced RAW camera chapter
  • a refining in Photoshop chapter
  • a lengthy chapter of recipes with specific techniques such as brightening eyes and retrieving a blown-out sky
  • a bit about printing

Of course, there’s a bit of information about equipment photographers may need, and about the excellent photographs Story included in the book. However, most of the book heads straight into how to take photos and work with them in Photoshop CS4. If you are overwhelmed by the complexity and breadth of Photoshop, this book will help you narrow the focus and show you just what you need to know to work with your digital photos.

Summary: A handy resource

Technorati Tags: ,

Findability: Is your blog as findable as possible?

Everyone has heard of search engine optimization, right? But have you heard of findability? I hadn’t, until recently.

The term “findability” seems to originate with Peter Morville, who published a book called Ambient Findability in 2002. Blogger DonnaM wrote about it in 2004 in Usability testing for findability. Jakob Neilsen wrote about it in 2006 in Use Old Words When Writing for Findability. In 2008, I happened to read Building Findable Websites: Web Standards, SEO, and Beyond by Aarron Walter and I got very excited about how simple changes to my blog might make it more successful.

In fact, when I wrote Review: Building Findable Websites on my blog, I said,

Building Findable Websites: Web Standards, SEO, and Beyond by Aarron Walter (New Riders, 2008) is one of those rare books that is so full of good ideas, it makes me enthusiastic about what I can do when I put the book down and go work on my blog or website.

As Walter defines it, findability includes accessibility, usability, information architecture, development, marketing, copywriting, design, and, oh yeah, search engine optimization. Walter continues to try to popularize the concepts, and recently published Findability, Orphan of the Web Design Industry at A List Apart. He starts right off with the orphan metaphor and works it all the way through:

Once upon a time in a web design agency, there lived a sad little boy named Findability. He was a very good boy with a big heart for helping people…

* find the websites they seek,
* find content within websites, and
* rediscover valuable content they’d found.

He used his arsenal of talent for planning, writing, coding, and analysis to create websites that could connect with a target audience.

A bit later in the article he sums up findability as,

The fundamental goal of findability is to persistently connect your audience with the stuff you write, design, and build. When you create relevant and valuable content, present it in a machine readable format, and provide tools that facilitate content exchange and portability, you’ll help ensure that the folks you’re trying to reach get your message.

What are some of specific techniques for findability discussed in the book? The book talks about markup strategies, which include web standards, accessbility, and microformats.

In terms of web standards, that means to separate stucture (the (X)HTML) from presentation (the CSS) from behavior (the JavaScript) to create sites that are accessible both humans and machines. Use modern code that follows the rules and check how you’re doing with a validator. Use alt attributes with images, encode characters, use tags that communicate semantically by making page hierarchy clear. There are a number of other markup tips such as which tags are essential and whether or not to use meta tags. Regarding images, get rid of image maps, and if you replace headings with snappy looking images make sure you do it accessibly. Microformats include hCalendar, hCard, hReview, hResume and others. These are nothing more than standardized ways to present certain information with HTML and CSS that the search engines (and a lot of other apps) recognize. I’ve been using hReview on Web Teacher for some time now. I can verify that reviews I write this way make the search engines very happy.

In terms of server-side strategies, the book talks about building file structure, 404 pages, URLS, and server optimization for speed. It discusses naming everything from the domain name to files, folders, and URLs. There’s advice for moving pages or whole domains and how to use redirects and custom file-not-found pages to keep them findable in the new location.

Creating content that drives traffic is another important aspect of findability. Walter says quality content is on topic, fills a niche, conveys passionate interest, is trustworthy, appealing, original and appropriate. There are also many types of content beyond the blog post. You could consider other types of publications such as white papers or articles, links, reviews, recommendations, syndication, and user generated content in comments and forums as part of your content. You can also add RSS feeds from other sources such as Last.fm, Flickr, job sites, events and other worthy feeds to your content.

Of course, most of us here are concerned with blog findability. The strategies include regular posting, linking and trackbacks, original templates, post titles, archives, topics, and special sections on the blog for things like popular posts and recent posts.

Be sure your site has a search feature. If you use Ajax, Flash, audio and video be sure you are not locking out some of your potential readers. If you have a normal web site and not a blog, try to build a mailing list so that you can contact readers and lure them back to the site regularly.

Merely summarizing the high points here created quite an imposing list of things to do. Fortunately, Walter thought through which actions are the most important and beneficial for you. The final chapter in the book tells you how to prioritize the changes you may need to make and helps you tackle them starting with the most useful first.

I happen to know Aarron Walter. We work together on a curriculum project for the Web Standards Project. I contacted him about this article and asked him to identify the two most important things a blogger could do to improve findability. Here’s his response:

1. Customize your permalink structure to include keywords in your URLs. Many blog platforms make it easy to define the structure of each blog post URL. Ideally you want each URL to contain the same keywords as those in your post title.

2. Define your update services. When you publish on your blog, it automatically notifies (called a ping) many tracking services instantly so your content gets indexed by search engines and various other services. Be sure to define which update services your blog should notify. WordPress keeps a comprehensive list of the top updates services at http://codex.wordpress.org/Update_Services.

Helpful resources for making your blog more findable:
Aarron Walter’s site: free download of Findability Strategy Checklist
Findability Checklist
– A Blog Not Limited: Getting Semantic With Microformats, Part 1 the first of a series on microformats by Emily Lewis
– SEO Blog: 10 Coding Guidelines for Perfect Findability and Web Standards
– SEO Blog: The 10 Worst Findability Crimes Committed by Web Designers & Developers
– BlogHer: Melanie Nelson’s Basic Search Engine Optimization (SEO) Tactics

Cross posted at BlogHer.

Related post: Review: Building Findable Websites

Review: Website Optimization

by Web Teacher
Get this book from Amazon.com

★★★★ Website Optimization by Andrew B. King is from O’Reilly (2008). The title refers to optimizing speed, ease of use, search engine friendliness, and return on investment. There’s a lot of information in the book about how to market your site and generate profit.

The book begins with search engine optimization. Then it discusses pay-per-click optimization and related ideas such as keyword discovery, landing pages and bids. There’s a case study for each of the first two topics. The remainder of the book deals with performance optimization. The performance optimization chapters cover web page optimization, CSS optimization, Ajax optimization, and advanced topics like server-side and client-side techniques. The final chapter discusses various types of metrics that you can use to measure success.

There are a mixture of techniques ranging from ways to write good ad copy to technical advice about using Apache mod_cache and HTTP compression included.

I think the audience for this information is not the small designer, but the people who are responsible for a large site with heavy traffic—the copy writers, designers, developers, and marketers all will find tips for their particular job in this book.

Summary: A very good resource

Review: Mastering CSS with Dreamweaver CS3


Reviewed by Web Teacher


Get this book from Amazon.com

★★★★ Mastering CSS with Dreamweaver CS3 by Stephanie Sullivan and Greg Rewis (New Riders, 2008) is an excellent book, which I recommend and would be happy to teach with myself. I’m giving it four stars because it’s Dreamweaver specific, even though you could learn a great deal about CSS from this book if you’d never seen Dreamweaver in your life.

Before I get into the details about the book, I want to give you a bit of background disclaimer. I’ve been aware of co-author Stephanie Sullivan for a number of years. She participated in her early days as a web designer in some of the same lists that I do, and she was so eager to learn it was something to watch—she sucked up new information like it was manna from the gods. Back in those days she wouldn’t let anybody know what she looked like. She wanted to build a reputation based on skill. She certainly succeeded in that endeavor, and now here she is on the cover of this book, as gorgeous as a movie star, teaching others how to used Dreamweaver according the best practices in CSS.

If you are familiar with the Classroom in a Book series from Adobe, this book is rather like that. It takes you through a number of different processes in Dreamweaver in a step by step way. But it’s also more than a Classroom in a Book text. The difference is the amount of space devoted to explaining things like CSS syntax, the cascade, specificity, document flow, source order, bugs, best practices on all sorts of topics, typography, measurement and a number of CSS related topics. That’s in addition to the step by step process for applying the information in Dreamweaver CS3. Another difference is that this is not a  Dreamweaver beginner book; you need to have a basic knowledge of the software already.

One chapter in the book styles a fixed-width Dreamweaver CSS layout. Another does the same with an em-based layout. There’s a chapter showing you how to take an older, table-based site and put it in CSS. One chapter uses the Adobe Spry Framework for Ajax to build an image gallery.

Standards, best practices, validation and accessibility are stressed in every chapter. That always earns stars from me.

Summary: An excellent resource

Review: Painting the Web


Reviewer: Virginia DeBolt

Summary: Comprehensive resource for web graphics

get Painting the Web at Amazon.com

Rating: 5/5

When I heard about Painting the Web by Shelley Powers (O’Reilly, 2008) I had the idea that it would be only about SVG. I read the author’s blog at Burningbird and a number of posts about SVG on her blog gave me the impression that her latest book would be about using SVG on the web.

Boy, was I wrong.

This is the most complete, comprehensive, encyclopedic (pick your adjective) compendium of information about all forms of web graphics that I’ve ever seen. That does include SVG, but there is so much more.

Here’s the bottom line: if you use graphics on the web, you need this book.

Some of the topics in the book:

  • a history of graphics on the web
  • raster graphics and RGB color
  • JPEG, GIF, PNG
  • copyright
  • taking photos from camera to web, RAW images, color matching effects
  • Photo editors and online photo editors
  • thumbnails, frames, galleries, slideshows
  • buttons, badges, gradients, blurs, reflections
  • vectors
  • SVG
  • CSS
  • design principles
  • dynamic graphics
  • canvas, and dynamic SVG and canvas
  • programming for images
  • geographical apps such as maps with programming and non-programming
  • graphs and data and visualization

You ought to be convinced about the comprehensive nature of the material in this book now. It’s also extremely well written, a pleasure to read and easy to understand. You’ll find everything from humor to Photoshop tips to the code needed for a PHP slideshow in this book.

Highly recommended.

Review: The Ultimate CSS Reference


Reviewer: Virginia DeBolt

Summary: A Valuable Resource


buy this book at Amazon.com

Rating: 5/5

The Ultimate CSS Reference is by Tommy Olsson and Paul O’Brien (Sitepoint, 2008). It’s a hardcover book, which is unusual. Since the book covers some of CSS3, perhaps the hard cover is justified because the publisher considers it a book that will be valuable for a longer period than usual.

The book is nicely laid out, with some color and good visual cues as to the various important bits and pieces of information about a topic. For example, the page about CSS3 Attribute Selectors has a table displaying the CSS specification and browser support set off in a small corner of the page. Immediately under the page title we see the syntax. There’s a sidebar with an example of the selector. The major page content explains what the selector is and gives some details about different operators that can be used to specify the type of attribute being targeted.

Every aspect of CSS is referenced, from syntax and nomenclature through selectors, the cascade and specificity, layout and formatting, box properties, list properties, table properties, color, backgrounds, typography, generated content, and paged media. There’s a chapter for vendor-specific properties and one for workarounds, hacks and filters. It’s all topped off with an index.

This book compares favorably with my eternal favorite CSS The Complete Guide; which is to say, it’s a very good book. Recommended.