How do we use tablets [infographic]

Tablets are one of the coolest gadgets out there. As a proof that everybody is taking them more and more seriously they recently became an object of study, conducted by the Pew Research Center’s Project for Excellence in Journalism in collaboration with The Economist Group. Findings are published on several pages here. For those who don’t like to read that much, journalism.org also compiled results into one nice big infographic below.

click for full size

Source: http://features.journalism.org/2011/10/25/tablet-revolution/

CSS3: Radial gradients in Opera 12

Opera 12 is knocking at the doors and it bring couple of nice new features like new HTML5 parsing engine called Ragnarok and native support of CSS radial gradients, wich I’d like to introduce a little.

CSS Gradients

Opera supports CSS linear gradients since version 11.10 and time has come to take CSS3 gradients to new level. Finally. Alpha version of Opera 12 brought possibility to define radial gradients using same syntax firefox and chrome browsers are using.

And this is how you do it:

/* General syntax looks like this */
E {background-image: -o-radial-gradient(position,size and shape,colour stops);}

Continue reading

CSS size limit in Internet Explorer 8

I recently added a somewhat bigger chunk of code to my main project and once I made update available for testing, people started to ask me, why pages are no longer working in IE8 (nor IE6 and IE7 for that matter).

My first thought was, that I my update screwed something up. I checked the code like a hundred times, but never find anything wrong. Interesting part was, that only compressed one-file version of CSS was refusing to work. When I offered several raw source files to IE8, it worked like a charm. And that’s when I started to suspect it. Continue reading

3 things I like about Opera Dragonfly

I am using Opera Dragonfly every day for CSS and HTML development and it has many cool features. Like what? Like these:

#1 Debugging :hover

When ever I need to debug :hover state of an element whether it is javascript widget or simple anchor I use Dragonfly. Unlike Firebug or Chrome console it freezes whole site when you select an element for debugging. So once you do “inspect element” it stops in :hover state (if defined) and everything is nicely tweakable via CSS console. I know Chrome and Firebug (thnx @MicE_sk) let you see and tweak :hover styling as well, but you have to click around a bit. Opera’s approach is more intuitive.

hover

Continue reading

An SEO Checklist for New Sites

When launching a new site, whether it’s a small portfolio page or large grocery e-shop for whole galaxy and suburbs, there are tons of things you need to keep in mind. Here is a great video that nicely covers all important stuff.

Wistia

Source: http://www.seomoz.org/blog/an-seo-checklist-for-new-sites-whiteboard-friday