Welcome to Ruddernation Designs™


Welcome to Ruddernation Designs main website,
This website is full of useful things for Tinychat or WordPress.

ruddernation-designs-logo

TinyChat

Video chat for all!

I have my own version of TinyChat, This is full screen and contains NO advertisements.

Chat

GitHub

Fork us!

I've added the majority of my software that is available for download on GitHub, Just check the software section for information about them.

Read more

WordPress

Checkout our plug-ins



I've added most of my WordPress plug-ins below,
I've now removed these plug-ins from the WordPress directory.

Read more
wordpress

CyberGhost

Protect your identity!



Protect your internet activities from governments, hackers and to help if you've been banned on Tinychat!

Get CyberGhost
cyberghost
Visitors: 25542504

HTML5 Canvas Effects.

Below is a list of canvas effects that you can create using HTML5 and JavaScript,
These work on almost all devices, If there is a device it doesn't work on well then let me know via the contact form below.

ball

The Ball

This ball is controlled by your mouse an touch, Double click to split the ball.

ball2

The Ball 2

Double click to change colours, grab the ball and swing it, hold the mouse button to create balls.

drawing

Drawing Pad

This has various pen types and you can select any colour, This will also save you creation!

fire

Fire

Hold on the screen or use your mouse and move around to create fire.

Illusions

Drag around the screen to create your masterpiece, Also there are 2 effects *Burn an *Melt.

matrix

The Matrix

This is the Matrix wrote in JavaScript, This contains no settings.

particle

Particles I

move you pointer around the screen and watch as the particles follow you.

particle2

Particles II

This is like the other but more of the particles.

particle3

Particles III

Blast these particles around the screen with your pointer, press/hold in one place to push them away.

plasma

Plasma

Move the point side to side to create raining plasma.

snake

Snake I

Move your pointer around the screen and watch the snake chase your pointer/finger.

snake2

Snake II

This is like the other only bigger! This also has more vibrant colours.!

spinicle

Spinicle

Simple hold anywhere on the screen and create numerous spinicles.

water

Water

hold and drag to create ripples, also press any key to create droplets.

watertext

Water Text

Type anything then press enter and watch it splash! Also create splash by holding the screen.

Our Software

These are our WordPress/BuddyPress plug-ins and I've included software from our GitHub page.

buddypress

BuddyPress Group Chat

NameBuddyPress Group Chat
DateSeptember 2019
TypeWordPress/BuddyPress Plug-in

This plug-in is used for BuddyPress to allow all Group creators use TinyChat video chat within groups.

wordpress-chat

WordPress Video Chat

NameWordPress Video Chat
DateSeptember 2019
TypeWordPress Plug-in
OtherDemo

TinyChat full screen video chat for WordPress, This also has YouTube, Recently updated to the HTML5 WebRTC version.

roomspy

TinyChat Room Spy

NameTinyChat Room Spy - Coming Soon
DateSeptember 2019
TypeWordPress Plug-in
OtherDemo

Allows you to check who is in a TinyChat room and who is on Video/Audio.

contact-from

HTML5 Contact Form With Google Maps

Namehtml5 contact form with Google maps
DateSeptember 2019
TypeHTML5, CSS3, JavaScript an PHP
OtherDemo

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, An example of this can be seen at the bottom of this website, Updated to include Google reCaptcha.

project 8

PHP Visitor Counter

NamePHP Visitor Counter
DateSeptember 2019
TypePHP

RudderCount - Created by Ruddernation Design™ 2015 - https://www.ruddernation.com Add the script to your selected page to start counting, To display the counter add - Visitors: echo $Rcounter_count to the area.

project 10

Ajax Contact Form

NameAjax Contact Form
DateSeptember 2019
TypePHP, CSS3
OtherDemo

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

  • project 1

    BuddyPress Group Chat

    WordPress Plug-in

  • project 2

    WordPress Video Chat

    WordPress Plug-in

  • project 4

    TinyChat Room Spy

    WordPress Plug-in

  • project 7

    Html5 Contact Form

    HTML5 Implement

  • project 8

    PHP Visitor Counter

    Website Feature

  • project 10

    Ajax Contact Form

    PHP/CSS3 implement

  • project 12

    GitHub Repositories

    Public Information

Our Skills

  • Graphic Design using Adobe products

  • HTML, CSS, Sass, Less

  • JavaScript, jQuery, Prototype, Ajax, XML, Json

  • PHP, Hack, ASP, Java, Python, Ruby, Perl, C

  • WordPress, BuddyPress, Joomla & Drupal

  • Others: C++, C#, VB.Net, Assembly, Java, Delphi, Unix, Lisp, Fortran & Mortran

Converter

String - example: username

Decimal / ASCII Value

Binary Value

Hex Value