Posts tagged ‘css’

Some Safari 6 stuff

Last night I upgraded Safari on my MacBook Air to version 6 and today I did the same on my iMac. Both are still running Lion. I had a couple of problems with the way the new Safari ran, but they were both solved quickly by friendly people on Twitter. First, Apple has removed the…


Beating the spread

I have a weakness for parenthetical comments. Usually they’re not in parentheses—my real penchant is for dashes—but whatever punctuation I use, I love to shoehorn extra comments into my sentences. And ever since I adapted Lukas Mathis’s popup footnote JavaScript to work here, I’ve been sticking footnotes into almost every post. The problem with footnotes…


Span alignment trick

This is a bit off my normal track, but it’s a cute little HTML/CSS trick you may find useful. The neighborhood pool my family belongs to has a water polo team that plays the other pool teams in the area. My boys play on the team, and my wife and I volunteered to do some…


Best laid CSS plans

I’ve been pretty happy with the simple little weather webapp I made the other day. Yesterday I took some ideas from Ben Brooks’ fork of it, a bit of JavaScript from Remy Sharp and came up with this (a composite image from two screenshots): Eliminating the word “Temperature” from the top header was Ben’s idea,…


Standard ≠ Serif in Safari

For font-family properties in CSS, the W3C makes this recommendation: Style sheet designers are encouraged to offer a generic font family as a last alternative. Most web designers follow this advice. It’s common to see things like css: body { font-family: Garamond, serif; } in CSS style files. The idea is that if the visitor’s…


Pinboard extension for Safari

Like a few zillion other people, I moved my Delicious bookmarks over to Pinboard yesterday when I read that Yahoo was “sunsetting” Delicious. Just leaked: Yahoo! is closing or merging Del.icio.us, Upcoming, Fire Eagle, MyBlogLog, and many more. http://yfrog.com/h3z89p1:08 PM Thu Dec 16, 2010@waxpancake Andy Baio Because of the sudden huge demand on its servers,…


Source code line numbers and the iPhone

Web standards were supposed to free us from the hassles of browser-specific code, but odd corners of incompatibility still exist. The syntax highlighting and line numbering code I added to the blog last week works perfectly in Safari, Chrome, and Firefox (and probably even on Internet Explorer, although I can’t test that); but, as I…


Division practice sheet

The school year is almost over, so here’s something your kids will love to play with over the summer: a division practice page that generates a new set of problems every time you refresh. Yippeee! It’s set up like my other math practice sheets, a self-contained HTML file with all the JavaScript and CSS included.…


Scrolling simply

I’m not an HTML/CSS tips kind of blogger, but I was testing some new design ideas for my company’s web site today, and I ran across simplyScroll by Logicbox. It’s very nice as is, and you can easily improve it. SimplyScroll is a jQuery plugin that takes a series of images—all of which must be…


What’s wrong with Roger Ebert’s blog

It’s not the content, of course, it’s the formatting. Have you tried to read his RSS feed on an iPhone? I started reading Roger’s latest blog entry this morning and ran into the same problem I always do when reading him on my iPhone. The screenshot above is from the MobileRSS feed reader, but I…