Earlier today I registered the domain http://ʎɹɹɐɥ.com. Or did I? Upon reading an article by Sam Brown, which in turn linked to an article by John Sutherland explaining how to register such domains, I wanted one. There are a few levels to this trickery. There’s the ‘Oh I totally understand how this works!’
, or there’s the ‘I don’t want to know how it works, I just want it!’
level.
CSS Wizardry archive for the ‘Web Development’ category
Upside down domains—registering an international domain name
February 4th, 2010
By Harry RobertsTags: Domains
. Posted in Web Development | 8 Comments »
CSS bar charts—styling data with CSS3 and progressive enhancement
February 2nd, 2010
Bar charts in CSS are neither very new, or very difficult. Using some pretty basic styling you can force lists etc into resembling graphs and charts fairly easily. Such charts, in their most basic form, work perfectly well in displaying and presenting the data they represent. However, using some rich CSS3 and progressive enhancement, you can really start pushing the display and presentation of these normally boring documents to the next level. They are also an ideal way in which to demonstrate the power and ability of progressive enhancement.
View demo
By Harry RobertsTags: CSS3, Data Visualisation, Progressive Enhancement
. Posted in Web Development | 4 Comments »
CSS Wizardry Netvibes widget
February 2nd, 2010
For those of you that read CSS Wizardry and use Netvibes, I have created a small search widget which you may be interested in adding to your Netvibes page. The widget is simply a small search form, from which you can search all the current articles on the CSS Wizardry site. All you need to do is head to the widget’s page and hit ‘Add to Netvibes’.
From my point of view, creating the widget could not have been simpler—simply writing some basic form HTML which posts to the blog will yield results, and it then just requires dropping into an XML document and placing on a live server, and linking to via the Netvibes developer centre.
You can view the ‘master’ XML document here: http://csswizardry.com/netvibes/index.xml
By Harry RobertsTags: netvibes, Search
. Posted in CSS Wizardry, Web Development | No Comments »
iPhone CSS—tips for building iPhone websites
January 31st, 2010
With the rapid rise in mobile browsers, it has probably never been more important to ensure your sites can be handled on these platforms. By far one of the most popular such browsers is Mobile Safari on the iPhone—this is one of the easiest browsers to develop for: it runs on Webkit (meaning a lot of rich CSS3 support) and it’s only ever on one resolution and on one OS.
N.B. This article addresses iPhone development and iPhone development only. There is no reason why you cannot or should not develop for other mobile devices and platforms, Apple or otherwise. This just happens to be an iPhone only post.
The practical upshot of this is that you need to do no cross-browser testing, and can use all the CSS3 you like. This post will show you some of the basics of developing and designing websites for the iPhone and Mobile Safari.
By Harry RobertsTags: CSS, iPhone
. Posted in Web Development | 39 Comments »
A reconsideration—in defence of <b> and <i> (or: people fear what they don’t understand)
January 26th, 2010
The other day, I got to thinking about the HTML elements <b> and <i>, and wondered if they were still viably usable in production code. I’ve personally never used them before but I was aware that they existed and were still very much valid XHTML markup (even in the Strict DOCTYPE!). Wondering whether I’d avoided two elements for three years unnecessarily, I did some digging.
What the facts state
<b> and <i> are still valid, and as XHTML is just an XML serialisation of HTML, pretty much all the elements apparent in the HTML spec are true of the XHTML spec too—it is, pretty much, just the way in which these elements are written that makes them different in XHTML.
With the help of @smashingmag I turned to Twitter and my knowledgeable followers and asked the question:
“Using <i> and <b> in (valid) XHTML (strict)… your thoughts on this would be much appreciated. #upcomingBlogPost Cheers all!” @csswizardry
By Harry RobertsTags: HTML, Semantics, Web Standards
. Posted in Web Development | 15 Comments »