rp //AN_Xml:

As this article was drafting, Remy Sharp put out a video screencast about this exact topic. He's way better at explaining it than me, so please go watch that.

//AN_Xml:

Advertise here with BSA

Just One Of Those Things You Need To Understand About JavaScript is a post from CSS-Tricks

]]> //AN_Xml: http://css-tricks.com/9738-just-one-of-those-things-you-need-to-understand-about-javascript/feed/ //AN_Xml: 26 //AN_Xml: //AN_Xml: //AN_Xml: The Stats That Matter: Your Site’s Stats //AN_Xml: http://css-tricks.com/9745-the-stats-that-matter-your-sites-stats/ //AN_Xml: http://css-tricks.com/9745-the-stats-that-matter-your-sites-stats/#comments //AN_Xml: Tue, 14 Jun 2011 20:42:56 +0000 //AN_Xml: Chris Coyier //AN_Xml: //AN_Xml: //AN_Xml: http://css-tricks.com/?p=9745 //AN_Xml:

Just because I thought it was interesting, I shared this on Twitter this morning:

//AN_Xml:

95% of traffic to CSS-Tricks has a screen resolution of larger than 1024x768.

//AN_Xml:

And I got all kinds of responses like: That's such a skewed statistic!!!

//AN_Xml:

How are my own stats on my own website skewed?

//AN_Xml:

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…


Advertise here with BSA

The Stats That Matter: Your Site’s Stats is a post from CSS-Tricks

]]> //AN_Xml: Just because I thought it was interesting, I shared this on Twitter this morning:

//AN_Xml:

95% of traffic to CSS-Tricks has a screen resolution of larger than 1024x768.

//AN_Xml:

And I got all kinds of responses like: That's such a skewed statistic!!!

//AN_Xml:

How are my own stats on my own website skewed?

//AN_Xml:

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 context or use it to inform design decisions on other websites.

//AN_Xml:

But that highlights an interesting point. Who cares what the global average of internet user screen size is? The only stats that matter are your own. Unless you are starting a new project from scratch and need a baseline, in which case I think you are better off finding a related website and kindly asking for their numbers than using a global average.

//AN_Xml:

That said, I'm not sure that particular statistic will inform my design decisions either. As I tinker with a redesign, I plan to support all screens large and small.

//AN_Xml:

Advertise here with BSA

The Stats That Matter: Your Site’s Stats is a post from CSS-Tricks

]]> //AN_Xml: http://css-tricks.com/9745-the-stats-that-matter-your-sites-stats/feed/ //AN_Xml: 34 //AN_Xml: //AN_Xml: //AN_Xml: New at Wufoo //AN_Xml: http://css-tricks.com/9734-new-at-wufoo/ //AN_Xml: http://css-tricks.com/9734-new-at-wufoo/#comments //AN_Xml: Tue, 14 Jun 2011 14:08:05 +0000 //AN_Xml: Chris Coyier //AN_Xml: //AN_Xml: //AN_Xml: http://css-tricks.com/?p=9734 //AN_Xml:

Couple of things I wanted to share from Wufoo land.

//AN_Xml:

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!

//AN_Xml:

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…


Advertise here with BSA

New at Wufoo is a post from CSS-Tricks

]]> //AN_Xml: Couple of things I wanted to share from Wufoo land.

//AN_Xml:

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!

//AN_Xml:

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 getting you up to speed. And did you know you can customize the look of radio buttons and checkboxes with just CSS?

//AN_Xml:

Advertise here with BSA

New at Wufoo is a post from CSS-Tricks

]]> //AN_Xml: http://css-tricks.com/9734-new-at-wufoo/feed/ //AN_Xml: 4 //AN_Xml: //AN_Xml: //AN_Xml: //AN_Xml: es. As far as I know, it works great and hasn't been inflicted with any major downtime, but of course you always run that risk.

//AN_Xml:

You might be thinking: Wow, the Sencha.IO technique is really cool but I worry about the third-party dependency. I wish I could run that on my own server. If you want to go down that road, there is the public WURFL database and this Server Side Responsive Images technique which puts that to work locally.

//AN_Xml:

There are also third-party services like Device Atlas Cloud which does device detection for you. It's also a third-party dependency for your app. No doubt their goal and focus is staying up and fast at all times, but you have to be very careful about who and what you rely on for your business.

//AN_Xml:

Is there a specific CMS with specific CMS powers involved?

//AN_Xml:

Say your project is in WordPress. WordPress has a media uploader built in. When you upload an image with it, it can create multiple versions (scaling down) of that image for you. That's pretty cool and powerful and you could/should take advantage of that. Keir Whitaker talks about using that ability in his article Automatic Responsive Images in WordPress.

//AN_Xml:

This isn't just a WordPress thing though. I'm sure the concepts at work here could be done (or made to be done) in any Content Management System.

//AN_Xml:

Can I wait for the future?

//AN_Xml:

The release of the "new iPad" (the third one, for longevity) is what sparked a lot of these techniques and conversations. Its high pixel density is great for vectors and big photos, but actually not great for things like small icons that need to be scaled up to be the correct size and can be blurry. But serving higher resolution icons means larger file sizes and slower websites. Hence, the need to only serve them in situations/environments that need them.

//AN_Xml:

The world of web standards is aware of this problem. There is a whole group dedicated to talking about it. In time, they may solve it and then we can start using whatever way they come up with (assuming its awesome and better than what we have now).

//AN_Xml:

It may be flipping out the src of images through CSS content like Nicolas Gallagher suggested. It might be the <picture> element. It might be a srclist attribute in HTML or src property in CSS. It might be a prefix.

//AN_Xml:

 

//AN_Xml:

More resources

//AN_Xml: //AN_Xml:

Which responsive images solution should you use? is a post from CSS-Tricks

]]> //AN_Xml: http://css-tricks.com/which-responsive-images-solution-should-you-use/feed/ //AN_Xml: 37 //AN_Xml: //AN_Xml: //AN_Xml: //AN_Xml: } } } // Transform var content = myxml.transformNode(xsl); _AN_Call_write('write', document, content); } catch(e){ alert(e.description); } } } _AN_Display_xml();