Thursday, December 22, 2011

Capture Google Maps - How to Capture Google Maps

How to Capture Google Maps for Printing and Poster Design
Its Really Works - i suggest you to get this. you need firefox and this add ons
https://addons.mozilla.org/en-US/firefox/addon/screengrab/
or https://addons.mozilla.org/en-US/firefox/addon/screengrab-fix-version/
Tools Required:
Let’s Start:
1.  Open up Firefox and install the Screengrab extension.
2.  Go to http://maps.google.com/ and open a map of the location you want.
3.  Zoom to a level that would be right for whatever purpose you are finally going to use the map for. Just don’t bother about the size of the map now. We will deal with that later.
4.  On the top right hand side of the map you would find a link called…..’Link’. Click on it. In the little pop-up that appears, click on ‘Customize and preview embedded map’.
googlemap_link
5.  A new pop-up window opens up where you can customize the size of the map. Select the ‘Custom’ option and enter the width and height (in pixels) that you want your final map to be. For example, you could  change the values to 5000×4000. The preview map will change to reflect the new size.
googlemap_customsize
6.  Once you are satisfied with the size of the map, copy the html code that appears below the preview map.
googlemap_htmlcode
7.  Open Notepad and paste the above code. Name the file anything you want but make sure you save it with the extension .html. For example, you can call the file mymap.html.
(Tip: In the Save dialog box enter the name as “mymap.html” including the quotes to force Notepad to save the file with the extension .html and not .txt)
8.  Open the html file you created in step 7 in Firefox. You would see your map displayed in the same size you selected in step 5. Of course, much of the map would probably be beyond the screen and you may have to scroll horizontally and vertically to view the hidden area.
9.  Now that we have the map of our desired size, all we need to do now is to capture and save the map as an image file. Here is where the ScreenGrab extension for Firefox comes in handy. Assuming that you have already installed ScreenGrab, you would find the ScreenGrab icon at the bottom right corner of Firefox. Click on the icon and choose (if you can't find the icon , just open tool->option->Add-ons.) Save>Complete Page/Frame. After a moment, a save dialog appears. Save the image as a PNG or JPG file.
googlemap_screengrab
That’s it. Your large size map is ready.
The above trick can be most useful for grabbing maps for use with your GPS enabled mobile phones . Of course, you would need to calibrate the image file before use with the GPS device.

usefull proxy - http://www.d44.info/

Simple Mobile Friendly WordPress Theme - Optimize with mobile

Optimize a Mobile Friendly WordPress Site

In this section we will share all the ways that will create a mobile friendly version of WordPress for your users.

1. Mobify

Mobify
Mobify is a free service that makes WordPress, Drupal and other websites mobile-friendly. Supports iPhone, Android, BlackBerry and 5000+ other devices. Many top brands including, MTV, Sitepoint, Boingboing, Smashingmagazine, Discover Magazine and others are using Mobify. WPBeginner’s mobile version is also powered by mobify. Mobify allows you to customize your site design and it is a great pack for designers. WordPress mobify plugin.

2. Mofuse

Mofuse
Mofuse has a free option to make your blog mobile friendly for various devices including, iPhone, Android, Blackberry and others. Top blogs like Mashable, Readwriteweb, Makeuseof are using Mofuse. Mofuse displays your RSS Feeds to your users. Their free option does not give you enough freedom which is why we did not use their service, but it is very easy to setup. They also have a WordPress Mofuse Plugin.

3. WordPress Mobile Edition

WordPress Mobile Edition is a plugin by Crowd Favorite. This plugin shows an interface designed for a mobile device when visitors come to your site on a mobile device. Mobile browsers are automatically detected, the list of mobile browsers can be customized on the settings page.

4. WPTouch

WPTouch
WPTouch is a mobile plugin/theme for your WordPress website. It automatically transforms your WordPress blog into a web-application experience when viewed from an iPhoneTM, iPod touchTM, AndroidTM, or BlackBerry StormTM touch mobile device. WPTouch has a very good admin options panel. Make sure you check out their gallery for screenshots.

5. WPTap

WPTap
WPTap offers both free and paid themes that lets you display a mobile friendly version to touchscreen phones like the iPhone, iPod Touch, Android and Blackberry. It is compatible with other WordPress plugins that can be used with older devices. This plugin leaves your regular theme as is, and it only displays the tap theme when a smartphone/touch phone user accesses the site.

6. WordPress Mobile Pack

WordPress Mobile Pack
The WordPress Mobile Pack is a complete toolkit to help mobilize your WordPress site and blog. It includes a mobile switcher to select themes based on the type of user that is visiting the site, a selection of mobile themes, extra widgets, device adaptation and a mobile administration panel to allow users to edit the site or write new posts when out and about.

7. MobilePress

MobilePress
MobilePress is a free WordPress plugin which turns your WordPress blog into a mobile friendly blog when viewed on a cell phone. MobilePress also allows you to create custom mobile themes for different handheld devices and mobile browsers such as the iPhone, Opera Mini and Windows Mobile.

For Administrators

In this section, we will share how you can create a mobile friendly WordPress Admin Panel for administrators (you). This will allow you to manage comments and create new posts using your mobile device.

8. WordPress for iPhone

WordPress for iPhone
Official iPhone app that lets you write posts, upload photos, edit pages, and manage comments on your blog from your iPhone or iPod touch. With support for both WordPress.com and self-hosted WordPress (2.7 or higher), users of all experience levels can get going in seconds.

9. WordPress for Blackberry

WordPress for Blackberry
Official WordPress for BlackBerry app allows you to write posts, upload photos and videos, edit pages, and manage comments. Both WordPress.com and self-hosted WordPress (2.7 or higher) sites are supported.

10. WordPress for Android

WordPress for Android
Official WordPress for Android is an Open Source app that empowers you to write new posts, edit content, and manage comments with built-in notifications. Download it now and get blogging in no time.

11. WPhone

Wphone creates the option to use a custom admin interface designed for mobile phones. It has two options called Rich and Lite. Rich option is designed for the iPhone / iPod Touch and other phones supporting full Javascript and CSS featuring fancy AJAX and sliding menus. Lite option is a lightweight, simple version designed for all other phone types (no Javascript or anything else required).
Which plugin are you using? Share your opinions about these plugins in the comments below. If we missed a one that you would like us to include feel free to suggest it in the comments. Also, if you find this article useful, don’t forget to share it with others.

Create a WordPress theme with Mobile Web Templates



Sunday, November 13, 2011

World Wide submarine Internet Cables - This Free Map Shows Location Of Undersea Internet Cables


Did you know that 99% of the internet traffic flowing between countries travels through underwater cables. And now we have a fairly comprehensive map of these pipes, available for free on the internet.
This map data was compiled by Greg Mahlknecht using resources he found on the internet. It shows the major pipes flowing from Europe to North America and those from Asia to Australia and Africa. The map is a work in progress and Mahlknecht is asking for help to improve the detail and accuracy of this underwater map.
Take a few minutes from your busy day to check it out. It's always interesting to see where the big pipes travel, especially those string across long distances like the Atlantic or Pacific Ocean


Dtive here : http://www.cablemap.info/   or  http://www.submarinecablemap.com/

Friday, November 11, 2011

SKETCHED UI WIREFRAMES AND MOCKUPS - 18 GREAT EXAMPLES

For this post, I’ve collected 18 great examples of sketched UI wireframes and mockups. A lot of these look so good that you may be inspired to start your next project with a sketch.

NationWide / NASCAR

sketched wireframes

5 Years of Firefox

sketched wireframes

Links

sketched wireframes

GEOINT2009 (Microsite)

sketched wireframes

Coastal Capital Partners

sketched wireframes

New Local

sketched wireframes

Vimeo Profile Page Idea

sketched wireframes

Layout for BPgraphics

sketched wireframes

Vimeo Clip Page Top Nav

sketched wireframes

Cartoonity.com UI Sketch

sketched wireframes

CommLogix Wireframe

sketched wireframes

Early Ember Sketches

sketched wireframes

Wirethumbs

sketched wireframes

More Ember Sketches

sketched wireframes

iPad App Sketch

sketched wireframes

Web Layout Sketches

sketched wireframes

Librespeak interface sketch

sketched wireframes

Original Twitter Concept

sketched wireframes
Here's some other articles that you will definitely find useful.

11 UI Kits for iPhone and iPad Development

10 Free Printable Web Design Wireframing Templates

10 Excellent Tools for Creating Web Design Wireframes

A UI Design and Prototyping Treasure Chest

The Four Key Components of a Great Web Design