So whats new…

7/1/2007 – 3:33 pm

For this round of redesign, I focused on two things.. simplicity and external content. With the last site, I had enough of all the spliced images, excessive shadows, and hacky html and CSS to pull it off. So this time I’ve stuck with a subtle color scheme, plenty of whitespace, and (practically) no images. I didn’t only to go for the simple look, but to also make the usage of the site more simple. Those efforts include sensible minimum and maximum withs, different sidebars for the home page and individual pages, and improve readability with vertical rhythm. I still think that I need to make many adjustments (boy is text rhythm hard with variable sized content) but things are good enough for now.

A few times in the past I’ve tried different efforts to update my blog more frequently, but here I go again trying something else. Even though I have not been blogging much at all the past year(s), I still have been creating and contributing content such as my pictures on flickr, bookmarks on del.icio.us, and interesting sites I’ve dugg. When I started to get into twitter, I considered replacing my blog completely with twitter updates. That started the thought process and even though I’m not replacing the blog, I am keeping things more “fresh” with other content. I really like the idea that I can put things on many different places on the web and yet still use it in one place. For those of you would really like to stalk me, you can keep tabs by looking at my tumblelog (same content, just organized into one feed of info).

I have it admit it was hard for the engineer in me to accept the fact that I’m not being very orthogonal. The “issue” here is that I’m putting similar content in different places. Some may say that del.icio.us, digg, and the shares from google reader all serve the same function so whats the point of using them all? The point is two fold… first in the case of del.icio.us and digg I really am using the two sites for different purposes. For me del.icio.us is my personal internet reference. Whenever I stumble upon a site that is useful (or could be useful in the future) I’ll put it in del.icio.us so I can find it later (google search is good, but searching your own bookmarked references is much better). On the other hand, I’ll digg sites that I find fun, interesting, or insightful. It is more of a way to share than to use.

That argument doesn’t work so well for gReader shares and digg. I pretty much am using them for the same thing. So that means I need to consolidate, right?¹ … No, convenience is a feature. And simply creating a share in google reader is just one keystroke/button click. Maybe someday I’ll try out the greasemonkey script that will insert a digg link inside the gReader interface, but for now I’m good. Don’t worry… embrace the entropy :)

So please give me some suggestions or criticisms, hopefully this will make those (few) of you that look at my site less bored :).

¹: For those of you confused why someone would think this way, you don’t work with engineers. We always (I mean always) put way too much effort in to solving problems that really have no need to be solved. It is the case of TMT (to much thinking) and even more so ITIKMTIRD (I think I know more than I really do)… and yes I totally just made those acronyms up

Share This

Posted in Blogging, UI | Comments (4)

Things look different…

6/25/2007 – 12:52 am

So here we are, my blog has been revamped. Its been a long time coming, and there are some things I’d like to point out… but not now. Its time for bed.

Share This

Posted in Blogging | Comments Off

Photo update…

6/4/2007 – 5:59 pm


Flying spaghetti monster?

Corning museum of Glass


DSC_0064.JPG

Hiking in the Blue Hills

A sampling of other pics I’ve added, see more at my flickr page

Irish breakfastPULL!Going out, with my baby -- going out..We don't like losingAww, EeyoreIMG_0318

Share This

Posted in Photos | Comments Off

Hoodwink.d is one of the weirdest things I’ve stumbled upon on the web.

3/27/2007 – 4:48 pm

Please, only geeks here (believe me on this one):

Here is the entry point to the puzzle.. http://hoodwinkd.hobix.com/

If you need some help figuring it out let me know :)

I can’t figure out if _why the lucky stiff is a madman, genius, artist, or all three simultaneously

Share This

Posted in General | Comments Off

Another way to hack CSS for IE (nicely?)

3/20/2007 – 8:32 pm

After some #IEroot inspiration at positioniseverything.net and some help from here, I’ve come up with yet another approach to paritioning CSS rules based on the browser. Using this technique you can get rid of the * html hack and the need for a separate IE 7 CSS file.

I liked how positioniseverything suggested using conditional comments to make different IDed wrapper divs (eg <div id=ie6>..page..</div>) but I didn’t like all those extra divs around. So why not just put the id on the body?

With this technique, there will be no extra elements in the dom since I’ve placed the conditional comments so that there always will only be one body element. Some may argue that all those extra comments are ugly, but hey it validates and does not incur any extra semantics or accessibility headaches of extra elements.

Here is what I came up with:

    1 <html>
    2   <head>
    3     <title>IE conditional comments test</title>
    4     <style type=“text/css“ media=“screen“>
    5       #ie7 p { color: red; }
    6       #ie6 p { color: green; }
    7       #ieOther p { color: blue; }
    8       #nonIE p { color: black; }
    9     </style>
   10   </head>
   11
   12   <!–[if gte IE 7]><body id=”ie7″><![endif]–>
   13
   14   <!–[if IE 6]><body id=”ie6″><![endif]–>
   15
   16   <!–[if lt IE 6]><body id=”ieOther”><![endif]–>
   17
   18
   19   <!–[if !IE]><!–><body id=“nonIE“><!–<![endif]–>
   20
   21     <div>
   22       Testing which version of IE (or non-IE) you have.
   23     </div>
   24
   25     <div>
   26       <script type=“text/javascript“ charset=“utf-8“>
   27         var body = document.body;
   28         document.write( ‘body.id = ‘ + body.id );
   29       </script>
   30     </div>
   31
   32     <p>
   33       Colored text. Red = IE 7, Green = IE 6,
   34       Blue &lt; IE6, Black = not IE
   35     </p>
   36
   37   </body>
   38 </html>

Try it out here

Share This

Posted in Tech, UI, css | Comments Off

You are not a true web developer until…

1/30/2007 – 10:57 pm

You have used firebug. I’ve been an avid firebug user the minute I first heard about it — starting with the initial appeal of CSS inspection, then integrated error reporting, and then getting hooked on the interactive javascript console. Firebug .3 was a big step up from the built in DOM inspector, but still it had its problems with generated content, a quirky debugger, and the inability to see inherited styles.

Then firebug 1.0 came along obliterating these problems and brought a ton (no a metric *#$! ton) of great new functionality. Its sad enough that I’m extolling a piece of software publicly… its even sadder that I was jumping up and down (literally) in my apartment when I first tried out firebug 1.0 beta. Yeesh…

But I do have a good excuse. I do a lot of web development, I practically live and breathe it (though I have not been doing it much on the side lately). If a tool came along that made you twice as productive for your job/hobby, you’d be happy too — right?! And it is not just about productivity, its also about joy of use. I used to dread debugging nasty CSS issues. It sometimes took hours to figure out that that 3px gap was caused by a measly missing space between two selectors. Now I feel like I’m in control and am confident that bug will be easy to find (and fix)! So please, before you label me as too big of a dork remember that you’d be pretty happy too to find something that made your life so much easier :).

So for the doubtful, what can firebug do?

  • Click to inspect any part of the page to see its styles (and all the styles that have been inherited and/or overwritten), box model, dom properties, or html source
  • Dynamic editing of the page. HTML, CSS, and javascript. Just click to edit a field. The page will update to your changes in real time. As a bonus the edit fields have auto-complete (just like every other place you can type)
  • Solid javascript debugging with really quick and easy watch expressions. I knew that I should have been debugging instead of logging messages for a long time, but now I can finally use a debugger that isn’t painful (sorry Venkman… and firebug .3).
  • Profiling!!
  • Graphic visualization of all the http requests made on a page, including everything you need to know for page optimization!!!
  • Easily navigate between contexts since nearly everything in firebug is a link. Want to look into the properties of a javascript object? Click it. Want to see the http headers of a request? Click it. Want to inspect an element in the source view? Click it. This UI paradigm easily leads to feature discovery since you’ll always try to click on something to find out more about it — and you will quickly realize that it just feels right.
  • And many things are easily discoverable without a click. Just hover over any image string and a popup will appear. Same with variables while debugging and with hex colors (no more memorizing hex codes)!

And after watching a video of Joe Hewitt demoing his creation, I still learned more features:

  • When editing a numeric field such as padding just press up or down with the arrow keys to change the padding amount, slick!
  • Extremely simple conditional breakpoints. I used to think that you couldn’t do that in firebug, but all you have to do is right click a breakpoint and type in an arbitrary javascript expression.
  • Automatic bookmarklet “scrunching” when copying from the multi-line console
  • Keyboard shortcuts.. I can’t live without ctrl-shift-t and ctrl-shift-r in eclipse, and now I know I can do ctrl-shift-space in firebug. Oh and I finally found out that I can get rid of the Wed Developer Extension’s shift-ctrl-c shortcut so I can use it for firebug :)

If you still are not satiated, watch this screen cast.

Firebug - Web Development Evolved

Go and try it, and if you love it please donate to the guy. He deserves it.
I’m very surprised Joe hasn’t been picked up by one of the big web companies yet… He single-handedly has saved them potentially millions of dollars in man-hours. Maybe he has just turned them all down :)

Share This

Posted in General, Programming, Tech, UI, firebug | Comments (3)

Lotus Connections

1/23/2007 – 1:57 pm

Whew, Lotusphere is pretty big, bigger than I expected. Seeing 6000+ people in one room makes you realize that 6000 is a lot of people. I’m having a great time here so far and we are getting pretty good feedback from customers.

… wait, let me step back a second. I have been working on Activities for Lotus the past year and a half. That started with Activities Explorer, then moved on to having an Activities web interface, and now we’re in Lotus Connections (formerly Ventura). It has been very exciting to work on Social Software, I can finally tell my friends that I’m hip and work on cool social networking software (instead of just some longer description about enterprise collaboration).

After a few small snafus on our part, it seems like Lotusphere attendees are starting to log in and try out our free test of Lotus Connections. Hopefully the word will spread and will get more exposure — we’re really hoping to get feedback that we can work into our product!

Some related links:

Share This

Posted in Tech, UI, Lotus | Comments (5)
Close
E-mail It