Some changes included:
• Expanded view and related sections grouping
• Membership call to action to promote membership
• Half-height banners to cross-promote additional TDWI subsidies
• Greater emphasis and focus on promoting events
• Calendar view to place the event in context of the month at a glance
• Promotion of RSS feed syndication
• Preview of the latest publication covers accompanying their listings
• Expand and collapsible accordion ui

The original TDWI 2009:

Redesigned in 2010:

My contributions to the homepage April 2011:

This is your world …

And this is a portal to the adventure beneath …

These are just a few previews for a game I have been working on.
Stay tuned for more.

Following the success of Orlando, we took it a step further for Las Vegas in 2012 by offering sponsorship, added a new guide view, lightbox image viewing as well as “tdwi live” branding. The jquery was refined and the dashboard code was divided into modular components.

New additions included:

• guide agenda view
• utilized flickr api
• photo lightbox viewer
• sponsors

Below is the lightbox view in action.

Sometimes the detail is lost when limited to set dimensions. Here are your favorite pi(e) from the Pi Cafe of the School Vandals MSTI level.

After:

Some noticeable differences include:

• A shorter results header footprint, allows more results above the fold
• Added a search form to the results header to promote refined searches
• Added icons to identify the type of search results
• Tabbed result filtering

Hint: Click the crank to turn, continue clicking until …

input, button {
vertical-align: middle;
}

You can also restyle the borders, margin and padding to make completely customized appearance of fields and buttons. Just remember, button can be styled across all browsers to appear the same while an input of submit type cannot and will be subject to each browsers gui, most noticeably is Apple’s Safari.

@geekynat Existence is really hard sometimes.

@geekynat Good morning is such an empty sentiment.

To celebrate marrying the love of his life Ashlee, they are hosting a reception on October 30th, 2010 to share their happiness with friends and family.

I was asked to help fulfill their desire to make the information about the reception available online, so I went to work creating “til death” reception pages.

Now that they are live, I just wanted to share them with you and invite you to pass along your congratulations to the happy couple.

Mark & Ashlee Boyda’s Reception

According to Facebook logic it is of grave importance which is created first, and if you made the event first you’re out of luck.

I wonder if they also think the Chicken came before the Egg?

Facebook FAQ erroneously suggests:

In order for an event to appear in the Events section of a group’s page, you need to set the group as host of the event from the Edit Event page. In order to do this, you will need to be the admin of both the group and the event.

When you go to edit the event, you’ll find there isn’t a place to select your group as the host. Now what? … Facebook’s Blackhole Customer Service? Good Luck.

The answer is so simple you may kick yourself for not trying it sooner.

Each group is given a “gid” aka group id number, when you visit your group you can find this appended to the address url. Copy your “gid” number and go edit your event.

http://www.facebook.com/events/create.php?gid=[your group number]

On the edit event page append &gid=[group id number] to the address. As you can see the event already has an “eid” aka event id number so add the “gid” after the “eid” with an “&”.

http://www.facebook.com/events/create.php?eid=[event id number]

Becomes:

http://www.facebook.com/events/create.php?eid=[event id number]&gid=[group  id number]

Reload the page and you’ll now notice there is now a check box that says “Invite Members of the host group [group name].

Hit “Save Event” and return to your group. Now under the “Events” tab on your Group page you will find your event listed.

Voila! You have now accomplished what many think is impossible.

Note: Even though the event is now listed on your group, when you make future edits to the event make sure you add the “gid” on the address bar if it is missing before saving changes.


h1 {
width: 760px;
height: 150px;
text-indent: -9999px;
overflow: hidden;
background: transparent url(header.jpg) top left no-repeat;
}


The text indent effectively overflows the text outside the visible range, and overflow hidden ensures when you select the h1 you don’t get the selection trail that extends to the hidden text.

Now if you want you can also do the same thing but instead of setting the background, width and height on the h1 itself, setting it on a hyperlink inside the h1 allows the background image to become a link. This is also how you would go about making a hyperlink into a graphic button.