jQuery Mobile Demos jQuery Mobile is a touch-optimized HTML5 UI framework designed to make responsive web sites and apps that are accessible on all smartphone, tablet and desktop devices. New to jQuery Mobile? Get started by reading this introduction. For technical info, visit the API documentation. Downloads and info about the project can be found on jquerymobile.com. Source Code & Tutorials Recently, I have released source code for a number of projects. In most cases these projects are released as they were published – while the code is reasonably well-commented, the projects weren’t build specifically to be released and thus may not be shining examples of standards and software architecture. That said, I hope that these releases will serve as inspiration for you to make some things of your own. If you do end up building something interesting, please let me know. Source Code Processing
Three Geography Games Based on Google Maps and Google Earth One of the things that I emphasize to students before they embark on any kind of research or problem-solving task is to take a good long look at the information that they already have before them. To that end, I'll often request that they construct a list of what they know about a topic or problem before they begin to search. Playing one of the following three Google Maps-based games is a fun way to reinforce the concept of using prior knowledge and observations. 40 great examples of parallax scrolling websites Today's advanced web technologies make it possible to create remarkable effects in the browser. While these effects can be gimmicky, when employed in the right way they can result in a distinctive and memorable website. One fairly recent web design trend is parallax scrolling, which involves the background moving at a slower rate to the foreground, creating a 3D effect as you scroll down the page. It can sometimes be overwhelming, but when used sparingly it can provide a nice, subtle element of depth. You'll find more advice in our pro tips for building parallax websites post.
Geocoding a Location Geocoding using the Search Manager Class To geocode and reverse-geocode locations, you can use the geocode and reversegeocode methods in the SearchManager Class class. The class reference page provides sample code to show you how. Alternative: Geocoding using the Bing Maps REST Services 50 Free Resources for Web Designers from August 2014 The tremendous thing about the design community is that we all love to share. We really do. Whether we share our thoughts and ideas via an in-depth article, or by giving advice/feedback on a forum, or even by freely offering high-quality resources. Getting started with Bing Maps AJAX Control 7.0 All that is needed to complete the page is a Div with the correct ID and something to call the GetMap function and make everything happen: If you don't specify a height and width 400 by 600 is used by default. The complete page is: <!
OpenStreetMap Where is this? Reverse Directions Welcome to OpenStreetMap! OpenStreetMap is a map of the world, created by people like you and free to use under an open license. Hosting is supported by UCL, Bytemark Hosting, and other partners. Using the Bing Maps API Using the Bing Maps API This article will explore how to add the Bing Maps API to a website. Bing Maps provides an interactive AJAX SDK (found at: www.microsoft.com/maps/isdk/ajax) that allows the user to choose what aspects to include on their Bing map. The users can switch between the visual map, the source code, references for the code used and more information about the SDK and Bing Maps API. The user simply needs to choose the map options they wish to have on their map and copy and paste the code into their website. In this article, we will be using WebMatrix.