The Loop’s Jim Dalrymple compiled the following numbers for the time it takes various tech sites to load in a browser in late 2011: The Loop: 38 requests; 38.66KB; 1.89 secs Daring Fireball: 23 requests; 49.82KB; 566 milliseconds Macworld: 130 requests; 338.32KB; 8.54 secs Ars Technica: 120 requests; 185.99KB; 2.08 secs Apple: 46 requests; 419KB; [...]
May 7, 2012
CSS Speech Bubbles
Twitter front-end guy Nicolas Gallagher likes both CSS and speech bubbles enough to want them unadulterated by images and non-semantic markup. The lesson from his many examples is that it all comes down to an :after pseudo element that puts the little triangle in there: More examples on Nicolas’ site.
August 24, 2011
Sara Cannon On Responsive Web Design At WCSF
Sara Cannon‘s talk on responsive web design (resizing the page to suit different client devices) was spot on. Her slides are below, but she also recommends this A List Apart article on the matter, as well as Less Framework and 1140 CSS Grid (especially as alternatives to 960.gs). Responsive Web Design – WordCamp San Francisco View [...]
August 23, 2011
Estelle Weyl on CSS3 At WCSF
August 14, 2011
Notes To Self: Twitter’s Website Rocks On Mobile Devices
Twitter’s mobile site rocks on my iPhone. Especially worth noting: they’ve figured out how to pin their header to the top while scrolling the content in the middle. They’re also using pushState() and other cool tricks to make the experience feel very native, but the scroll behavior is rare among web apps on iOS. Kent [...]
February 20, 2011
GigaOM Mobile Site Launched
This week we launched a new mobile theme at GigaOM.com. It was out for just a day or two before Dennis Bournique surprised us with a review on WAPReview.com. I have no way of knowing if I would have linked to the review if it wasn’t positive, but I would likely have found a way to [...]
August 6, 2009
Martin Belam’s Advice To Hackers At The Guardian’s July 2009 Hack Day
An amusing hacks-conference lightning talk-turned-blog post on web development: “Graceful Hacks” – UX, IA and interaction design tips for hack days. Martin Belam‘s talk at The Guardian’s July 2009 Hack Day must have been both funny and useful: Funny: “However, I am given to understand that this is now deprecated and has gone out of fashion.” Useful: “the [...]
April 23, 2009
Tips To Publishers From Google News
It turns out that there are a lot of differences between Google’s regular web crawler and the Google News crawler. And though very few of us will find our content included in Google News, it still seems like a good idea to make our content conform to their technical requirements. Here are a few of [...]
September 11, 2008
Web Form Validation With jQuery
September 10, 2008
CSS Transformations in Safari/WebKit (and Chrome too?)
The cool browsers support radius corners, but Safari supports CSS transformations that allow developers to scale, skew, and rotate objects on the page like we’re used to doing in PostScript. And better than that, we can animate those transformations over time — all without any JavaScript. Fire up Safari or Chrome and mouse over the examples [...]
September 8, 2008
Thesis and f8 — Two Sweet Commercial WordPress Themes
Good work deserves compensation, but commercial themes are still unusual in the world of WordPress. The new themes directory has well over 200 free themes listed, and the old directory had thousands of them. Still, I like Thesis and f8. Actually, I like a bunch of themes from Graph Paper Press (get them all for [...]
July 4, 2008
New Theme
For the past year or so I’ve been wanting to design a non-bloggy theme for this site — a beautiful theme with a magazine-like front page showing the most recent post in a handful of categories. But I’m further from it now than last year, so it’s time to move on. Which isn’t to say [...]
June 16, 2008
Detecting Broken Images in JavaScript
We’ve become accustomed to link rot and broken images in nearly all corners of the web, but is there a way to keep things a bit cleaner? K.T. Lam of Hong Kong University of Science and Technology came up with this sweet trick using jQuery and readyState to find and replace broken images: jQuery(’span#gbs_’+info.bib_key).parents(’ul’).find(’img.bookjacket[@readyState*="uninitialized"]‘).replaceWith(’<img src="’+info.thumbnail_url+’" [...]
February 21, 2008
Web Design Frameworks?
I’m a fan of the Sandbox WordPress theme because it does so much to separate application logic from design, and a few small changes to the CSS can make huge changes to the look of the site. I think that’s the idea behind Yahoo! Developer Network’s Grids CSS library. That is, well structured HTML allows [...]
January 9, 2008
How Do I Create A Semantic Web Site?
December 14, 2007
Recently Commented