Tag Archives: css

Searchpath tweaks

I rolled out a few improvements to Searchpath last week. The popover now “fades in” when first shown, using a CSS animation. Scrolling in the background page content is also now disabled while the popover is shown, for WebKit browsers. This prevents the page from bouncing around as you scroll to the end of the search results. And the mobile interface is better, finally including a close link for when you want to get back to the web site.

I’ve also fixed an issue with how often Searchpath looks for new posts. It should be much faster to pick up on changes now, especially for blogs that update every day.

You can try Searchpath for free or subscribe for just $8/month.

Bootstrap CSS

I’ve been using Twitter’s Bootstrap in an internal project at VitalSource for a few months, and over the weekend I finally switched to using the CSS framework in Tweet Marker too. The layout now works in more browsers and provides a much better foundation for design changes. It also allowed me to integrate this excellent date picker.

Here’s a short screencast video showing the date picker in a new browsing feature in Tweet Marker Plus. I’m very happy with how this turned out — both the look and functionality. On the server the date ranges are implemented with a Sphinx query, so they can be combined with search terms to help find old tweets.

Animation panel and web site for STAPLE! 2007

“Chris”:http://ycrtft.rethunkmedia.com/ and I headed over to Northcross Mall yesterday to take a final look at the conference center rooms before next week’s STAPLE! Expo. Although I’ve been on the planning committee since the very beginning of the conference over 3 years ago and actively involved for each of the previous 2 shows, this year is a little special because I’ve been organizing a panel on animation to complement the mostly comic book focused show. We have three great local animators this year: Aaron Romo, Evan Cagle, and Lance Myers. See the “STAPLE! guests page”:http://www.staple-austin.org/guests/ for more information on their work and our other featured speakers.

I also redesigned the web site last week, late Thursday night. In order to accommodate some CSS improvements and images from our new program, I had to abandon a few things from last year’s excellent design by “John Rubio”:http://www.johnrubio.com/ (who also did the logo). I hope to bring back elements of the old design for next year, though. There’s just not enough time in the day, and March is days away. I hate you February, for being so short.

Weblog design update

I just rolled out some design tweaks and “realignment”:http://alistapart.com/articles/redesignrealign/ to this site. The original design (if you could call it that) was whipped together several years ago and hasn’t really changed much since then. It even used HTML tables, a fact I was oddly proud of. The new site uses hack-free CSS, although there is a layout bug for some content sizes.

I also added a podcast feed link to all pages, links to my Flickr, 43 Things, and Del.icio.us accounts, and each individual post archive page also now includes excerpts from other posts in that category. You can see this in action by visiting “this post from 2 years ago”:http://www.manton.org/2004/07/california_adventure.html. I’ve been clicking through my old archives tonight, and that one stood out because WWDC is fast approaching again.

Here are two before and after thumbnails of the same post. Not too exciting, but it’s nice to make even these small improvements. Next up are some planned design-y things for the header.

Before After