The only statistic you get in most web analytics software is screen resolution. But there is a pretty good chance you just read this sentence in a browser that isn’t open to the full size of your monitor. If you are looking at size analytics for you website, browser size is far more relevant. In this article we figure out how to get that data, and then look at some of the results gathered from css-tricks.com.
I get a little giddy when I come across perfect uses for :nth-child or :nth-of-type (read about the difference). The better you understand them, the more css nerdgasms you get to have!
Ever since I’ve published the article Dynamic Page / Replacing Content, I’ve gotten quite a few emails that come in from people who are trying to use it in conjunction with some other JavaScript stuff and having trouble. Most of the time, it’s some kind of lightbox effect. One of their pages has a bunch of thumbnails on it, and when they load that page in, the lightbox effect doesn’t work.
The problem is that when the thumbnails are…
Just because I thought it was interesting, I shared this on Twitter this morning:
95% of traffic to CSS-Tricks has a screen resolution of larger than 1024×768.
And I got all kinds of responses like: That’s such a skewed statistic!!!
How are my own stats on my own website skewed?
OK, I know what they meant, they meant that that 95% number isn’t indicative of most websites, it’s only CSS-Tricks visitors. So people shouldn’t quote that number out of…
Couple of things I wanted to share from Wufoo land.
Developers: We’ve released the Wufoo Form Embed Kit, which is a way you can build form embedding integration with other apps easily. As in, you don’t have to learn our APIs or do custom design work. Would make for neat CMS plugins!
Designers: If you didn’t know you could apply your own custom CSS to Wufoo forms and completely transform their appearance, you can, and here’s a tutorial…
Tons of examples and information from Joshua Johnson.
My buddies at Sense Labs just released a really cool iPhone app called Dropp. Allows you to leave location-based messages anywhere on Earth that people receive when they visit that location. Leave them privately for your friends, or publicly. Such a cool simple idea that could be used for so many things, from scavenger hunts, to marketing, to romance.
New tool by Nicholas Zakas and Nicole Sullivan to analyze your CSS and tell you that you are doing a bad job. It's an amazing tool to help you understand how to write better CSS. To nitpick, I'd say that warnings like "Don't use ID selectors" is a bit harsh and biased toward Nicole's own OOCSS style, but hey, it's her creation. The project is on GitHub, so if you find errors or want to make your own version, do it up there.
Putting a border around the inside of the browser window is such a simple little idea and can be a nice design effect. But how do we do it so that the borders don't scroll away as the page scrolls? And what about IE? And what about mobile devices? We look at a bunch of techniques for doing the body border, but they journey and technologies we look at on the way there are the interesting part.
Links from the video:
