Hosted domain for most of my repositories.
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
colour-changer
contact-with-google-maps
css-contact-form
css
images
jquery-colour-rotation
js
tinychat-rtmp
tinychat
video-background
favicon.ico
index.html
readme.md
rightBlack.png

readme.md

Ruddernation Designs

I've now added live demos of some of my software below.

Hosted domain for all repositories on GitHub, Repository Page I'm now available on Skype again for help with any of my websites or software, Search and add Ruddernation on your Skype.

Tinychat HTML Embed

Allows you to embed a TinyChat room in to a web page using my chat script, This will also embed into almost any CMS by simply removing the relevant tags. Just change the room name from ruddernation to your room, also update the urlsuper to your domain for sharing, This has smileys enabled,
EDIT: I've now removed YouTube from all my software, YouTube videos will still work if you're a moderator, If you wish to add youtube so as all users can play videos then add youtube:"all" to your scripts. Demo

Javascript colour changer

This allows you to change the colour of the background of a website page or item, You can also use a pad to change the colour and select from which hexadecimal colours.
Demo

Javascript colour changer using pad

This allows you to change the colour of the background of a website page or item, This version uses pad so is slightly different than the one above, But does the same job.
Demo

Video background using HTML5 canvas feature

Simple demo to show how to display a video as your background image on a website with HTML5, I've added the correctly formatted video files for each browser and if on a older browser it will simple show the image provided.
Demo

HTML5 contact form with Google maps (Now with Google reCaptcha)

This is a PHP contact form in HTML5/CSS3 with Google maps using the canvas feature, This uses the Modernizr and Bootstrap features meaning that this contact form is fully responsive.

This is ready for instant use once you change the email addresses in the contact.php in the core folder, It can be used as a full page or embed into a existing page, Just simply remove the relevant tags and do a few css updates to make it fit the page or with your themes style.

I've also only added the most basic of information needed from the contact form, you could also include location/time/referrer etc, I've also added a few html tags that will be stripped inside the form, you can add more if you wish, This is to combat against XSS attacks.

This version is a live version but does not include the PHP file as that does not run on GitHub, But everything works as it's suppose to.
Demo Live Version

CSS3 contact form (Popup form using Ajax)

This another contact form that is easy to use and is customised in CSS3 and Ajax, This form will popup on click of link/button and has a dropdown feature for enquiries ect,

This is now ready for using, I've added basic enquiry info in to the form, You can change that to anything you wish, It's just an example of what can be done with it, I've also added most of the security features to the main javascript file so it'll remove the most malicious tags.

Update, I've now added Google's reCaptcha to the form, To submit the user must complete the reCaptcha, you will need to sign up to the recaptcha to get your site key and your secret key at Google.


Demo

JQuery Colour Changer Rotates body colour between RGB 0,0,0 to 255,255,255, Uses the latest jQuery.
Demo