A practical tutorial with powerful yet simple projects that are quick to implement. This book is aimed at developers who have prior jQuery knowledge, but may not have any prior experience with jQuery Tools. It is possible that they may have started with the basics of jQuery Tools, but want to learn more about how it can be used, as well as get ideas for future projects.
Monday, April 9, 2012
HTML5 Mobile Development Cookbook
The book is written in a cookbook style, presenting examples in the style of recipes, allowing you to go directly to your topic of interest, or follow topics throughout a chapter to gain in-depth knowledge. Developers keen to create HTML5 mobile websites that are fast and responsive across a whole range of mobile devices.
Sunday, April 8, 2012
jQuery Mobile 1.1.0 RC2 Released
jQuery Mobile is a Touch-Optimized UI Framework built with jQuery and HTML5. the easiest way to build sites and apps that are accessible on all popular smartphone, tablet and desktop devices. For jQuery 1.6.4 and 1.7.1.
jQuery Mobile 1.1.0 RC2 Released, read details: http://jquerymobile.com/blog/2012/04/06/jquery-mobile-1-1-0-rc2/
Visit jQuery Mobile 1.1.0 RC2
jQuery Mobile 1.1.0 RC2 Released, read details: http://jquerymobile.com/blog/2012/04/06/jquery-mobile-1-1-0-rc2/
Visit jQuery Mobile 1.1.0 RC2
jQuery UI: Buttons with Icon
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Mobile-Web-App: jQuery UI Buttons with Icon</title>
<script src="http://code.jquery.com/jquery-1.7.1.min.js"></script>
<script src="http://code.jquery.com/ui/1.8.18/jquery-ui.js"></script>
<link rel="stylesheet" href="http://jqueryui.com/themes/base/jquery.ui.all.css">
<script type="text/javascript">
function onloaded(){
$( "#plus" ).button({
icons: {
primary: "ui-icon-plus"
},text: true})
$( "#minus" ).button({
icons: {
primary: "ui-icon-minus"
},text: true})
$( "#close" ).button({
icons: {
primary: "ui-icon-close"
},text: true})
$( "#heart" ).button({
icons: {
primary: "ui-icon-heart"
},text: false})
}
</script>
</head>
<body onload="onloaded();">
<h1>Mobile-Web-App: jQuery UI Buttons with Icon</h1>
<div>
<button id="plus">ui-icon-plus</button>
<button id="minus">ui-icon-minus</button>
<button id="close">ui-icon-close</button>
<button id="heart">ui-icon-heart</button>
</div>
</body>
</html>
jQuery UI's ThemeRoller provides the full set of CSS framework icons in its preview column.
Saturday, April 7, 2012
OpenLayers: Free Maps for the Web
OpenLayers Home: http://www.openlayers.org/
Create, optimize, and deploy stunning cross-browser web maps with the OpenLayers JavaScript web mapping library
- Learn how to use OpenLayers through explanation and example
- Create dynamic web map mashups using Google Maps and other third-party APIs
- Customize your map's functionality and appearance
- Deploy your maps and improve page loading times
- A practical beginner's guide, which also serves as a reference with the necessary screenshots and exhaustive code explanations
In Detail
Web mapping is the process of designing, implementing, generating, and delivering maps on the World Wide Web and its products. OpenLayers is a powerful, community driven, open source, pure JavaScript web mapping library. With it, you can easily create your own web map mashup using WMS, Google Maps, and a myriad of other map backends. Interested in knowing more about OpenLayers? This book is going to help you learn OpenLayers from scratch.
OpenLayers 2.10 Beginner's Guide will walk you through the OpenLayers library in the easiest and most efficient way possible. The core components of OpenLayers are covered in detail, with examples, structured so that you can easily refer back to them later.
The book starts off by introducing you to the OpenLayers library and ends with developing and deploying a full-fledged web map application, guiding you through every step of the way.
Throughout the book, you'll learn about each component of the OpenLayers library. You'll work with backend services like WMS, third-party APIs like Google Maps, and even create maps from static images. You'll load data from KML and GeoJSON files, create interactive vector layers, and customize the behavior and appearance of your maps.
There is a growing trend in mixing location data with web applications. OpenLayers 2.10 Beginner's Guide will show you how to create powerful web maps using the best web mapping library around.
This book will guide you to develop powerful web maps with ease using the open source JavaScript library OpenLayers.
What you will learn from this book
- Learn how to set up OpenLayers and use it to create your own web maps
- Debug your map to find out how it works and how to fix things that break
- Investigate the multitude of different layer types OpenLayers supports out of the box
- Customize your map's settings to support different projections, resolutions, controls, and more
- Learn about what projections are and how to work with them
- Use Google, Bing, Yahoo, and other third-party maps directly in your own map
- Understand the numerous map controls provided out of the box and learn how to develop and customize your own
- Add real-time, client-side interaction with the Vector layer and customize its appearance
- Work with external data formats like KML, GeoJSON, and many others
- Develop a complex web map application using external data sources from Flickr, Twitter, and more
- Learn how to deploy and optimize your web map
Approach
This is a beginner's guide with the essential screenshots and clearly explained code, which also serves as a reference.
Who this book is written for
This book is for anyone who has any interest in using maps on their website, from hobbyists to professional web developers. OpenLayers provides a powerful, but easy-to-use, pure JavaScript and HTML (no third-party plug-ins involved) toolkit to quickly make cross-browser web maps. A basic understanding of JavaScript will be helpful, but there is no prior knowledge required to use this book. If you've never worked with maps before, this book will introduce you to some common mapping topics and gently guide you through the OpenLayers library. If you're an experienced application developer, this book will also serve as a reference to the core components of OpenLayers
OpenStreetMap - The Free World Map
Web Site: OpenStreetMap
This book introduces the OSM project, its aims and objectives, and its history, then guides you through the process of gathering, editing, and using OpenStreetMap data using a series of real-world examples. This book is the perfect aid for geographic-information professionals interested in using OpenStreetMap in their work and web designers and developers who want to include mapping in their sites, and want a distinctive style. It is for you if you have a need to use maps and geographic data for work or leisure, and want accurate, up-to-date maps showing the information you're interested in, without details you don't need. If you want to use maps for navigation and want more or less detail than traditional printed maps give this book is perfect for you.
Subscribe to:
Posts (Atom)