Posts tagged ‘css’
Beating the spread
December 19th, 2011 at 10:15 pm by Dr. Drang
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
June 21st, 2011 at 5:37 pm by Dr. Drang
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
April 29th, 2011 at 9:49 pm by Dr. Drang
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
December 22nd, 2010 at 6:22 pm by Dr. Drang
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
December 17th, 2010 at 11:57 pm by Dr. Drang
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
December 11th, 2010 at 10:26 am by Dr. Drang
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
May 21st, 2010 at 11:26 pm by Dr. Drang
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
April 23rd, 2010 at 7:33 pm by Dr. Drang
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
March 9th, 2010 at 12:21 pm by Dr. Drang
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…
MathJax: equations on the web
December 15th, 2009 at 10:15 pm by Dr. Drang
When I started reading the MathJax homepage, I wondered why I would ever want to switch to it from the tried and true jsMath, which I’ve used for years to get good looking equations in my web page. Then I saw that Davide Cervone, the creator of jsMath, is one of the MathJax designers, and…
