Onswipe iPad WordPress Theme

If you visit Natural Jenius on the iPad, you will notice our new iPad-specific theme powered by Onswipe.  Onswipe is a platform designed to make publishing look beautiful on tablet devices.  Their software powers the tablet-specific views for sites like Slate and The Blaze.  If you have a blog hosted at wordpress.com, you already have Onswipe ready to go, but if you have a self-hosted WordPress site you can install the plugin.

After installing the plugin, configure it from the Onswipe settings in the Appearance menu. You can choose how your images are displayed, change the font and select a color scheme.  Save your settings and that’s it.

Onswipe WordPress settings

Onswipe WordPress settings

Check out Natural Jenius on the iPad to see how it looks.  I will upload a screenshot later today.

Read the rest of this entry »

CSS Comma-separated Lists

If you’re writing semantic HTML, a list should be an HTML list.  But what if you want to display it as a comma-separated list of values?

Here’s our HTML.

<ul class="example">
	<li>Item One</li>
	<li>Item Two</li>
	<li>Item Three</li>
</ul>

Here’s the CSS.

ul.example {
	list-style: none;
	margin: 0;
	padding: 0;
}
ul.example li {
	display: inline;
}
ul.example li:after {
	content: ", ";
}
ul.example li:last-child:after {
	content: "";
}

And here’s the result.

  • Item One
  • Item Two
  • Item Three

No Internet Explorer 6 Support

I am still tweaking the theme of this site and today I started verifying the layout of the site in other browsers.  I use Chrome daily, so the site naturally looked fine in Chrome.  Safari, Firefox, Opera and Internet Explorer 8/9 all looked fine too.  I had to fix a small Internet Explorer 7 bug, but it wasn’t a big deal.

Then I tested Internet Explorer 6.  Wow!  It’s been years since I’ve dealt with pre-IE7 browsers and I’d forgotten how bad it is.

Natural Jenius Rendered by IE6

I hate IE6

According to NetMarketShare, IE6 still has 8.6% of the desktop browser market.  I suspect this is primarily corporations reluctant to upgrade because they still use internal legacy web applications that will break on newer browsers.  (You shouldn’t be reading my blog at work anyway.)

For now, I have decided to drop IE6 support from this site.  The content is still readable, even if it looks terrible.  I will reevaluate in the future when I have enough visitor statistics to see how many are using IE6.

If you’re reading this in IE6, what are you waiting for?  Upgrade to Chrome, Firefox or Safari!