Articles > Tools

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

Keeping Your Site Up To Speed With Speedy Gonzales

Speed. It’s an important factor in the recent Olympics, the Paralympics and even our day to day lives. Speed is also an important factor when it comes to Google. Their ethos concerns the provision of accurate, relevant search results delivered as quickly as possible to the user. To quote their Webmaster Guidelines: “Monitor your site's performance and optimize load times. Google's goal is to provide users with the most relevant results and a great user experience. Fast sites increase user satisfaction...

Automate WordPress Installation and Development WorkFlow

Do you work on multiple sites at a time? Then no doubt you would love to improve your speed and your overall development workflow. Think of what it takes to set up WordPress the old school way: Downloading the latest version. Extracting the downloaded zip file. Creating a new database. Creating wp-config.php file. Developing WordPress sites has never been easier with WAMP and Simple WordPress Auto Installer.  The Auto Installer script is now available that allows you to add a WordPress install within...
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