Archive for Software and Web Design

Why Facebook Steals Potential Tweeters

// June 11th, 2009 // 6 Comments » // Software and Web Design

I had a brief little convo. with my bff John Nels (who’s an excellent musician: johnnels.sad-machine.com) about Twitter and facebook. Rather than summarize I’ll just paste it here:

Thomas: Its funny, people complain about twitter being pointless, but I have SO MANY people on facebook that update just as if it were twitter, all day long

John: i know

Thomas: they’re twittering without twitter basically lol

John: but the do more on facebook

Thomas: yeah. its cause they’re already on facebook doing tons of shit; playing games and stuff

John: right

Thomas: that was a brilliant move on facebook’s part

John: why do it on a site that just does updates then?

Thomas: exactly. They make twitter obsolete for lots of people.

What do you guys/gals think? Amirite?

Maine Power Outages Map

// March 5th, 2009 // 1 Comment » // Software and Web Design

Working in a NOC, I often consult the two Maine power companies that have online outage information (there is a third that does not have such a feature). If I see many circuits go down at the same time I’ll check to see if there is an outage in the area by checking both those websites, then going to Google maps to see how far away the sites are from the current outages. This is a tedious process and I finally decided to do something about it by creating my own Google map with their wonderful API. I’d never used it before so this proved a great way to learn how to use it as well. After setting up the screen scraping to pull info off the power companys’ websites, getting the app to do just what I wanted, and working around some minor speed bumps, it’s done!

powermap

Google’s API is quite easy to work with, and I’m very pleased with the results. For most people this map isn’t very useful, and at any one time there are only a few markers plotted on it, but for myself it will be quite useful, and it was a great learning process. You can view the Maine Power Outages map at http://euicho.com/power

Monospaced fonts CAN scale

// July 31st, 2008 // 2 Comments » // Software and Web Design

Like many programmers, I have a couple of favorite fixed-width “coding fonts” that I use for writing and viewing source code, however most of them are bitmap based and do not scale up “prettily” by any means.

Fortunately there are some great monospaced fonts that do scale up nicely. In my experience, it is important for me to use both my own favorite fixed-width fonts, and the great fixed-width ones below. This is because at small sized, most vector-based fonts like some below look fantastic at larger sizes, like on web pages or in print, but look fuzzy or blurry in the 8-12pt range in notepad++, gedit, etc. Conversely, my favorite bitmap based fonts only look good at one size, usually in the 8-10pt range, and are pixelated and blocky at larger sizes.

With that in mind, I present to you some smooth and delicious monospaced fonts that retain high legibility (slashed or dotted zeros, 1, l, I distinction, etc).

Inconsolata

The font that actually started me on this post was Raph Levien’s excellent Inconsolata. Spurred on by Luc(as) de Groot’s Consolas (below), Raph created a free and open source monospaced font that renders nicely at high resolutions, and looks great in print:

sample image of the inconsolata font

Inconsolata is still in development and lacks bold/italic styles, but is already in fine shape. Its major drawback is that it currently has no “hinting” support, so it doesn’t play well with Microsoft’s Clear Type technology. Everyone else should find it renders quite nicely, however.

Consolas

Developed by Luc(as) de Groot, Consolas is another nice-looking fixed-width font with good distinction between visually similar characters. Consolas is included in Windows Vista and MS Office 2007, and if you’re using only the included fonts on Vista its the only one with a slashed zero!

sample image of the consolas font

Consolas has full hinting instructions and works great with Clear Type.

Bitstream Vera Sans Mono

Bitstream Vera Sans Mono is a variant of Bitstream Vera. It was designed by Jim Lyles and also has full hinting instructions. Bitstream Vera was released for use under an open source license agreement with the GNOME Foundation, so all you free/OSS developers are good to go!

sample image of the bitstream vera sans monofont

I know Nyrath has his own custom made font, and it’s actually one I use frequently in notepad2 and notepad++. So, what are you guys’/gals’ favorite programming fonts? I’d love to know about any other monospaced fonts I’ve not come across yet.

My Accessibility: let me show it to you.

// July 29th, 2008 // 1 Comment » // Books, Movies, Music, and TV, Software and Web Design

I really have to say that after only a few pages into Mark Pilgrim’s book Dive Into Accessibility, I find myself both laughing and feeling strongly for the fictitious characters he’s created to illustrate the need for, and problems presented by, accessability. Anybody that runs a website or blog should check it out. At the very least commit yourself to a couple of pages. Its a valuable use of your time.

By the way, euicho.com is currently not section 508 compliant, but it will be very shortly. Its something I’ve been meaning to take care of. In the meantime, at least it does render very nicely in lynx.

Lynx Screenshot

Firefox 3 is out!

// June 17th, 2008 // 2 Comments » // Software and Web Design

FF3 Robot
 

Starting at 1pm EST today, the OFFICIAL Firefox 3 release is in the wild!

This marks the start of Download Day 2008, an effort to break the world record for most downloads in a day, and spread the Firefox 3 love!

There are tons of cool new features in FF3, possibly the biggest is a totally reworked memory management system. Yes, gone are the days of firefox using 600MB of ram after leaving it open for a day or two with 8 or 9 tabs open. I’ve been using the beta for a month or so and I have to say I see a huge improvement.

Besides memory management, FF3 has lots of usability improvements that make it even more fun to use than version 2. Never one to rip off another site’s hard work, show Gina some love by going to lifehacker to see the Top 10 new features. They also have posts on the extensions you won’t need anymore, and more on smart bookmarks. Mozilla has some neat tips right on their website too.

So hurry up, you’re running out of time! Help set a world record by downloading Firefox 3 right now. If you’re reading this late, get it now anyway. You will NOT be disappointed and if you’re not tech savy, trust me: It only makes browsing the web easier.

The Desktop – My New Layout

// June 9th, 2008 // 3 Comments » // Personal/Blog News, Software and Web Design

Well, I figured it was about time for a change. I’ve had the forest theme on here since I moved to the euicho.com domain, and frankly my website felt a little stale.

Although I haven’t blogged about them much, some of you may know I have a somewhat-secret love affair with moleskines that has lasted for a few years now. Nothing quite compares to the feeling of undoing that elastic band, opening up to a fresh page, and writing down anything that comes to mind. One day when I was sketching website layouts in in my large moleskine I stepped back and realized that I needed to change my P.O.V. The layout I wanted was sitting right in front of me! With that in mind I began making a list of the things I wanted on my desk and although I havn’t incorporated all of them (I wanted it to look realistic, but not too cluttered) I’m so far very happy with the initial results. If anyone has suggestions I would love to hear them.

This page is meant to have a non-fixed width, meaning you can shrink it down pretty far and still read entries, however you may hide the random goodies like the magazine (which is really meant to be a website title banner with a dash of fun and humor) and latest photo.

The challenge, however, was choosing the height. I assume nobody is using a height of smaller than 800px in this day and age so that was my minimum requirement and that is why you may be thinking that moleskine is awfully short. My laptop is 1280×800 so that’s not an unreasonable size, however on non-widescreen monitors it does look a little smooshed. I’ll likely make a toggle button to switch from widescreen to 4:3 sizes in the coming weeks. If you are using a smaller resolution than that, lets face it: you need to come join the modern age. If you’re on an iPhone your browser will scale the page, and if you’re on another moble device that doesn’t, use the rss feed.

I hope you all enjoy it, and as I said, if you see anything broken, or that you think needs to be added or changed, please let me know. All constructive criticism is welcome.

Simple Chord Arpeggiation

// March 20th, 2008 // No Comments » // Books, Movies, Music, and TV, Software and Web Design

Some waveform
 

I think Celemony has just changed digital audio manipulation forever. Watch this video, its so awesome! They’ve created what they call “Direct Note Access”, which i call arpeggiation, or breaking a chord down to its individual notes. This may seem simple but was never possible before! We’ve always wanted it, but to my knowledge nobody had yet done it (or at least not in a consumer product with a simple GUI to boot!).

 

Twoosh Spotter: A Greasemonkey Script

// November 14th, 2007 // No Comments » // Software and Web Design


EDIT (10/6/2009): Twoosh Spotter is now up to v2.0. I’ve fixed it so that the tweets shown after hitting the “more” button get checked for twooshes, and also fixed a bug where “&” was converted to “& a m p ;” and counted as 4 characters instead of 1.

I recently came across a new portmanteau on Twitter called a “twoosh” (TWitter swOOSH)!

Coined by rentzsch, A twoosh is a twitter that hits the 140 character limit exactly on the nose. This is just one of those fun little oddities that people like to play with, but unless the poster follows up their twoosh with another post pointing it out, the twoosh goes unnoticed by all but the equally twoosh endeared… and those with OCD.

To combat both OCD and unnecessary tweets by users calling out their own twooshes, I’ve created a Greasemonkey script that indicates twooshes called Twoosh Spotter!

Example of a spotted twoosh

Example of a spotted twoosh

Quite simply, Twoosh Spotter places a little swoosh icon next to any twoosh on any twitter page.

It will also display the character count for any twitter in a timeline if you:

  1. Right-click on the greasemonkey icon in your status bar and go to “Manage User Scripts”
  2. Select TwooshSpotter in the left pane and hit the “Edit” button. This should open it in notepad or your default text editor.
  3. Find the line that starts with “var show_count = false;” (line 33). and change the false to true.

Easy as 1,2,3! I debating turning this on by default but it may look a bit cluttered for some users so I went with the sleeker look.

So far this script seems to work great for me, but please do let me know if you find any bugs or strange behavior, or just want to make a suggestion. Also feel free to customize the script to your liking (but do leave mention of me in the source). If you don’t like my twoosh icon you can either make me a better one to distribute (please! I’m no graphic designer!) or just make yourself one and modify the script (replace that huge block of gibberish) to use your own.

To get twoosh spotter, go to http://userscripts.org/scripts/show/13873.

It’s new, so I’m sure to find issues and update it frequently. If you have any problems, go back to the userscripts page and check if there is a newer version. If not, leave me a comment there or direct-message me in twitter at my username “euicho”.

Now, for those of you who don’t know what greasemonkey is you should definitely get familiar with it, as it is one of the coolest ways to customize websites to your liking. Its a Firefox add-on, and once installed you can install little scripts that add functionality or modify the way a page looks.

If you just can’t be bothered to install greasemonkey you can always use the Twoosh Spotter Firefox Add-On (You’ll have to save it then drag it into firefox to install it), but I suggest using the greasemonkey script instead as it is more light-weight and easier to modify.

Happy twooshing!

Kaiser Kuo is Full of $hi7

// October 17th, 2007 // No Comments » // Software and Web Design, Technology and Gadgets

Torrentfreak.com has written an article analyzing why there is no way Kaiser Kuo’s claim that Blin.cn’s new P2P technology is 50x faster than Bittorrent. Its definately worth a read to educate yourself about the current state of the art.

TorrentFreak contacted Ashwin Navin, President and Co-Founder of BitTorrent Inc. When confronted with the 50 times faster than BitTorrent claim, he said: “BitTorrent can regularly saturate your downstream capacity, which in layman’s terms means BitTorrent is as fast as you can get. The claim is indicative of the fact that BitTorrent is the global standard for P2P transfers, against which all others are compared. BitTorrent DNA took that standard up significantly, but we don’t run around making sensationalist claims to get buzz.”

I told you Vista was bad!

// August 20th, 2007 // 1 Comment » // Software and Web Design

Just how bad is Vista? Let us ask PC Magazine editor-in-chief Jim Louderback!

note: link is to Slashdot for credit’s sake, but you can go directly to the article here, which is mostly about Louderback moving on to Revision3, a most excellent internet TV company that hosts 3 of my favorite videocasts: Diggnation, thebroken, and Systm. All definately worth the watch!