You are currently viewing: Home / 2005

Archive for 2005


Happy Birthday To Me – Fun with my Sony PSP

Thursday, December 15th, 2005

Sony PSP wallpaper featuring Ninja Yoshi of Jefte.net fame.

This year I recieved a Sony Playstation Portable and I must tell you it absolutely rocks. In kind, I decided to create and release a wallpaper / background for your PSP. The screen quality on these things is amazingly sharp and bright. An avid homebrew community ensures there are a plethora of hacks, programs, loaders, and homemade games for you to play with. Naturally I could not resist adorning my PSP with various backgrounds and illustrations of Yoshi. In fact, as a gift to all PSP owners I have made a custom wallpaper for you to download here.

Note: This is formatted for a version 1.5 PSP. Instructions on installing this background on your v1.5 PSP can be found many places. Owners of v2.0 and up have other sources.

Here’s to you, kid.

Wednesday, November 23rd, 2005

For Christina
Falto la luz que tu belleza trae en mi vida. Lo amé siempre. Adios.

A flash animation that is one part poem, one part user experience. As you read through the poem you must click on visual elements in order to proceed onto the next stanza. Look for anything that changes your cursor from an arrow, to a hand.

Click to view animation

CSS in 60 #3 – A Long Haul

Thursday, November 10th, 2005

CSS in 60CSS-in-60, where you can watch the progress and evolution of a CSS design project. This project has me converting an existing table-based E-Learning system/website into a CSS-driven masterpeice that is future-ready, portable and seperates style from content. The animated GIF that follows, monitors the progress of converting just the homepage. The animation is not real-time, but rather compresses many days and hours into a short, sweet, 60 second clip.

Primary client goal:

To convert their existing E-Learning system to CSS based design that will be easier for them to replicate and customize. This is realized through css design, allieviating the need to edit multiple templates and pages when any design changes are introduced.

Design Tips:

As always, clean markup is imperitive. A strong, logical document heirarchy is the first step to converting a table-based layout. I found this E-Learning system ridden with css styles. Instead of hap-hazardly stripping exterraneous tags, copying existing styles and writing unique styles for every little element, a good document model will help you break down content into logical blocks. The needed styles will become apparent from there.

Tables are for tabular data!
But sometimes its not practical to replicate a table in css. This project had alot of tables used not just for layout, but for organization of content. Sometimes tables that feature alot of data, may also include elements that aren’t allowed in a table (images for example). Do your best to move the images outside the table if possible and if not, use good judgement and identify whether or not it makes sense to kill yourself trying to reproduce a table in css.. A good rule of thumb – 3×3. If you are looking at data/content that spans 3 columns and 3 rows, it may make sense to leave it a table and simply clean up any invalid markup inside the existing table.

The Clip

CSS in 60 - Take 3

Flock This

Saturday, October 29th, 2005

Flock me!

Flock is a browser. Its basically Firefox with some useability features and a new skin. The addons tie into the whole “web 2.0″ movement. This article was published using Flock’s built in blogging feature. If your site runs compatible blogging software, you simply enter your website address, username and pass, and begin writing. Your bookmarks can be tagged, and are stored and shared online – Deli.cio.us style.

Is this the next revolutionary browser? Does it make me want to drop Firefox? No.

The target audience is clearly the geek elite, with little benefits to a casual internet user. Flock simply makes it easier for those obsessed with recording every little thing to a blog.

Content is King

Tuesday, September 27th, 2005

Content Is KingVideo, internet, blogs. It’s all great and now we can all be citizen journalists, but who cares?

Wow, I have just discovered Current.tv and the world is about to change.

From their site:

“Current is a new, independent cable and satellite TV network,
available in 20 million homes around the United States — and
growing. Current is about what’s going on.

We follow the global pulse via Google Current, a real-time view of
what the world’s searching for, presented every half-hour around the
clock.

We slice the rest of the schedule into short pods — each just a few
minutes long — that range far and wide, from international
dispatches to profiles of cool people to intelligence on new trends.
This is not a traditional TV network; watching Current, you’ll see
more, on more topics, from more points of view.

And much of it comes straight from you.”

A media outlet where the common person can share their views, Current is an amazing concept, and many content producers are jumping at the chance to see their work air beofre a global audience.

And yet, amid theis new age of mass-communication, what does that all mean for you and I? If we can all create the story, then what are we watching? Is it relevant? Is it noise? Does anyone care?

Powered by Google, the Internet, search engine, “wonder of the modern age”, we see what is relelvant by what people are searching for. And the Current feeds you video articles based on what people want to see.

But, does that mean, a video on eBay’ shottest selling Barbies? No, silly, it’s all about News.

The what of the story is more important than the shot. Yes, upcoming video-producer, you’ve got the Current Survival Guide to tell us all how to technically produce items that one day just might see some air, but more often than not, *content* is what will get a call from a producer. (No, not you, a TV producer).

So what do we cover? What do we write about? What do we shoot? Cover what moves you, what you’re passionate about, what you care about.

If you’re an idealist like me, then hey it’s easy right? Nope. Just because I spend half of my office time reading about events, subscribe to a jillion newsletters and think I have a pulse on the community, it doesn’t mean I can write about something that anybody but me will give 2
cents to see.

To make relvant content, like any effort worth starting, it takes a team of people. Rather than trying to be all things to all peeps, why don’t we all work together to refine content that people want to see?

For just this reason, I started this newsgroup on the Current site called Got Content? Are you writer or idea person wanting to be a part of the revolution? Do you have Content? If yes, then visit the group and contact us.

I am blessed or cursed with the Long View. I can see for miles. With the long view, I care about what we’re doing and why we’re doing it. I care about building a relationship that will last years, not for one measly bit that gets aired.

If you think the same way, then work with us. If you’re interested in what Google is doing with Current.TV, then visit these links below. A Brave New World, one where stories are made from the people on up, not written by a handful of media conglomos is approaching. And we need you.

Links

http://www.current.tv/about/
http://www.current.tv/studio/
http://www.current.tv/studio/survivalguide/

Eric Needle runs Longbow SG, a strategic communcations firm. His group is building a network of locally-focused publications that care about
the future of our communities.

Visit GreenOrlando at http://www.greenorlando.com
Join his Current Group at: http://www.current.tv/studio/groups/441998

Like they do on the Discovery Channel

Thursday, August 18th, 2005

Not Again!?Another reader told me she checks the site daily but finds nothing new. This is for her.

Why wasn’t I warned these critters go at it like rabbits? They never tell you about these things when you first pick them up. Looking through the manual over and over again and provides little relief. Nope, nothing in there about the prolific Chihuahua libido.

Yoshi managed to force his way through her chastity harness and sow his oats – again. $1000 and many hours later I’m the proud grandfather of another set of puppies.

Its as if she knew it was to be her last litter and she wanted it to go off with a bang, well it did. Three puppies (one more than usual) proved to be far to much for her to pass naturally and thus required an emergency doggy c-section. Luckily, I live 3 minutes away from a 24 hour animal hospital. Admitted at 11pm and released at 3am she went through surgery like a little champ and has healed quite nicely. And now, PUPPY FEST 05!

Puppy Fest 05!
Click to view more images

IE’s Conditional Comment

Monday, August 8th, 2005

Anti-IE bannerA reader recently asked how to reproduce the Anti-IE banner that is only visible to those viewing this site in Internet Explorer. The banner is made using an image, some css, and a nifty little piece of markup that lets developers target IE viewers without the use of javascript or any other scripting. Say hello to the conditional comment, brought to you by Microsoft.

Browser detection, sans scripting

There are a number of server-side or client-side ways to detect browser type, the IF IE conditional comment provides an alternate to scripting that is easy to use. Available since IE 5, and only Internet Explorer. Other browsers treat this comment, as they should, just like any other comment. IE however, will parse and render any code or markup found in the comment.

Usage

The conditional comment uses an IF statement that requires an argument. The available arguments are IE, IE 5.0, IE 5.5 … etc. Besides being able to specify which IE you are targeting, you can also use some conditional operators. Less than (lt) Greater than (gt) Less than equal (lte) Greater than equal (gte).


<!--[if IE]>
This message will render on Internet Explorer
< ! [endif]-->
<!--[if IE 6.0]>
This message will render only on Internet Explorer 6.0
< ! [endif]-->
<!--[if lte IE 5.5]>
This message will render on Internet Explorer 5.5 or below.
< ! [endif]-->
<!--[if lt IE 6.0]>
This message will render on Internet Explorer below version 6.
< ! [endif]-->

You could also use this in the head of a page to control styling. Using the comment to pass special css stylings to control how IE displays the page. In this example, a theoretical class named “box” would tell IE to render a slightly smaller width to compensate for its shoddy box model.


<!--[if IE]>
<style>
.box {width: 48px;}
</style>
< ! [endif]-->

Could this be labeled as a hack? Definately. But all the techniques that are used to get IE to display properly are hacks. At least this one lets us target IE without exploiting some bug in the browser code.

Using their feature against them

Screenshot of Anti-IE bannerEnough praise has been given Microsoft for this easy to use feature. Now its time to use this functionality to help spread browser awareness. As referred to earlier, the Anti-IE banner featured on this site uses the IF IE conditional comment to display a div only IE readers see.

This banner is shown to those reading Jefte.net on Internet Explorer. Other implementations of this include a brightly colored box just above the main content of your site with a message inside. Some have even placed this box at the very top of their page, so that IE viewers are confronted with this bright, large, unwieldy box proclaiming their browser incompetent. The banner shown in the image here was produced by this markup:


#ie-sucks {
position: absolute;
z-index: 1;
right: 0;
}

<!--[if IE]>
<div id="ie-sucks">
<img src="http://jefte.net/images/ico/ico-noie.gif" border="0" alt="WARNING: Your browser is insecure, out of date, and does not display this site properly!" usemap="#noie"/>
<map name="noie">
<area shape="poly" alt="" coords="83,0,226,143,226,225,2,0" href="http://browsehappy.com/">
</area></map>
</div>
< ! [endif]-->
</code>

Nothing more than a little css, a div and an image map, in a conditional comment. But what functionality! And what a great way to spread Firefox, Safari or whatever browser you prefer, to IE users.

UPDATE: Please refrain from this site's personalized Anti-IE banner. Please, redesign your Anti-IE banner and customize it for your website.

Resources & Links

MSDN Documentation on the Conditional Comment
Quirksmode.org page on the conditional comment.

http://dean.edwards.name/my/misbehaviors/
A css based popup for all IE readers, easy for you to download and link to in your page. Brought to you buy the guy that brought us the IE7 css hack.

http://txfx.net
Simple use of an anti-IE banner.

New Vector Flash logo courtesy of Ericart.com

Friday, July 22nd, 2005

For a while now the Jefte.net has featured plain text in the banner in liu of a proper logo. E over at Ericart.com felt I needed a little more than a comic font on a flat field of color, and was gracious enough to come up with a fantastic new logotype for Jefte.net. It screams with flavor and style and could not be a better fit for the Jefte.net brand. It gives me a playful, coffee-house feeling while yet maintaining a certain sophistication. Read more to see a side by side comparison.

Some have said they do not remember the old logo (it had so much impact apparently) so here is a side by side comparison of the old vs the new.

Old Banner

New Banner

What are your thoughts? Feedback is always welcome.

How to Deal With Friends Who Betray, Abandon, or Wound You

Wednesday, July 20th, 2005

When Friendship Hurts A suggested read for anyone for anyone recently hurt by friends. Friendships are the cornerstones of society. How we treat our friends gives powerful insight into people’s motives, decisions and actions. How we are treated by friends affects our work, our weight, our mental focus. Dealing with the hurtful actions of others and more importantly, identifying new friends is paramount to maintaining a happy, balanced life.

Vector World Map Illustrator Files

Tuesday, June 28th, 2005

Vector AI World MapsFlash projects always have me either searching for something I need, or having to redraw it in Illustrator and then import it into FlashMX. Considering how much Flash and illustration is on the internet, there is an amazing lack of vector AI files on the web for either download or purchase. EricArt has taken the time to draw a variety of world maps and provide them via TurboSquid for very reasonable rates. I would much rather spend 25 bucks than 5 hours of my time. If you know of other websites like TurboSquid that feature Adobe Illustrator AI files please let me know.