Articles > Tools

Turning the Querystring into a JSON object using JavaScript

The query string in the DOM has always been a bit awkward, why there isn't a standard method of parsing it is beyond me. The normal route most people follow is to convert it in to a simple array of Key/Value pairs. This allows you to then access the values of the query string using the array accessor syntax. //domain.com/index.html?key=value var value = querystring_array['key']; Still a little clumsy isn't it? Wouldn't it be great to be able to just retrieve the value from a normal JavaScript/JSON object?...

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...

The Alternate List of WordPress Plugins You Should Be Using

Everyone knows the most popular WordPress plug-ins, but there are plenty of others out there that don't get the same level of press and are just as useful. Outside of the obvious ones, here's my alternate list of plug-ins that you should be using. Some of these do appear in the popular lists, but in general they're not near the first few pages. Advanced Excerpt ... This is quite an old plug-in, but it still works perfectly. It allows you easily customize the excerpt for posts. You can set the maximum number...
CSS

GitHub Plug-in for WordPress

For the last few years I've run my own Subversion (SVN) server on either a spare box and more recently with a paid for server. This was mainly because my work was private and I was familiar with SVN, and I found that the TortoiseSVN client was excellent and easy to use. My needs have changed and evolved over the years, particularly in the last few months since I started these tutorials. So I have decided to start moving new projects and some of my tutorials to GitHub. I've been watching GitHub progress over the...
CSS

My favorite development tool set, keeping it simple

When I first started playing around with websites in the late nineties (wow, I feel old now) there wasn't much in the way of choice for development IDE's, there was really only Microsoft FrontPage and Macromedia (now Adobe) Dreamweaver. Being honest they weren't great, Dreamweaver's big claim to fame was that it generated cleaner html than FrontPage. Both where poor by today's standards, this was mainly because they where WYSIWYG editors, allowing even novices to create simple pages. When I went...
CSS

15 Online resources for learning web design

There is no doubt that Web design can sometimes be a little intimidating, not only is there so much to learn but the environment is ever changing and it seems as if every day there is something new that you need to learn if you want to stay up-to-date. Don't know where to start? Don't worry we have compiled some of the best resources on the web for learning web design. Some of the suggestions offered here are free while some come at a small cost. Some focus only on HTML while others will teach you anything from HTML,...
CSS

25 Web development resources to help you create better websites

As a developer I am always on the hunt for time saving resources, anything that can save me just a few minutes of time is a great help in an already hectic schedule. Compiled here is a list of 25 resources that are bound to make your life a little bit easier. I have added different CSS3 grid systems, as well as several code generators, whether you need a button or a pattern there should be something here for everyone, I have also added some font generators, if you are having problems with your code then you will...
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