Articles > Web Services

Quality Virtual Private Servers for web developers and designers

I would like to provide an outline of (mt) Media Temple’s virtual server hosting. This is a review that aims to present essential aspects of their DV Managed and DV Developer hosting services. DV Developer is the answer to every web developer’s dreams ... DV Developer works exclusively with Linux, and is crafted especially for seasoned developers, who are basically left to their own devices and unencumbered in the process of creating everything from scratch. And true enough, as far as software...
CSS

A Customizable WordPress Weather Widget

In this weeks tutorial we'll be creating a WordPress widget to display the current weather for a specified location. To do this we'll be using the great Weather Underground API. You can sign up for a free developer account here, or sign up for a professional account to get increase request rates. Signing Up ... Once you've signed up and registered for your API key, you should see something like the following. To actually query the API we just need the API key. The Wunderground API does not use OAuth to authenticate...
CSS

Creating a Completely Customized Google Map Plugin for jQuery

Last week I briefly touched on the customization possibilities of Google Maps, this week we'll be taking a more in depth look at what exactly you can customize. The options available include customization for all aspects of the map such as: Roads Points of Interest e.g. Schools, Parks and Hospitals Methods of Transport Water Landscape features e.g. Man made or Natural This covers not only custom colors, but the icons and text associated with each element. Getting Started ... This tutorial is a follow...

Adding a custom icon to a Google Maps Marker

I've used the Google Maps API a few times over the last while and one thing that I've never really touched on is it's fantastic customization options. You can pretty much style or customize everything. In this quick post I'll show you how to change the default marker (or pin) to something else. This is handy if you want to display your company logo or some other icon on the map. I'll also detail the other configurable options that you can change in the google.maps.Marker class. Getting Started ... We saw earlier...

HTML5 Geo-location API and Google Maps API

In this weeks tutorial we'll be creating a jQuery plugin that serves as an introduction to the HTML5 Geo-location API to request your current location. Once we have the location, we will then draw a route from there to Dublin, Ireland (or wherever you tell it to) using the Google Maps API. This could be used in a HTML5 web application or on a site to tell your customers how to get to you. Getting Started ... First of all we'll need to create our jQuery plugin wrapper. The $.extend function will allow us to provide...

Adding an admin or settings page to WordPress

A few weeks ago in my Google Maps Shortcode for WordPress tutorial I covered how to create a basic shortcode. All of the settings required for the Google Maps API where included as configurable attributes for the shortcode. It was discussed in the comments that perhaps it would be better to set some of those options globally. One option discussed was modifying the wp-config.php file, this I don't think is a great idea. It would mean that it could be potentially overwritten by upgrades and is not easily...
CSS

Creating a jQuery gallery for Flickr

This week, we'll be creating a simple jQuery gallery that uses the Flickr API to retrieve a list of images from a photo set and display them. We'll also be using the API to get some additional information about the images and storing it using the HTML5 data-* attributes The Flickr API ... To use the API you need to register for an API key, it doesn't take long and you can start here There are 2 methods that we will be using for this tutorial, first we'll need to get name and description of the specified photo set....

Creating a Google Maps shortcode for WordPress

This week we'll be extending WordPress by adding a custom shortcode. This shortcode will allow us to add a Google Map to a post using a simple piece of text in a post or page. Shortcodes are a quick and easy way to add functionality to a post in WordPress. They look something like this: [ gallery ids="1,2,3,4"] We'll also using PHP based Object Orientated Programming (OOP) to create our shortcode. We'll create a basic class, that has some static functions with in. We'll be using static methods because we...
Load more
Home CSS Deals HTML HTML5 Java JavaScript jQuery Miscellaneous Mobile MySQL News PHP Resources Security Snippet Tools Tutorial Web Development Web Services WordPress