Web design has come such a long way and there is absolutely no better way to prove this than to show some amazingly awful 1990′s web design.

There are hundreds of “what to do” guides on the web, so consider this a “what not to-do” guide to website design. You’ll be thanking us later…after you get done laughing. Check our favorite 1990′s web designs.

1. Space Jam

R. Kelly, Michael Jordan and Bugs Bunny…recipe for great 90′s design!

2. Who ISN’T in the market for Bengal Kittens?

I don’t know what’s better, the awesome hairstyle or the fact that all their cats are,”blessed before going to their new home.”

3. It’s Tool Time!

It’s only fitting to have a 90′s style website for a 90′s tv show fan club.

4. You’ve got…a dated website

It’s ironic that this movie was about the new “internet” craze that was sweeping the nation!

5. Cool Awesome DJ Fun Times!

The days of not having fun are over, thanks to this guy. I feel my booty shaking already!

6. Lost World

We’re lucky that carnivorous dinosaurs are extinct, but even luckier that so is this web design.

7. The Dr. is in!

We’re still weighing out what’s worse, the band or their website?

8. The Land of Wonders

I assume there is a French grandmother behind this website design.

9. Pulling tool

This is “a company in the business of innovation.” I don’t know if I agree.

10. EXCELLENT, DUDE!

Saving the best for last…Bill and Ted’s Excellent Online Adventure. I’m almost at a loss for words. This website is so not bogus, dudes.

I came across an article a couple of weeks ago about the BBC finally updating their website to be responsive. For a news and technology junkie like me, it came as a big shock to know that a highly respected news source like the BBC had taken so long to get up to date with current web design standards.

I remember when my old website was being built I fell in love with the design of the front page, I couldn’t wait to show it off to potential business partners and sponsors on my phone. I encountered a major problem: the website was designed to be seen on a PC so navigating it from my phone was a nightmare and not even worth trying. This problem was something that had to be addressed ASAP. My only option at the time was to create a whole separate site for my phone. (I hate you 2009)

If you’re a start-up, funds are limited and they have to be spent on tools for your business. (or Nerf guns) Websites are your most important tool and web design isn’t cheap if you want it done well. So imagine having to design and build a whole separate website for use on a phone? That’s TWO website designs and builds for the same purpose. That’s what you HAD to do; there was no way around it. Enter, Responsive Web Design. (Cliché warning) If I only had this technology back then!

What is Responsive Web Design?

Ethan Marcotte is like the godfather of responsive web design; the guy coined the term ‘responsive design’ in his article A List Apart. This is a great read because Marcotte fully explains the theory, elements and ideas behind responsive design; which is what responsive design essentially is. It’s not a single design practice, but rather, a set of techniques and ideas that form a whole.

In it’s most simplistic definition, Responsive Web Design is a way for websites to respond to a user’s behavior. Think of a responsive website as high-tech Play-Doh; it can mold and fit seamlessly into whatever screen resolution you may have and however you may be viewing it. Whether you’re at home looking on your tablet or on the subway using your smartphone, portrait or landscape view, responsive web design is meant for you to have the same experience with out losing the overall, essential elements.

320 x 480 (iPhone)

480 x 640 (small tablet)

1024 x 768 (iPad – Landscape)

Is Responsive Web Design Necessary?

I’m sure at some point in time someone asked the question, “is the internet necessary?” I’ll take the same approach to answer if responsive design is necessary. Had we never known about it or had it never been created, I’m sure civilization would still thrive but now that we DO know about it, there is no reason for it to NOT be a necessity.

Adaption is the key to business. If we can’t adapt, we can’t succeed. The same applies to web design. Business and web design go hand in hand, they can grow together and can fail together. Tablets and smartphones have become powerful and seemingly necessary tools and it’s imperative for web design to be able to adapt to this notion. It’s not just business that is utilizing these platforms, with so many options out there at various price points, tablets and smartphones are being put to use by schools and average consumers. What this means is that your rolling the dice if you’re website isn’t responsive and the odds are greatly stacked against you.

Numbers Don’t Lie:

As you take in the concept of responsive design, question your current web design and ponder whether there’s enough of an audience to benefit from this, take in these numbers:
-More than 91.4 million smartphones users are from the U.S
-Out of the 5 billion mobile phone users in the world, 1.08 billion are smartphone users
-Worldwide consumer tablet sales are forecasted to reach 118.9 million units in 2012
So is responsive web design necessary for your site? Well, was the internet necessary?

Here are some great resources to check out:

1. How is your website viewed by varios platforms?
2.Great responsive web designs
3.BBC Goes Responsive!

Facebook purchases Instagram:

Not surprisingly, the news of the week was the recent $1 billion dollar Facebook purchase of everyone’s favorite photo app, Instagram. I guess when you’re Facebook, deciding to purchase an app company for a billion dollars is as difficult a decision to make as it is for me to buy a 99 cent cup of bad coffee each morning. Since the purchase, Instagram has skyrocketed and become #1 in the iOS App Store.

It seems that everybody has an opinion about the purchase, some love it, some think it’s the sign of the apocalypse. Both Facebook and Instagram have stated that they are going to grow the app company independently of each other while using Facebook’s team and facilities to load up the programming end of things which would only help Instagram live up to their full potential. Imagine making paper airplanes and then having Boeing essentially give you access to their engineers. You can guarantee that the paper plane game is going to be taken to another level. In this case, LEVELS. Levels that were never imagined by any of the ten (newly wealthy) employees that were running Instagram.

Instagram API

We recently re-launched our new website and our team, who are all Instagram addicts, wanted a way to incorporate some aspect of Instagram to the new site. Enter Instagram API. The API provides access to user authentication, friend connections, photos and all the other elements of the iPhone app. Essentially, you can add Instagram functionality to your website or blog. So we married Instagram with Google Maps functionality for some fun on our site.

We were busy moving into a new office, ramping up our team, buying new office equipment and the whole time we were carting around our mascot, Goose. Sales calls, office space scouting trips and even the Apple store; it didn’t matter, Goose was with us. It was funny seeing people’s reaction to Goose hanging around, so we started snapping pictures.

Goose hanging out with Tommy Hawk!

Other sites utilizing Instagram API

There are a lot of sites that do a really great job of using Instagram API in various capacities. Here are some of our favorites:

View and manage your pictures

Instagrid: “we publish a nice gallery so you can view and share your photos on the web. You can even invite people who don’t use Instagram to subscribe to your feed via email.”

Print your pictures

Postagram: Send postcards using photos from Instagram, Facebook or your phone with Postagram for iPhone and Android.”

Location based pictures

Cartagram: This is a really fun site, it shows you popular photos on an interactive map of the world.”

Pick a picture

In conclusion

Facebook is supposed to be keeping Instagram as an independent product, so as long as they don’t kill access to the Instagram API there will never be a shortage of websites creatively utilizing it. Humans are visual creatures that crave pretty, colorful, creative images and Instagram plays perfectly into this. So if you’re thinking of adding a worthwhile, interactive and visually enticing feature to what you already have going on, Instagram is a great option.

Helpful Links

What the heck is an API?
Getting started with Instagram API
List of Top Instagram Apps

Do you have any sites you want to share?

Blueprint Design Studio seeks passionate Creative Graphic / User Interface Designer

We are looking for a forward-thinking Creative Graphics / User Interface designer with amazing sense & skill in the visual arts & experience.  Key skills in web design, web layout, UX, UI, Branding, and of course crazy Photoshop chops is a must.  Experience with Illustrator, InDesign, HTML/CSS, and jQuery is a definite plus.

We pride ourselves on:

• Integrating the design and development process to create high quality web sites and applications
• Adhering to industry best practices in all areas of the design process
• Open, honest and direct communication with everyone to create a productive and fun work environment
• Shipping Concepts and Projects early and often
• Exceeding Client Expectations at every turn
• Under Promising and Over Delivering
• Customer Service Excellence
• Hiring the Best and Brightest and helping them become the kind of Creatives they want to be
• Our Core Values: Innovation, Passion, Integrity and Caring about our Craft

We need you to…

• Have key knowledge of Photoshop and/or Illustrator to build amazing PSDs that are ready for HTML/CSS.
• A passion for designing and building scalable and beautiful consumer-facing web design and applications.
• An ability to take initiative and bring to the table new and exciting design concepts and ideas.
• Have links to your portfolios with emphasis on experience that demonstrates your expertise in design of websites, landing pages, banners, social media and emails.
• Want to learn, push yourself, and make the design and the web a better place.
• Be comfortable working within a team environment.
• Juggle multiple projects, be self-directed, and be able to shift priorities on a dime.
• Hungry for new challenges, large and small.

Education is not as important to us as real world experience. Show us what you’ve worked on, why you’re passionate about it, and how you pulled it off. We believe in the power of coworking and find it most productive if everyone is working in the Chicago office with the rest of the team. However, if you’re a perfect fit for our culture, and your skills are above reproach, we will consider applicants who don’t live in the city and will do our best to accommodate your needs.

If this sounds like the job you’ve been dreaming about, fill out the form below.   We look forward to getting to know you.

Blueprint Design Studio seeks passionate WordPress Developer

We are looking for a forward thinking WordPress developer with amazing HTML, CSS, and PHP skills. Experience with jQuery a plus.

We pride ourselves on:

• Integrating the design and development process to create high quality web sites and applications
• Adhering to industry best practices in all areas of the the development process
• Open, honest and direct communication with everyone to create a productive and fun work environment
• Shipping Projects early and often
• Exceeding Client Expectations at every turn
• Under Promising and Over Delivering
• Customer Service Excellence
• Hiring the Best and Brightest and helping them become the kind of Software Craftsman they want to be
• Our Core Values: Innovation, Passion, Integrity and Caring about our Craft

We need you to…

• Turn our PSDs into working Child Themes using a variety of WordPress Frameworks (Startbox, Hybrid, Thematic, and Savant mostly)
• Develop custom WordPress themes, when a framework just won’t cut it
• Familiarity with Version Control Software. We currently use SVN and sometimes GIT.
• Have a working knowledge of Photoshop and Illustrator
• Know how to evaluate whether an off-the-shelf plugin meets the client’s needs and our quality standards, or if we should build something custom
• Develop WordPress widgets and plugins to make the CMS experience better for our clients
• Want to learn, push yourself, and make the web a better place
• Know that working within the GPL means not reinventing the wheel but adding shiny rims to it.
• Be comfortable working within a team environment
• At least be somewhat involved or aware of the evolution of WordPress by keeping up with the community and overall progress of the platform
• Juggle multiple projects, be self-directed, and be able to shift priorities on a dime.
• Hungry for new challenges, large and small

Education is not as important to us as real world experience. Show us what you’ve worked on, why you’re passionate about it, and how you pulled it off. We believe in the power of coworking and find it most productive if everyone is working in the Chicago office with the rest of the team. However, if you’re a perfect fit for our culture, and your skills are above reproach, we will consider applicants who don’t live in the city and will do our best to accomodate your needs.

If this sounds like the job you’ve been dreaming about, fill out the form below. Applicants without links to web based work will be ignored. We look forward to getting to know you.

Web design is changing EVERY day!

In a fast paced age when everyone wants everything as quickly as possible, we can now see that this age has extended it’s reach to the internet.  With so many websites that are content-heavy, CMS-driven, and loaded with as much information as possible, it can become tedious going through all the pages and load times.  Enter Single Page Web Design. Aside from the benefits of being more user friendly, it is much easier to browse a single page website, obtain as much information as you need, and not have to reload or refresh a page.

What shapes a good web design?

Creating websites that serve your needs while being visually appealing is always important.  The look and feel of your site is dependent on how you would like the site to flow.  With navigation bars, multiple pages, content entry, and page design, knowing about web design in general is always important, even if you are going to use the fast growing style of Single Page Web Design.  There are also several platforms that you can use to build your site.  Content Management Systems are drastically increasing in use and CMS’ such as WordPress are used by more than 15% of websites.

So what IS single page web design?

A single page design loads completely when you get to the website, and then page sections appear or are updated with new pieces loaded on demand from the server. In order for the page to avoid unnecessary loading times,  a single page design will often download more information as you scroll, or when it is needed, either in small pieces, or in complete sections.  Laying out your Single Page is fun and challenging at the same time.  With just one page to scroll, you have the opportunity to use images, designs, and your content to create breaks in the page as you scroll.  By implementing this style, you give the user the ability to navigate your entire site and experience your products and concepts, without having to worry about load times or selecting different pages.

Try to make a single page design yourself!

Single page web design is a trend that is catching on. More and more people are creating simpler websites! Wanna try it yourself? Check out the link below.

webdesign.tutsplus.com

webdesign.com

Some amazing collections of one page sites!

The examples in this blog make excellent use of things like sliders and auto-scroll scripts, among other tools, to display content in a way that improves user experience.  Lets look at some websites that display collections of Single Page Web Designs.  Browse through and get a better feel of the user experience.

onepagelove.com

designrfix.com

tutorials-share.com

creativedesignmagazine.com

naldzgraphics.net

inspirationmix.com

howinteractivedesign.com

instantShift.com

The Blueprint team has been in operation for more than 6 years with a focus on custom WordPress design & development. We have also strengthened our reach within the restaurant community to increase profitability through cutting edge design and consulting. Along the way we have created a lot and learned even more, yet we continue to challenge ourselves to always go further.

For 2012 we are relaunching as Blueprint Design a full interactive agency with new services and a unique new process to ensure results.

What things can you expect to see?

• A new, unparalleled level of service
• Brand new Blueprint Blog with posts to give our clients the latest and greatest information to help maximize your online presence
• Quality posts on twitter and Facebook curating the most helpful relevant content on the web
• The launch of 24 hour support through support.blueprintds.com
• Way more tools for online engagement
• Some other awesome surprises coming in the next few weeks!

We are an industry leader that will continue to raise the bar without losing the focus and dedication to our clients. Our success is a reflection of yours and as our client we will treat you like our partner and we invite you to grow with us and to expect the highest level of service available.

We love Jquery here and use it a lot. Here’s our breakdown of ALL the jQuery options available today. Feel free to add more that you find in our comment section.

1) Tabbed side menu:

Many websites such as WordPress use tabbed navigation to easily sort through a site’s content while saving space.

Tutorial: (http://www.queness.com/post/106/jquery-tabbed-interfacetabbed-structure-menu-tutorial

Demo: (http://www.queness.com/resources/html/tabmenu/jquery-tabbed-menu-queness.html)

This mac style navigation menu provides the user a clean, organized and animated interface for surfing a site’s content.

Tutorial: http://www.ndesign-studio.com/blog/design/css-dock-menu/

Demo:  http://www.ndesign-studio.com/demo/css-dock-menu/css-dock.html

This menu was created using a combination of XHTML, CSS and Javascript:

Tutorial: http://www.shopdev.co.uk/blog/animated-menus-using-jquery/

Demo: http://www.shopdev.co.uk/blog/menuDemo.html

This animated menu provides flash-like movements to the page-links. The menu was created using a combination of JQuery and CSS.

Tutorial:  http://net.tutsplus.com/javascript-ajax/create-a-cool-animated-navigation-with-css-and-jquery/

Demo: http://nettuts.s3.amazonaws.com/009_jQueryMenu/sm/result/index.html

The Sliding Nav menu allows multiple links to be contained within one button. This is especially useful for websites with large amounts of content.

Tutorial: http://hv-designs.co.uk/2009/02/17/sliding-jquery-menu/

Demo: http://www.hv-designs.co.uk/tutorials/sliding_menu/sliding_menu.html

The Fading menu is an example of how to use CSS with JQuery to create a clean and simple navigation for Web 2.0.

Tutorial: http://css-tricks.com/learning-jquery-fading-menu-replacing-content/

Demo: http://css-tricks.com/examples/MenuFader/

This animated menu provides flash-like movement and interactivity to your navigation using the “easing” function of JQuery.

Tutorial: http://buildinternet.com/2009/01/how-to-make-a-smooth-animated-menu-with-jquery/

Demo: http://buildinternet.com/live/smoothmenu/animated-menu.html

The Jquery MB menu is another good example of a drop menu capable of organizing a large number of sub-categories. Categories can be multi-level or contextual (right click).

Tutorial: http://pupunzi.open-lab.com/2009/01/18/mbmenu/

Demo: http://www.open-lab.com/mb.ideas/index.html#mbMenu

The Lavalamp menu is a simple navigation with an animated, flash-like slider.

Tutorial: http://www.gmarwaha.com/blog/2007/08/23/lavalamp-for-jquery-lovers/

Demo: http://www.gmarwaha.com/blog/2007/08/23/lavalamp-for-jquery-lovers/

This drop-down menu uses a combination of JQuery and CSS to neatly organize multiple sub-sections. This is convenient for organizing large amounts of content on a site.

Tutorial: http://www.clarklab.net/blog/posts/animated-drop-down-menu-with-jquery/

Demo: http://clarklab.net/blog/articles/dropdown/example.html

This attractive JQuery effect slides the navigation bar onto the page on load.

Tutorial: http://net.tutsplus.com/html-css-techniques/how-to-create-a-mootools-homepage-inspired-navigation-effect-using-jquery/

Demo: http://net.tutsplus.com/html-css-techniques/how-to-create-a-mootools-homepage-inspired-navigation-effect-using-jquery/

MenuMatic is a MooTools 1.2 class that takes a sematic ordered or unordered list of links and turns it into a dynamic drop down menu system. Created by Patrick Griffiths and Dan Webb.

Tutorial: http://greengeckodesign.com/?q=menumatic

Demo: http://greengeckodesign.com/projects/menumatic/examples/horizontal/

The Garage style menu uses JQuery to animate each button revealing information to the user when passed over with the mouse.

Tutorial: http://www.gayadesign.com/diy/jquery-convertion-garagedoor-effect-using-javascript/

Demo: http://www.gayadesign.com/scripts/jquerygaragedoor/

The sliding navigation adds a flash-like movement to the menu with a highlight which follows the users movement. This menu can be easily customized using CSS.

Tutorial: http://www.leigeber.com/2008/05/sliding-javascript-menu-highlight-1kb/

Demo: http://www.leigeber.com/2008/05/sliding-javascript-menu-highlight-1kb/

This menu is simple to create yet powerful when organizing sub-menus and categories. The drop-down is created with JQuery and styled with CSS.

Tutorial: http://designreviver.com/tutorials/jquery-css-example-dropdown-menu/

Demo: http://designreviver.com/tutorials/jquery-css-example-dropdown-menu/

The JQuery floating menu moves over content as the user scrolls up or down the page.

Tutorial: http://net.tutsplus.com/html-css-techniques/creating-a-floating-html-menu-using-jquery-and-css/

Demo: https://nettuts.s3.amazonaws.com/018_Floating_Menu/demo/dhtml_float_menu_final_nettut.html

The JQuery Top Nav Menu is a navigation bar which shows it’s sub-categories on the top when rolled over.

Tutorial: http://net.tutsplus.com/tutorials/javascript-ajax/a-different-top-navigation/

Demo: http://nettuts.s3.amazonaws.com/386_navigation/top-nav-demo/index.html

The Apple Style Menu tutorial takes you step-by-step into the creation of a sliding “leopard flavor” navigation.

Tutorial: http://www.kriesi.at/archives/apple-menu-improved-with-jquery

Demo: http://www.kriesi.at/wp-content/extra_data/kwicks_tutorial/kwicks_final.html

The JQuery Fancy rollover displays a subtle flash like ease motion when the menu item is selected.

Tutorial: http://www.sohtanaka.com/web-design/animate-navigation-with-css-jquery/

Demo: http://www.sohtanaka.com/web-design/examples/fancy-navigation/

Demo: http://www.jeremymartin.name/examples/kwicks.php?example=1

Tutorial: http://www.jeremymartin.name/projects.php?project=kwicks

Demo: http://www.queness.com/resources/html/scrollmenu/index.html

Tutorial: http://www.queness.com/post/256/horizontal-scroll-menu-with-jquery-tutorial

Demo: http://www.distinctcorp.com.au/jquery/spritemenu.html

Tutorial: http://www.distinctcorp.com.au/jquery/spritemenu.html

Demo: http://www.sitepoint.com/blogs/2009/03/31/make-a-mega-drop-down-menu-with-jquery/

Tutorial: http://www.sitepoint.com/blogs/2009/03/31/make-a-mega-drop-down-menu-with-jquery/

Demo: http://www.queness.com/resources/html/floatmenu/index.html

Tutorial: http://www.queness.com/post/762/create-a-nice-looking-floating-menu-with-jquery-easing

Demo: http://css-tricks.com/examples/ColorFadingMenu/

Tutorial: http://css-tricks.com/color-fading-menu-with-jquery/

Demo: http://nettuts.s3.amazonaws.com/013_keypress/demo/demo.html#about

Tutorial: http://net.tutsplus.com/tutorials/javascript-ajax/how-to-create-a-keypress-navigation-using-jquery/

Demo: http://css-tricks.com/examples/DiggHeader/#

Tutorial: http://css-tricks.com/designing-the-digg-header-how-to-download/

Demo: http://demo.marcofolio.net/slick_jquery_css3_menu/default.html

tutorial: http://www.marcofolio.net/webdesign/jslickmenu_a_jquery_plugin_for_slick_css3_menus.html

Demo: http://www.jampmark.com/html+css-techniques-demos/pure-css-fish-eye-menu-demo.html

Tutorial: http://www.jampmark.com/html+css-techniques/pure-css-fish-eye-menu.html

Tutorial: http://www.alohatechsupport.net/webdesignmaui/maui-web-site-design/create_image_menu_with_jquery.html

Demo: http://www.alohatechsupport.net/examples/image-menu-1.html

32) SuckerFish Style Menu

Demo: http://be.twixt.us/jquery/suckerFish.php

Tutorial: http://be.twixt.us/jquery/suckerFish.php

Demo: http://www.dynamicdrive.com/dynamicindex17/ddaccordionmenu-bullet.htm

Tutorial: http://www.dynamicdrive.com/dynamicindex17/ddaccordionmenu-bullet.htm

Demo: http://stilbuero.de/jquery/tabs_3/

Tutorial:http://stilbuero.de/jquery/tabs_3/

Demo: http://plugins.jquery.com/project/bdc-ddmenu

Tutorial: http://plugins.jquery.com/project/bdc-ddmenu

Demo: http://plugins.jquery.com/project/jBreadCrumb

Tutorial:http://plugins.jquery.com/project/jBreadCrumb

Demo: http://jdsharp.us/jQuery/plugins/jdMenu/

Tutorial: http://jdsharp.us/jQuery/plugins/jdMenu/

Demo: http://labs.activespotlight.net/jQuery/menu_demo.html

Tutorial: http://labs.activespotlight.net/jQuery/menu_demo.html

demo: http://www.ndoherty.biz/demos/coda-slider/1.1.1/

Tutorial: http://www.ndoherty.biz/demos/coda-slider/1.1.1/

Demo: http://uvumitools.com/dropdown.html

Tutorial:http://uvumitools.com/dropdown.html

Related Articles:
36 Eye-Catching Jquery Navigation Menus
25 jQuery Tutorials for Improved Navigation Menus
10 Fresh jQuery Tutorials to Enhance Navigation Menus
26 jQuery Plugins for Superb Navigation
10 incredible JQuery navigation menus
“Outside the Box” Navigation with jQuery
25 jQuery Plugins for Navigation
13 excellent tutorials on creating jquery navigation menu
15 Excellent jQuery Navigation Techniques and Solutions
8 Sites with Excellent jQuery Navigation
50+ Amazing Jquery Examples- Part1
24 CSS (in some cases with jQuery) Navigation and Menu Tutorials
Animated Navigation with CSS & jQuery
Outstanding jQuery Navigation Menu Tutorials
5 Examples of jQuery Navigation at its Very Best
11 New jQuery Navigation Solutions
15 Best jQuery Navigation Plugins

For many, the name “Photoshop” is associated with one of the most advanced photo and image manipulation software platforms ever created. From this comes Photoshop for iPhone. Released October 8th, this new (and free) application developed by Adobe Systems allows users very basic Photoshop editing tools on the go. According to the product page, the program’s top features include:

Editing: Crop, Rotate, Flip.
Color Manipulation: Exposure, Saturation, Tint, Black and White.
Filters: Sketch, Soft Focus.
Effects: Vibrant, Pop, Border, Vignetter Blue, Warm Vintage, Rainbow, White Glow, Soft Black and White.

As sales of Apple’s popular iPhone have steadily risen, so have the development of numerous applications for everything from map directions to tip calculators. Though Photoshop’s more advanced features such as 3D modeling are a few years in the works, Adobe has stepped in the right direction entering the mobile marketplace.

for more information please visit: www.adobe.com or

With the widespread adoption of Twitter, has come the need for short URL’s.  Unfortunately, the providers of those short URL’s are often not terribly financially stable.  Recently, tr.im was in the news for going under, and then being miraculously saved shortly afterward.  There was a lot of outcry, because people were unhappy to see those links “go dark”.  Bit.ly and others have banded together to create a backup of their own links, in case something happens to them.

WordPress.com users now have a different solution available to them now.  Automattic has launched an internal shortening feature:

WP.me is similar to what we’ve been using at Blueprint – we purchased the shorter domain name bpds.us so that we could build our own “retweet” button that linked to our own domain, and included our @blueprintds twitter as the source of the tweet.  Besides being a shortcut around  building a plugin just to interface with a shortening service’s API, it also guarantees that we won’t have to worry about a shortening service going under – the links will live as long as we do.

Shortening the url’s is pretty simple – it’s just a link to http://bpds.us/?p=<?php the_id(); ?>, placed in the single.php template. We could be more advanced and base_encode the ID, and build a plugin to handle those URL’s, so that they looked more like Bit.ly or tinyurl.com links. It’s not really worth the effort, since it would at best save 2 characters, and the URL’s are for copy/pasting, not typing.

If you don’t want to build your own short URL’s, WP.me will be extended to all wordpress users in the near future.

tour resource center