Posts tagged Websites

Facebook Redesign Launched

Facebook today launched their long in-the-works redesign. I’ve been following it for at least 4 months or so, and today it appeared live. After many iterations, this may actually be the one I like best.

But alas, I use Opera, and strangely, this version doesn’t play well. Many links flat out don’t work, there’s weird Flash that Flashblock blocks with every page load, and worst yet, the thing is actually parsing A LOT incorrectly. Check out the below screenshot, and be sure to click on it for the full size version.

Offline: The Silly Script Disaster

I have several websites. The way my web host has them set up, like many hosts who use cPanel, is that one site is a “master” and the others essentially exist as directories within that site. My master site is smallaxesolutions.com, which is the “company” under which I sometimes do my web design and network support business.

One of the things I (used to) do as Small Axe Solutions was publish the core code of the engine that powers firsttube.com, Small Axe. Small Axe code was built up as 0.1, then 0.2, then 0.3. At that point, I had added several features to firsttube.com that I had yet to merge upstream into Small Axe. So, I created a build system so I could slowly integrate the changes. In short, it worked like this: I had a directory called “build_source” which contained my current code. Of course, it had all kinds of problems out of the box, like the config files which pointed to nonsensical location like /path/to/your/blog/. It had no valid database connection info. The flatfiles were unwritable. So, in short, the code was (usually) solid, but PHP couldn’t compile it.

Meanwhile, another directory called “demo” was waiting silently.

Lastly, a third directory, outside the web root, called “static” was sitting with pre-built config files, db connection files, and some other stuff.

Then it was just a matter of a simple shell script. The script did the following: it deleted everything in the “demo” directory. Then it copied all of the files in the “build_source” directory into the demo directory. It deleted the config file and overwrote it with a copy from the “static” directory. Same for the db connection and a few other files. It left the demo directory as a live, fully functional build of the current code. Then it zipped everything in the “build_source” directory and put it into my downloads section. It ran this script every 30 minutes for probably 2 years now. I only chose 30 minutes because it made sense from a development standpoint to see the updates quickly. I stopped working on that version some time ago, but never got around to updating or changing the script.

Fast forward to a few weeks ago, I was cleaning out a bunch of old directories. Within 5 minutes, EVERYTHING was gone: my mail, *all* of my sites, my temp files, everything in my home directory that wasn’t a hidden file preceded with a dot. I didn’t realize this for several hours, but I then I restored from a backup and within 45 minutes, everything was gone again! Oh noes!

I immediately begin researching security and disabling all of my upload scripts. Something is wrong, I thought. I searched high and low. But, as you guessed, I didn’t find anything wrong, because there was nothing wrong. In my cleanup, as you may have gussed by now, I decided to delete the “demo” folder. The first line of my shell script is “cd /home/adam/public_html/build_source.” Then second, scary line, is “rm -rf *“. Since there was no “build_source” folder, the first line flat out failed, leaving the script in /home/adam. Then, unfortunately, it ran rm -rf * in the root of my home directory. Killer!

It took my some time to swallow my own stupidity. All I had to do was comment out the cron job to prevent this disaster. But alas, I dropped the ball. We’re back online now, and a little smarter.

The Facebook Logo Has Gone Into Hiding

It was reported by several sources this week that after an embarassing affair with a prostitute, the Facebook logo has gone into hiding. Actually, what has been happening for me is that the Facebook logo has been randomly disappearing for me in my browser. In fact, most days, lately, in Opera 9.26, this is what I see:

Facebook

When I dug around, I found the Facebook logo actually has the “on” and “off” image in one file and uses a CSS and “hover” trick to create the little home icon next to the logo. Neat.

Has anyone else experienced the mystery of the disappearing Facebook logo? Other Opera users maybe?

A Violation of the Spirit of Free Software

For a long time, I really liked this unattractive, but incredibly useful website called macfreeware.com. I am not linking to the front page because shortly ago, it was sold and the result is really bumming me out.

The new owners decided to make some changes to the site that I personally think are a slap in the face of Mac freeware developers. See, the first thing they did was remove the developers’ credit in the RSS feed. Then, they took the developers’ info out of the individual pages, and finally, in the final insult, they cloaked the download links so that all of the downloads direct through a form hosted locally, so even if you were crafty, you couldn’t find the actual software on the internet without your favorite search engine.

I wrote the guys over at MacFreeWare.com – via their generic contact form, since there is no other method of communication available – and told them about this egregious violation of developers, and they temporarily complied, re-adding the developer info to both the RSS feed and the software pages. And yet, today in my Bloglines feed, and once again, the RSS feeds do not include developer info at all – not even a link to the application’s webpage – and the majority of the featured apps don’t include links on their individual pages. Some examples:

http://www.freemacware.com/inquisitor
http://www.freemacware.com/disk-inventory-x
http://www.freemacware.com/vacuummail

Booooo!
Click the thumbnail for a larger version

I didn’t search these out – they were the first three links I clicked on the homepage.

So what we have is an ad-supported website aimed at cataloging Mac freeware that doesn’t even feature, or allow you to research, the very developers writing that freeware. They are making money of free apps, without any credit, any outlinking, or any way to research the software beyond their two sentence write-ups. Am I wrong or is this a complete violation of the spirit of free software?

Update: Okay, so at least some of the items in the RSS feed have a link to a developer website and most of the newer featured app pages have a link to the developer website listed. But most still don’t, which is pretty bad.

A Review of Online Photo Services

Some time ago, I switched to Google’s Picasa Web Albums online photo management software. Although it’s simple to use, Picasa Web has been missing too many features for too long, and after Google locked me out of their software for a few days due to a bug of some sort, and their iPhoto plug-in stopped working, I decided it was time to start checking out the alternatives. I have played with a few services, and judged them based on a number of criteria, including these 15 questions:

1. How easy is it to do batch uploads?
2. Are there decent Mac and Windows upload tools?
3. Does it work in all major browsers (Opera and Safari are both important)
4. Will the default display scale to upwards of 2500 photos?
5. How fast does each page load?
6. Is the image scaled down? If so, is the original available?
7. Is it a fly-by-night startup that I can count on to be around?
8. How much does it cost for a pro membership, if anything? What are the benefits?
9. What are my storage requirements?
10. What is my traffic/bandwidth limit, if any?
11. Are there integrated ads?
12. How easy is it for others to access my photos?
13. Is there any sort of privacy?
14. What type of tools exist for me to manage my photos once they are online?
15. Is there some sort of embed/slideshow for my webpages?

I’ve tested the following services: Picasa Web Albums, Flickr, Zoto, Zooomr, SmugMug, Photobucket, Facebook, and MySpace. Read on for my initial results.
More >

Mac Freeware RSS via Yahoo Pipes

Ever wanted to view all of the MacUpdate universal binary apps, but limit it only to freeware? MacUpdate doesn’t offer such a feed, but thanks to the incredible Yahoo Pipes, I was able to make the feed myself. I love that site, it’s really amazing.

http://pipes.yahoo.com/pipes/pipe.run?_id=6tbRfrJd3BG887G96UjTQA&_render=rss

Enjoy.

I’m Planning a New Project

I’ve written and currently maintain several websites, each of which has a different following and a different size readership. But lately, I’ve been thinking about a new project I have in mind. Of the big “tech” websites that I visit each day, chiefly amongst them Reddit, Digg, OSNews, and Slashdot, I feel each is flawed in its design.

Digg and Reddit are completely community controlled. While this is a great idea in general, it rarely works out the way intended. Like so many user generated content sites, Digg and Reddit are filled with nonsense comments, inside jokes, and are completely overrun by groupthink. So, on any given day, lately at least, you’ll find the same tone: pro-Apple, pro-Ron Paul and Mike Gravel, pro-Atheist, pro-Ubuntu, anti-Republican, anti-Religion, anti-Microsoft, and lately, anti-Israel. And as these topics continue to appear, the opposers leave as new members are encouraged and recruited creating a vicious circle. The groupthink becomes worse and it becomes a community massively stroking itself. I’m not even saying I disagree with those stances, but I don’t think there is any point whatsoever to a group of like-minded nimrods modding each other up over and over for comments like “Happy cat says ‘Teh intarweb is a sereis(sic) of tubes!’

OSNews and Slashdot, on the other hand, are both editor controlled sites. And while there is some degree of democracy in both via peer moderation, both are heavily admin influenced and frankly, filtered and ultimately biased, although less so than the above. Both OSNews and Slashdot, as a result, are slower in posting news (Slashdot is much worse at timely news) and offer significantly less content rotation, however, they both feature original content as well.

I think the features introduced in the OSNews beta show where I’d ultimately like to go: community building. K5 was a good example, except it was almost all original content and ended up with too many snobby users who voted things down based on English grammar alone, which is tough when you cater to the internet, which is a world beyond just the US. I’d like to see links and original content, and a community that lets people post their own articles, their own blog/diary/journal/whatever, and group the content in a way that makes sense for presentation. The site will have to focus on two very different goals: persistent and ultimate respect for the user and his contribution, as well as a captain who can keep the site from leaning too far left or right. I don’t know how this can be accomplished, but it’s clear to me that to achieve this goal, I will almost certainly need to start from scratch.

So I’m in the “plotting” stages of a new project, a new website to incorporate the best of both worlds. I don’t have a lot of answers yet, but I’m trying to sketch something up: How can a site let admins filter news without affecting it? How can we allow the community as much control as possible without allowing so much abuse and juvenile junk? How can groupthink be combated in EARLY stages? How can content be rapidly replaced without repeating the same stuff over and over?

On the design side: How can a site be pretty and modern without being heavy? Reddit is awesome and fast, but ugly. Digg is gorgeous but ridiculously slow on page loads. I’d like to land in the middle, with emphasis on lightweight and fast and pretty.

I’m open to the concept of partners on this project as well. I’m really looking for something that isn’t run with an iron fist and something that doesn’t degenerate into the mess you see in YouTube comments.

EW.com is a Terrible Website, Continued

EW.com doesn’t work for me anymore in Opera. At least, not properly. In their “TV Watch” section, the comments are an inserted iframe that is built via javascript. This is the script that does it:

<script type="text/javascript">
var boardUnrounded = Math.random() * 10000000000;
var boardRounded = Math.floor(boardUnrounded);
var boardDisplayPath = "http://epoche.ew.com/articles/comments?article_key=20039591&brand_key=3&
article_title=Things+Fall+Apart&rand=" + boardRounded; // alert( boardDisplayPath );
document.write( '[iframe id="iframe" src="' + boardDisplayPath + '" width="0" height="0"' );
document.write( 'style="position: fixed; top: -1000px; left:-1000px;"' );
document.write( '][/iframe]' );
</script>

Notice how the alert() function commented out, but still there; some sloppy debugging left around for us. Notice how the comments are loaded dynamically. What is the purpose of this? Why the random number? Could it be to ensure refreshes on each page load? Either way, between document.write and the iframe, the page consistently renders around the comments, and then the comments come smashing in. Except in Opera, when they simple don’t show up at all.

There are also javascript errors by default in the normal page load, IE chokes on some ad code, and Opera modifies the javscript over and over to make it not crash, and their CSS is a mess. In short, the entire thing is ridiculous. I don’t understand why they chose such a complex and useless path to code. Certainly I’ve seen plenty of sites that do much more traffic that have not opted to make their code a complete mess like this.

EW.com is a disaster and is a total disappointment. I’ve renewed EW for the last time. I intend to explain to them exactly why I’m cancelling my subscription too.

It just goes to show that users really do pay attention to little details on your website, and in this case, they are going to lose a paying paper subscriber due to sloppy, pointless, poor web design.

EW.com is a Terrible Website

If you want an example of how NOT to write a website, go no further than the disasterous ew.com. Entertainment Weekly is a magazine to which I subscribe. It contains generally good interviews and articles about TV, movies, books, and all sorts of other cultural phenomena. For a long time, one of the more compelling aspects of the subscription was the website, which includes the oft updated “Pop Watch Blog” and the daily “TV Watch” section.

First, let’s examine the URLs. From time to time, I want to email someone a link to an interesting piece. It would be nice to say “ew.com/tvwatch.” But alas, that doesn’t work.

This cryptic URL scheme is often used by big companies, but sucks for search engine standing: http://www.ew.com/ew/tv/tv_watch/0,,,00.html is a valid URL. So let’s review:

http://www.ew.com -> base URL
/ew/ -> a servlet, perhaps?
/tv/ -> a subdirectory, or an argument?
/tv_watch/ -> same as above…
0,,,00.html -> why God, why?

Aside from this, the webmasters decided to use two different commenting systems in the site, one for the Pop Watch Blog and one for TV watch and other articles. At least one is based on Typead, and it sucks with a capital SUCKS. It filtered out words like “Peter,” which makes for a silly looking post when you’re commenting on the main character on Heroes, Peter Petrelli. It also thinks all sorts of comments are spam, and tells you so, even when your post is completely legit. To post, you often have to play a game where you go back and tweak and re-submit, over and over, ad nauseum. This leads to about 50% successful posts, 50% gave up trying.

Then their TV Watch boards — they’re so bad I don’t even know where to begin. Posting is a complete hit or miss. You’d submit a post, it would go through a magical redirection and then your post would be gone. The back button wouldn’t work. And if you tricked it back, the textarea would be emptied. You could post over and over and it would give no explanation of what happened or why the post was declined. Every single item would be 3 legit posts followed by “this board sucks.” It got so bad it was unusable.

And finally, EW heard us. I thought.

They took their boards offline for 4 days. FOUR DAYS. Their board consists of only two fields: name and post. This is four fields in a database: id, time, name, text. If you want, “isVisible.” The boards are unthreaded. There is no HTML at all permitted. This should’ve taken a competent programmer about 1 day, perhaps hours at best. But for EW.com, after 4 days, what they released is still a giant stinker. Check out today’s American Idol review. If the comments come up at all (embedded in an iframe, for some reason, that may or may not load for you), nearly every comment is littered with “****” in the middle of words or in between them. Nothing is actually censored, mind you, it’s just a silly, stupid bug that should have been noticed early on. And long lines don’t wrap, they just keep going and create a horizontal screen scroller.

EW.com is a terrible website. It’s poorly designed. It’s poorly architechted. The page titles suck and make it hard to share links. The boards are terrible and unreliable. Outgoing links are all encapsulated in Javascript – so middle click is broken. If EW had any sense, they’d fire the entire web development staff and hire new people who can fix the complete mess that is their online presence.

I will be moving over to E! for my daily celebrity/entertainment/trash news. And I am very seriously considering cancelling my EW subscription.

Really Cool Website

It’s rare someone creates a website that is truly unique.

It was made by Miranda July. Very cool stuff.