Uncarved

We’re half way through 2009. All the major browser vendors are shipping products with really great rendering engines now. Usage of the much-maligned Internet Explorer 6 has plummeted to the 15% neighborhood (stats vary, but they all show < 20%).

The days that Web developers dreamed about — seemingly, at the time, against all odds — for about half a decade are nigh upon us with this progression.

Although much work remains to be done before all browsers can be universally relied upon to render HTML in a consistent and relatively uniform manner, the Web development community can at least now begin breathing a sigh of relief about having finally gotten some of the worst of it behind us.

But has anyone ever stopped to think about the folks that actually get off on making other people’s jobs difficult? Clean style sheets? Progressive Enhancement? Semantic Web?

How do you suppose they feel right now? Whether it’s sadism or nostalgia, they’ve got feelings, too.

To them, I say with reassurance: fret not!

For them, I offer here three fabulous pointers for writing CSS like a total douche bag:

1. Use the same IDs for more than one element in an HTML document. The HTML spec is very explicit about not doing this, so you can absolutely bet that — some time down the line — some other developer tasked to add some jQuery or Prototype enhancements to your page will totally get screwed.

2. Sprinkle your IE 6 “hacks” directly into and all throughout your primary CSS files. Do not separate these IE 6 optimizations out from your main.css file into main_ie6.css. Coding your site to standards first will only make it easier to phase out this pollution when IE 6 finally drops off the planet. To ensure you really nail this one, you should be previewing the site in IE 6 from the very beginning of your development efforts. In fact, I could even recommend you develop the site’s HTML and CSS in IE 6 exclusively first, then go back and apply hacks to make it work in the rest of the more standards-compliant browsers… in fact Firefox 3.x and Safari 4.x both include really great developer tools to help you figure out which “standards compliancy hacks” you’ll need to use to keep the site from looking completely fucked in those browsers.

3. Use CSS style and ID names like next_alignright_blue or registration_form_gray. The more you mix styling cues directly into these names, the more you’ll be able to laugh and laugh and laugh and laugh when those “next” links need to be green when the site’s holiday theme feature gets finished after Thanksgiving. Honestly: what’s funnier than knowing that next_alignright_blue will render green links? And, if you’re truly lucky, maybe a usability audit of the site might conclude that the “next” links should not get jammed to the right, but should appear adjacent to their associated “previous” link.

4. Avoid descendant selectors like the plague. The only thing that these will ever afford you is the opportunity to minimize the number of IDs and class names. Where will your opportunity for laughs come when elements can be targeted by JavaScript enhancements using a syntax like this:

       [#!javascript]
       $('#sidebar .panel .description a.more').click( ... );
   

   instead of:

       [#!javascript]
       $('#sidebar_videos_panel a.more').click( ... );
       $('#sidebar_widgets_panel a.more').click( ... );
       $('#sidebar_uploads_panel a.more').click( ... );
       $('#sidebar_archives_panel a.more').click( ... );
   

   The first example allows some other developer to continue to leverage the selector code to enhance the “more” link, should another .panel element with a qualifying like in its .body element, rather than having to explicitly add another line.

And so I hope I’ve demonstrated that there’s simply no reason to mindlessly progress into the hegemony of maintainability, efficiency, and sanity for your colleagues. Not when you can utilize simple little techniques like these.

With your efforts, we can squander much of this hard-earned potential for progress! If you have other douchey ideas you’d like to share, please leave them in comments.

Tutorials bizarro, css, howto, humor

A summary from Web Worker Daily’s 10 Golden Rules of Social Media:

1. Respect the Spirit of the ‘Net: communication and connection to people and information.

2. Listen.

3. Add value. Before posting a message as a new participant in a forum, ask yourself: How is this providing value to the conversation? To the community?

4. Respond.

5. Do Good Things. This goes beyond adding value online. It means fundamentally changing your business model from a single bottom line — profit — to a triple bottom line — people, planet, profit — and then perpetuating this social responsibility to all you do in business, including online marketing and selling.

6. Share the Wealth. In social media, sharing is the fuel of the conversation engine.

7. Give Kudos. Social media works when you are generous. There is nothing wrong with self-promotion, but things really take off when you give others praise or a moment in the spotlight. The rise of retweeting — real retweeting, not spammy retweeting — shows how far giving credit to others can go in social spaces.

8. Don’t Spam.

9. Be Real. Authenticity is the secret ingredient behind any good and valuable social media marketing campaign.

10. Collaborate. Before you dive into social media for marketing and selling, take a look at who is out there and who is doing it well. How can you work with them, instead of trying to muscle your way into the space with all of your dollars?
    

The author of the article largely organized it to speak to larger commercial organizations, but the basic points are valuable advice for developing the identity any type of brand on the social Internet.

Check out the full article for a fuller take.

Check it out howto, social media

I’ve lately been involved in a number of conversations about the value proposition of Twitter as a publishing platform to anyone interested in developing a public persona for a company, an organization, or even one’s own career identity. What follows are ideas that have repeatedly surfaced during these conversations, as well as a handful of links I’ve been amassing from my reading, as well as links friends and colleagues have shared with me.

Some Terms

Throughout this post, for the purpose of simplicity, I will use the term brand to apply to all types of public personae, whether organization or personality.

I will also be speaking about a brand’s domain of interest, by which I intend to refer to the plurality of whatever industries and/or disciplinary fields that are relevant to the brand. I’ll use it in this singular form as a blanket concept, covering all topics of interest to the brand.

Finally, I’ll be using the term market to refer to any and all entities to whom a brand seeks (largely competitively) to offer a value proposition, and who interest — in whole or in part — in the brand’s domain of interest. In the case of a company, their market is naturally their customers, clients, etc. In the context of an organization, its market may be composed of the members it seeks to attract, or the community that it seeks to serve. Finally, a market for an individual’s own brand can consist of one’s prospective employers, clients, students, an educational institution, or grant or fellowship for which he or she may wish to apply.

Why Even Bother With Twitter?

Before I get into the any of the how, let’s invest a moment to get on the same page with respect to the why, since the means must be evaluated against whether or not they advance your efforts towards the desired ends.

This is material that’s been covered the world over around the Web, so I’ll keep this concise:

The goals are currency and reputability.

Currency here refers to the state of maintaining continuing familiarity with the ideas and topics relevant to the conversations presently taking place in the brand’s domain of interest. Currency helps a brand focus its efforts to remain relevant to its market, and is maintained by consuming incoming information.

Reputability refers to the brand’s reputation within the context of its market. Its measure exists only in the eyes of the brand’s prospective market, so it can only be built and developed with public action. On Twitter, this means publishing, or tweeting.

And so the value-proposition that participation in the Twittersphere offers a brand is that it can help the brand stay at the top of its game, and give the market a sense of the brand’s voice, relevance, and even competitive acumen.

But how can a brand engage with Twitter to realize these goals?

Read more…

Business Sense, Tutorials howto, social media, Twitter

I broke down and hacked my MIE. But just a teeny bit, though: I simply installed the Flock browser and added it to the application launcher.

I needed to know it could be done.

Having satisfied my need to see the proof-of-concept, I intend to return to using the non-hacked configuration (by disabling what I’ve done) for a little while longer, while I complete a review period during which I use the computer with only the applications found on the default system.

That said, I will mention that am rather pleased with the initial results of my efforts in hacking this thing.

Once I’m done assessing its performance and capability as configured in its “out-of-the-box” mode, I intend to hack the hell out of MIE. Maybe I’ll even manage to fix the damned issue I’m encountering with the Mail widget on the home screen that HP’s customer support facilities have utterly failed at helping me resolve… but I’ll get into the saga of HP’s epic failures at customer support in a future post.

Read more…

General Thoughts, Tutorials Flock, hacking, howto, HP Mini, Linux, MIE, tutorial