Geotagging (or geocoding if you prefer) is the act of associating your content (blog posts, photos, feeds, etc.) with a geographic location (e.g. via latitude and longitude co-ordinates). Thus tagged authors can "mash" their content together with the likes of Google Maps, or the Flickr Map if photography is your thing. However, co-ordinates are typically encoded within metadata (or microformat) tags making them visible to machines but hidden from people. We have de facto web standard icons to help identify feeds, OPML, and sharing—so why not for geotagged content?
Continue reading 'A web standard icon for geotagging'
Tag archive for 'Internet'
So you fancy using some of that über-cool draft CSS3 that WebKit browsers can handle, such as text shadows, drop shadows, opacity and rounded corners? But at the same time you want to present only valid CSS to the W3C CSS Validator? It's a dilemma, but it is possible to have your cake and eat it too—albeit by hiding CSS in JavaScript and thus cheating the Validator. However, there is even a precedent for doing so.
Continue reading 'How to safely inject CSS3 using jQuery'
Previously we looked at moving to jQuery, and then at the best way to do corners and gradients using a variety of techniques (Part 1). In this follow-on article (Part 2) I want to share how jQuery can be extended for similar cornering, gradient, and drop shadow visual effects. Although my JavaScript ability is not much beyond "cut and paste" the idea here is to share how easy it is to create these effects for other folk possessed by similar (in)ability.
Continue reading 'Corners, gradients and shadows with jQuery'
Rounded corners. Yes, they may be a "Web 2.0" fashion fad, but it has been clearly documented that they're a lot easier to make than square ones. As part of my overhaul of bioneural.net I've been optimizing much of the code "under the hood", meaning a lot of the changes aren't even visible. Re-evaluating how things are put together, and considering how they could be done more efficiently or otherwise improved is a valuable exercise—that it scratches a perfectionist itch is an added bonus. In this article I look at a variety of methods for creating boxes with rounded corners and gradients. Yep, it's a showdown!
Continue reading 'The best way to do corners and gradients'
Since I began revamping my site (mostly under-the-hood) at Xmas I've tracked down and eliminated a number of long-standing bugs. I'm now satisfied that my site renders acceptably using Firefox, Safari, IE6 and 7, and across both my primary and alternate styles. Thankfully the majority of bugs I've encountered have been well described and have had solutions documented. But it's matching your issue to the bug description that's the hard part. One particular IE6 bug took me a while to identify because it seemed so random: some pages were inexplicably wider than the fixed-width of 780px by 3px.
Continue reading 'IE6, italics, and overflow issues'
As if Blue-ray v HD-DVD wasn't enough: the W3C's HTML 5 spec is now a working draft (interestingly edited by Google and Apple employees), competition to XHTML 2. HTML 5 extends HTML (yet the iframe lives on!) to cover the semantics of "non-document" web content e.g. forums, search engines, e-shops, etc. But do the differences mean developers must eventually choose one flavour or the other?
