Email Doesn’t Scale

Comments Off

Posted on 28th February 2008 by Dan Rubin in internet |Uncategorized

, , , , , , , , , , , , , , , , , , , , , , , , Uncategorized, , , , , , , ,

I’ve been wanting to write about my problems with email for a while now, but keep coming up short when it comes to explaining exactly why it fails for me. That is, until reading Tantek’s latest on the subject:

“I’m probably responding to less than 1 in 10 emails that are sent directly to me, even fewer of those that are sent to a set of people or a list. The usability of email for me has deteriorated so much that I exclaimed on Twitter recently: EMAIL shall henceforth be known as EFAIL.”

He goes on to explain his thoughts on why point to point communications do not scale, and how emails in general are becoming too bloated (the lack of a singular focus in many emails I receive definitely impacts my likelihood of responding), as well as how 1:many or 1:all mediums are superior to 1:1 methods (e.g. email). This is exactly what I’ve been trying to figure out how to say.

Semi-solutions

Tantek certainly isn’t the first to write about the the problems with email — Mike Davidson’s solution last year was to reduce the length and detail of replies to a specific number of sentences, but that hasn’t allowed me to make a sufficient dent in my inbox.

Similarly, Inbox Zero (a process many of my friends use to keep the noise down) just doesn’t seem to work for me. Plus, having an empty inbox won’t stop people from communicating with me via email when they should be using another medium.

It’s not you, it’s me

Both Inbox Zero and Sentenc.es aim to reduce the impact of the full inbox by making it easier to empty on a regular basis, but for me that doesn’t solve the problem as I see it–it isn’t a matter of finding a way to work around what email has become, it’s just that email is being used improperly, and I’d rather use other methods of communication that are more appropriate to the type and relevance of the message.

How do we fix it?

Email isn’t broken for everyone (or at least, if it is they don’t realize it yet), but I find more people becoming frustrated with email every week. Add the whole SPAM problem into the mix (over the last 6 months, more and more of my valid incoming/outgoing messages are getting caught by SPAM filters than ever) and I just see email continuing its downward spiral.

I’m not sure of the solution — as long as my clients continue to send me emails and expect a response, I’m a bit nervous to tell them to shove it (it’s hard enough to get them to all use Basecamp instead for project communication, let alone stop using a method that still works for them), but perhaps that’s what it will come down to. Tantek’s article ends with a list of suggestions that can serve as a decent starting point, and his Email Reduction project is also worth checking out.

Does email = efail for you? How do you feel about the future of email?

Pardon Our Dust

Comments Off

Posted on 27th February 2008 by Dan Rubin in internet |Uncategorized

, , , , , , , , , , , , , , , , , , , , , , , , Uncategorized, , , , , , , ,

If you’re visiting this site for the first time, and are seeing the default WordPress theme (aka Kubrick), please rest assured that a custom designed theme is hiding somewhere within the WordPress installation–WordPress is just having a bit of a tantrum lately, and has decided to keep reverting back to the default shortly after I reset the custom theme in the admin.

Those of you who are return visitors are hopefully missing the usual orange and brown goodness that has graced these pages for almost 2 years.

Hosting Woes

For the last few weeks, my homepage hasn’t been loading at all — Dreamhost didn’t seem to think it was a problem on their end (though I’d made no changes to the site between it working and ceasing to work). After going around in circles with them for too long, I uploaded a fresh install of WordPress, moved my plugins and theme directories, changed a few hard-coded absolute URLs, and things were working again. For about 5 minutes.

Artificial Intelligence?

Perhaps my blogging software is trying to tell me something? I’ve planned a redesign for well over a year, but other endeavors have taken priority (e.g. Sidebar Creative, Webgraph, Rounders, various client/consulting work, presentations, workshops and toying with things like Virb). I’ve also been seriously thinking about hitting the redesign over the last month or so–is WordPress now smart enough to read my mind? Or is my soon-to-be-replaced theme getting jealous? It’s creepy from where I’m sitting…

Separating Content From Presentation

Okay, so it’s not the use for which that phrase is intended, but in a way, it’s interesting to see my content without its custom skin. I’ve been reading through many of the articles I’ve written, and paying more attention to the text. Perhaps this is a normal issue with designers trying to objectively read their own content while getting distracted by their own designs–if you haven’t tried it, give it a shot sometime; it may help expose issues with your design, or your content, or at the very least allow you a fresh perspective on your own writing.

Streamline your forms with widgets

Comments Off

Posted on 14th February 2008 by Peter in internet |Uncategorized

, , , , , , , , , , Forms, , , , , , , , , , , , , , , , , , , , , vitamin, , ,

“Advanced forms” are rarely that. A more fitting name would be “Overwhelming and confusing forms”. But with Jason Long’s clever approach to streamlining a screen full of checkboxes, you might just be able to once again look fondly on your forms.

Cross-browser transparent columns

Comments Off

Posted on 10th February 2008 by Fredrik W in internet |Uncategorized

, , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , ,

Transparency is an effect that, unfortunately, haven’t gotten much use during the web’s history. One of the biggest reason for this is the lack of support for PNGs with alpha channels in IE6. This is starting to change with IE7 and Firefox gaining more and more ground on Windows systems.

As most web developers are aware o it’s possible to use PNGs with alpha channels, but this is filled with lots of problems and doesn’t work very well when you place content on top of them.

There is a way to make content transparent, using the opacity tag and a proprietary opacity filter in IE-based browsers. The problem with this CSS-property is that all children to the transparent element will be transparent as well, which often isn’t the desired effect.

Knowing all this, how do we create transparent columns that can work in all browsers? What if we could use the opacity property but still have the content opaque?

transparent-columns.gifThis is possible using some clever use of CSS-positioning. What we’ll be doing is having a parent element that contains two children. One transparent background that fills the entire width and height of the parent, and one child that contains the content. This way we can have a transparent background while the content remains opaque.

Let’s get working

The basic markup we will be using is as follows:

Content

First we want to set the container to position: relative; float: left; this allows us to use relative absolute positioning and makes the parent to contain all children if they are floated.

#column-1 {
  position: relative;
  float: left;
  width: 500px; /* remember to set a width */
}

Not let’s take care of the transparency on the “overlay”-div.

.overlay{
  position: absolute;
  top: 0; /* These positions makes sure that the overlay */
  bottom: 0;  /* will cover the entire parent */
  left: 0;
  width: 100%;
  background: #000;
  opacity: 0.65;
  -moz-opacity: 0.65; /* older Gecko-based browsers */
  filter:alpha(opacity=65); /* For IE6&7 */
}

Ok. Now let’s style the content. It’s important to set a fixed width.

#column-1 .content {
width: 460px;
padding: 20px;
}

Ok, almost done. As you may have noticed (if you’re following me, that is) the text is placed under the transparent overlay div. To fix this, we set the content to position: relative;

.content {
  position: relative;
}

Ok, now it works in all browsers except for IE6. Let’s fix that. Enter the following CSS expression:

/* Lets use the * html hack so only IE6 reads the rule */
* html #column-1 .overlay {
  height: expression(document.getElementById("column-1").offsetHeight);
}

If you plan on using it on a live site, you may want to use conditional comments instead of the star html hack. But for this example it will suffice.

Drawbacks

It’s also noteworthy that it won’t work in IE6 if javascript is disabled, but it degrades gracefully. Given the last survey of IE6 I saw which was about 32% and the (roughly) 10% that surf the web without Javascript, only 3% of your visitors will even notice this, which I find totally acceptable.

Another downside is that each column needs it’s own id and it’s own CSS rule for IE6. I can live with that though.

Conclusion

And there you have it! Here’s a working example. Cross-browser transparent columns. This is the same technique as I use on this site. Floats work too – which makes it possible to create multi-column transparent-column layouts.

Download the source-file transparent-columns.zip.

Translations

Spanish
Russian

Welcome

Comments Off

Posted on 10th February 2008 by Fredrik W in internet |Uncategorized

, , , , , , , , , , , , , , , , , , , , , , , , , , , , , , ,

I welcome you all to the new version of my hideout on the web, formerly known as warnis.com. As old visitors will noticed, things have changed drastically here.

A fresh start

I’ve gone for a complete overhaul of the site. The name, branding and theme of the site are all brand new. The time felt right for a face lift, and in this case, a big one. I wanted a site that put more emphasis on me than my old one, while having a brand that wouldn’t be as closely connected to my name as the old name was.

Flexibility was another very important aspect to me when building this site. I wanted to create a solid foundation to be able to build further upon if I had the need to, which the old design didn’t quite give me. This led to me writing less and paying less attention to it, which I regret in hindsight.

The design

When creating the design I had two goals. To pay as much attention to detail as possible and to add minor functionality that improve the overall experience. It’s got lots of small javascript enhancements that aim to make the user experience as pleasant as possible.

The other goal was to not feel restricted by the limitations of browsers and CSS when creating it, which I really feel as I’ve accomplished (transparent columns in IE6, anyone?).

I’m very satisfied with the end result and I hope you all will like it as much as I do.

Old posts

I’ve exported the old posts from warnis.com that people seemed interested in reading (which pretty much means the posts that got search engine traffic). You can find them in the archives.

The future

I’m going to focus more on writing articles on web development and use it less as a blog (hence the name “Articles” instead of Journal or Blog). I’m going to publish thoughts, tips and reflections on web development, web design, user experience and programming. This means that I won’t publish anything new unless I have something of importance (to me, at least) to say.

You can expect some articles on creating this site in the coming days

Stay on :target

Comments Off

Posted on 1st February 2008 by Peter in internet |Uncategorized

, , , , , , , , , , , , , , , , , , , , , , , , , target, , , , , , vitamin, , ,

A lot of us know all the ins and outs of CSS2 and HTML4, and reading the same types of how-tos can get boring. What better way to fight that boredom than forget about the current practicality of CSS3 techniques and learn them anyway? Brian Suda does just that with this article on the immensely useful :target selector.