Trilobita.co.uk :: Web Development Snippets

This blog is purely for personal use, to try to make me make a note of any useful code i find. If you find anything here of use then great, take it and run, but there are no gurantees that any of it will work

Here’s a great app for generating favicons

http://www.genfavicon.com/

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

Grab the relevant file below:-

• green-trilobita.zip

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!

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!

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

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!

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

Here’s a useful tool for creating customised animated waiting gifs for use with ajax

http://www.ajaxload.info/

You choose a background and foreground colour and the type of shape you want and hey presto it’s ready for you to download! Superb!

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

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