Archive for the ‘Development’ Category

Generate Favicons

Here’s a great app for generating favicons

http://www.genfavicon.com/

Trilobita Wordpress Theme

We’ve created our own Wordpress theme, it’s the one we use for this blog. It is a three column flexible layout based on the Jello layout model. This means that you get a fluid layout, but one that has a minimum and maximum width set. Yep your site will not go below a certain width or expand beyond your max width. Try it, the default setting is that this layout will not go below 700px or above 1000px. These values can be edited to suit your needs, as can the amount of fluidity.

It also uses JQuery for corners and the lavalamp menu.

It is XHTML 1.0 Strict and CSS compliant.

Our Theme

Our Theme

Grab the relevant file below:-

Really Easy Field Validation with JQuery

Again JQuery has improved and simplified from the process outlined earlier in this blog

for form validation just add jquery.validate plugin and then in the code add:-

$("#commentForm").validate();

or more likely you’ll have a more complex form so you’ll need to specify a few attributes

var validator = $("#health").validate({
			rules: {
				radiofield: "required",
				textfield: "required",
				email: {required: true,email: true},
				name: "required"
  			},
			messages: {
				email: {
					required: "Please enter a valid email address",
					minlength: "Please enter a valid email address",
				},
				radiofield: "Please Select The number of items to Check"
			},
			// the errorPlacement has to take the table layout into account
			errorPlacement: function(error, element) {
				if ( element.is(":radio") )
					error.appendTo( element.parent() );
				else if ( element.is(":checkbox") )
					error.appendTo ( element.next() );
				else
					error.appendTo( element.parent() );
			},
 
		})

For the full documentation go to http://docs.jquery.com/Plugins/Validation

And don’t forget to handle the form with javascript disabled!

Rounded Corners with JQuery

As with most things Jquery has simplified and improved the process.

For rounded corners just use the jquery plugin jquery.corner.js

and in your code:-

$('#id1, #id2 ul ').corner();

and that’s it!

Great JQuery add ons

This is just a post to remind myself where to find these great JQuery plugins

menu:-

here one based on the suckerfish menu, it looks like it degrades well too!

http://users.tpg.com.au/j_birch/plugins/superfish/

Carousel: – http://www.gmarwaha.com/jquery/jcarousellite/

Gallery :- http://www.spaceforaname.com/jquery/galleryview/

http://gr0w.com/articles/code/php_accessible_image_swapper/

http://www.noupe.com/jquery/50-amazing-jquery-examples-part1.html

http://plugins.jquery.com/project/spellcheck

Add a dynamic (google) map to your site.

Adding a dynamic map to your website is relatively straightforward. Using the Google Maps API you can embed a map in your web pages. With further configuration you can add markers, icons, labels and even suggest directions to users. Any map embedded on your pages has the same  zoom and movement functionality as at Google Maps. The first step is to sign up for a key. This is dependent on the URL of the page in which you wish to embed your map, so it is a good idea to put all map pages in the same directory to save having to get separate keys for each one. The next step is to look at the examples provided by Google. These will give you all the methods you require for using the API. If you don’t fancy getting your hands dirty with the API code but would like a map on your site why not drop us an email here at the Trilobita Partnership. We can set up a map from as little as £25. Just use our contact page to get in touch!

Google maps icons

Here are some links to some useful tools for getting and / or making icons for google maps

http://www.nps.gov/hfc/carto/map-symbols.htm

http://econym.googlepages.com/geicons.htm

http://www.visual-case.it/cgi-bin/vc/GMapsIcons.pl

http://www.cycloloco.com/shadowmaker/shadowmaker.htm

Host your website with us at Trilobita

Trilobita Partnership can now offer web hosting packages alongside our web design services.

We can also help you register a domain name so now you can get your website designed, registered and hosted under one roof!

Our webhosting plans are designed to cater from the most basic light user to heavy demanding e-commerce users and busy forums.

To view our hosting plans go to http://clients.trilobita.co.uk/cart.php or contact us

hadhamradio.co.uk is Live!

Our latest client site has gone live. You can find it at hadhamradio.co.uk

Google Maps API with PHP and MySQL

For a good tutorial about using PHP and MySQL with Google Maps API have a look at:-

http://code.google.com/support/bin/ answer.py?answer=65622&topic=11364

Either click on the link or remove the space before ‘answer=’ if copying and pasting