If you’re using BackupBuddy to backup your wordpress installs, then you know how great it is. If you’ve ever used it to move one of your wordpress sites, you really know what a life saver it can be. I’ve been using it for a while now and have a good number of sites backed up …
Deck Plans – No Flash Here, Just HTML and Javascript
Here is the Deck Plans page, one of the features I wrote for the NCL Breakaway Website. Keep in mind, I only did the front end development, not the design. The design goes to some great guys I work with at Worldmedia Interactive.
The deck images are a series of slides that I sequence through on slide of the slider. They decided after we wrote this they wanted links on the images, so we added image maps for each slide that we apply to each slide on change using javascript. The maps and slide filenames are stored in a json file that is easily updated or can eventually be tied into a CMS to get the data.
By viewing “Connecting Staterooms”, you can see we toggle between two sets of images to highlight the connecting rooms. We added anchor tags to allow deep linking to certain decks.
After testing, NCL decide they wanted to be able to drag the deck back and forth itself, so we added a drag function to the image that corresponded with the slider. A nice quick fix.
This is a nice first step that I can see turning into a great shipboard app to get you around while your onboard. Hopefully, we will get a chance to write that.
What I did:
Javascript
HTML
CSS
Design: Worldmedia Interactive
Some of my Latest Work
Hey all! I’m looking to finally redesign this blog. Hard to believe it’s been here for almost 10 years and I feel like I’ve never used it, but it’s full of posts, so I guess I did at some point. It’s one of those on again off again relationships. I will probably never really get …
New WordPress Plugin to use Vital Wall to track your Blog
I have released a new wordpress plugin today that you can use to set up a wordpress blog to work with one of your Vital Walls. All you need to do is set up a wall and then download the plugin and install it on your blog, add the wall id in the options and …
Add your Vital Wall to your Facebook Page
It’s not hard to add one of your walls to your Facebook Page. With the new iframe tabs they allow you to add, it’s rather simple. So what can you do with a vital wall on your Facebook Page? Have a Live Top List of Products on your site Put a “Window” in your shop …
Window Shopping – Create a Live Feed of Hot Items on Your Front Page
When you walk into a store and you see a crowd around a shelf, you’re going to go see what they are looking at. You want the same thing to happen when people visit your website? Then put a vital wall on your front page that shows a live feed of currently viewed items. This …
Set Up Your First Wall
In this lesson, you will set up your first wall with VitalWall. Log in to your account Enter your email and password to go to your accounts main page. Click New Wall Click “New Wall” Fill In Wall Name Fill in the name of the Wall. This will be used in the <title> tag …
Moving to the Cloud Is Probably Good for Your Health
Back in the 90′s, I was hooked on new hardware. I wired our building for the first time for a network, I set up our first server to host our one page website and I hooked up our first hub so we could share files. But nothing was more exciting than getting a delivery from …
How to Get an Invite to the New Facebook Messaging
Facebook announced their much anticipated “gmail killer” today. However, it seems to be closer to Google Wave than Google Mail. So, where is the new messaging? Well, it’s being brought out slowly via an invite only system. I don’t know if this is to test the system or create a buzz to get people to …