background preloader

10 jQuery Plugins for Easier Google Map Installation

At first glance the Google Map API may seem scary, I mean, were do you possibly start? You probably only want to display a simple map that displays directions to your clients address, you don’t really want an all singing and dancing interactive map with more options than necessary. There has to be a simpler way. Of course there is, and as with almost all web site interactivity, jQuery does offer some simple and easy to use plugins. The plugins below offer not only an easier method to install a map, they also offer the option to add extra functionality, should you choose to need them. They also all come with a varied degree of docs, some are extensive and some non-existent, so choose your plugin wisely. I have also listed a couple of beginner jQuery and Google Map tutorials at the the bottom of the post. gMap – Google Maps Plugin gMap is a very flexible, highly customizable and lightweight (only 2KB) jQuery plugin that helps you embed Google Maps into your website. Mapbox – the jQuery Map

Related:  Web Design

jQuery and Google Maps Tutorial: #1 Basics There are many times I want to leverage jQuery’s strengths to create a custom Google Maps mashup. In this tutorial, I will walk you through how to get started using jQuery inside the Google Maps environment. I will assume nothing, and explain each piece in detail. View Final Demo If you are already familiar with Google Maps API, skip to step #5, or so. Step #1: Get API key

#86b0bb hex color In a RGB color space, hex #86b0bb is composed of 52.5% red, 69% green and 73.3% blue. Whereas in a CMYK color space, it is composed of 28.3% cyan, 5.9% magenta, 0% yellow and 26.7% black. It has a hue angle of 192.5 degrees, a saturation of 28% and a lightness of 62.9%. #86b0bb color hex could be obtained by blending #ffffff with #0d6177. Closest websafe color is: #9999cc. #86b0bb color description : Slightly desaturated cyan. The hexadecimal color #86b0bb has RGB values of R:134, G:176, B:187 and CMYK values of C:0.28, M:0.06, Y:0, K:0.27. Marker : "Marker" in Overlays documentation for Gmap3 This function adds google.maps.Marker(s) and includes a clustering feature. Marker usage Parameters options {google.maps.MarkerOptions} Example: single marker Example: multiple markers – What Are its Uses and Why is it Important? is the loopback Internet protocol (IP) address also referred to as the “localhost.” The address is used to establish an IP connection to the same machine or computer being used by the end-user. The same convention is defined for computer’s that support IPv6 addressing using the connotation of ::1. Setting Up Readable Online Web Copy using CSS Working as a web designer requires knowledge in a slew of different areas. You need to consider user experience design, color schemes, and especially typography. This is one subject which is discussed often yet can still become an issue in website layouts. In this article I would like to discuss creating readable text on your websites.

PHP-ODT - Create odt files with php - Home What is php-odt? Php-odt is a php library that help you create an ODT (Open Document Text) file, partially compliant with the Oasis OpenDocument specifications v1.1. How it works? OpenDocument files, "odt" files for example, are actually ZIP archives. An odt file created with php-odt will have the following structure: 15 Free, Minimal and Responsive WordPress Themes In this round-up we have compiled some of the best free, minimal and responsive WordPress themes that have been recently released. All of the beautiful themes below do work perfectly well as they are across all screen resolutions, but the real beauty of these minimal themes is that they can all be used as a great base for further development. All screenshots below were created using the Responsive Design Bookmarklet from Benjamin Keen. Shutterloop ShutterloopDemo WordPress Svbtle

Record Text Selections Using MooTools or jQuery AJAX One technique I'm seeing more and more these days (, for example) is AJAX recording of selected text. It makes sense -- if you detect users selecting the terms over and over again, you can probably assume your visitors are searching that term on Google, Yahoo, etc. I've duplicated this functionality using my favorite JavaScript library, MooTools, and another JavaScript library, jQuery. Wordpress Plugin – jQuery Mega Menu Widget Updated 2nd November 2012 Drop down mega menus are becoming more popular as an alternative to standard drop down menus. This WordPress menu plugin will allow you to quickly and easily create drop down mega menus from any WordPress custom menu. The plugin can handle multiple mega menus per page, offers a choice of animation effects (fade or slide), the option to set the drop down sub-menu to full width plus the choice to activate the menu using either hover or click. For Vertical Mega Menus If you are looking for a vertical version of the mega menu see our WordPress plugin – jQuery Vertical Mega Menu Widget.

UberMenu - WordPress Mega Menu Plugin UberMenu™ is a user-friendly, highly customizable, responsive Mega Menu WordPress plugin. It works out of the box with the WordPress 3 Menu System, making it simple to get started but powerful enough to create highly customized and creative mega menu configurations. Fully Responsive Mega or Flyout Submenus Compatible with Mobile devices, including iPhone, iPad, and Android Touch-enabled Build advanced submenu layouts with the built in column grid system Easy to use

howler.js - Modern Web Audio Javascript Library - GoldFire Studios Browsers have come a long way over the years, and we are now able to achieve amazing results using all of the great new technologies often referred to as HTML5. However, generally speaking, audio still sucks. Thankfully, Google decided to create Web Audio API and make all our lives easier. The problem is that only the latest browsers support this new-fangled browser audio, so what are we to do? We were presented with this very question while developing our new HTML5 game and set out to find a library that provided the functionality we needed, without all of the bloat, while still supporting the majority of browsers.

40+ Free Responsive WordPress Themes Not every blogger or site owner is code-literate or design-savvy, but everyone deserves to get a responsive design for their site. If you’re on WordPress, have we got a treat for you. Rather than bust your budget to hire a designer for a revamp, why not adopt one of these handpicked WordPress Themes that are available for free? These themes are built to resize and realign itself to cater to the different screen sizes of mobile devices, such as smartphones and tablets, i.e. they are responsive. Capturing Audio & Video in HTML5 Introduction Audio/Video capture has been the "Holy Grail" of web development for a long time. For many years we've had to rely on browser plugins (Flash or Silverlight) to get the job done. Come on!

How to clean up your wordpress database Today we will keep this article short; there are only a few operations that one needs to do in order to optimize and speedup a blog. If you’re using WordPress to edit your blog, you’ve probably noticed how large the database can become, even if you haven’t published many posts. This can compromise the loading time of a blog, slowing it down considerably. Today we will see how to fix and optimize everything based on our actual needs. Why does the WordPress database take up so much space?