Category: Javascript Articles
Jul 26 2017 8:00 AM JUL 26 2017 8:00 AM

2D Space Shooter "Asteroids"HTML5 Canvas

Javascript | CSS | HTML | HTML5

Long time no post! I have been rather busy with the outside world. Along with doing a lot of other things. Soon ill be posting more on some small projects I have been working on, so here is the first.

Basically a recreation of Asteriods (but different!) Currently no levels, or scoring just a death match you verses a bunch of enemies space ships and Asteroids!

I created this in response to games and there lack of ability to understand players. Sometimes simple game play is better than overly complicated. Even a 2D game can be fun! What kills games goes beyond this into politics of business that if game owners and developers actually made solid business plans they would find and endless supply of players.

Enough about that... This game I found myself returning to so many core math skills and even renewing my memory on Trig, Calculus, Physics, Geometry, and of course Alegbra. In a high end this game can do well over 200,000 calculations per second which back ten plus years ago this would not even be feesible. 

Read More
Aug 15 2013 5:00 PM AUG 15 2013 5:00 PM

SitesCurrent list of sites

Javascript | CSS | PHP | HTML | MySQL | Wordpress | Windows

Here is an list of sites I have done in the last 6+ months.

These sites I basically will cut up the designs and make into workable sites.

Primarly these are all wedding industry...

Read More
Apr 20 2013 9:00 AM APR 20 2013 9:00 AM

MinesweeperGame - Re Make

Javascript | CSS | HTML | JQuery | Games

Every so often I need a break... Not a typical step away break, but rather small challenge. So recently I was playing on my iPhone and I ran into "Minesweeper." I thought to myself real quick... Hmm I can make that pretty easy...


Read More
Mar 13 2013 7:00 PM MAR 13 2013 7:00 PM

Working ProjectsCleaning up...

Javascript | CSS | PHP | HTML | HTML5 | MySQL | Wordpress | JQuery

It happens... You get busy, articles and writing and everything in between gets left in the dust. Projects are left unfinished and seemingly you can never get the dust off them.

So here it goes I am slowly going to try and clean off the dust off some of the many projects I once started and left semi-unfinished to nearly unfinished.

I roughly have about 15 projects in general. 2-3 which are never ending and the others could be "finishable." All of which that can be "completed" it would be sweet to finish them this year. Though even that may not be easily done.

Read More
Mar 6 2013 5:00 PM MAR 6 2013 5:00 PM

The Bridal StylePinterest Wedding Site

Javascript | CSS | PHP | HTML | HTML5 | MySQL | Custom Frame Work | JQuery

The Bridal Style

  • Maintain
  • Cloud server setup
  • Custom Smarty Framework
  • Added custom banner tracking. (View Time, Clicks...)
  • Social Plugin for blogs and HTML websites.
  • Wordpress blog
  • Vendor Guide
  • Converted Image system to dynamic file structure.

Read More
Dec 5 2012 5:00 PM DEC 5 2012 5:00 PM

HTML NotificationWeb browser Notifications / Webkit Notifications

Javascript | HTML | HTML5

Chrome and Safari both have HTML Notifications now via webkit. Firefox does have something similar to this but I haven't researched to much into it. A quick test to demonstrate what it can do below...

Read More
Sep 29 2012 8:00 AM SEP 29 2012 8:00 AM

YOUNIQUE BeautyPhotography & Cosmetics

Wordpress | JQuery | Javascript | CSS | PHP | HTML


  • WordPress
  • Modified Theme to Branding and needs.
  • Modified layouts to fit better formatting and user flow.
  • Branding / Colors, Look and Feel.
  • Added "Raves" fader
  • Added extra functionality to Portfolio (hover overs.)

Read More
Jul 30 2012 12:00 PM JUL 30 2012 12:00 PM

JavaScript ThreadingProcessing large amounts of data in HTML using Javascript

HTML | Javascript | Websites | Tutorials

Ever ran into the lovely "Unresponsive script" error in your browser? This comes from several issues. 

  1. The persons running out of memory on their machine and the browser is taking longer than expect.
  2. The script that was created is doing to much and needs to be broken up.

In this article I will explain how to get around this and provide a method I developed for a recent project I am working on for ShoreGroup.

Read More
Jul 19 2012 8:00 PM JUL 19 2012 8:00 PM

Summer 2012 UpdateComing up...

Javascript | PHP | Linux | Ubuntu | Unix

Summers seem to always be the busiest far as running around. I have stepped away from doing any writing for the Summer. Now that summer is starting to heat up and come to a close I have a few articles that I am going to write about this month.

  1. JavaScript Threading
  2. Optimizing your WebApp for large applications.
  3. PHP CPU/Memory usages and how to optimize your app based on these.

Read More
Apr 25 2012 8:00 AM APR 25 2012 8:00 AM

Max URL LengthUsing GET has a maximum character length.

Apache | JQuery | HTML | Javascript

Web Browsers have maximum character lengths that once reached will break a GET request.

Internet Explorer has a maximum character limit of 2,083.

FireFox, Safari and Opera can go well over 80,000 characters. 

In some cases I have discovered FireFox has a limit similar to IE. 

Read More
Mar 21 2012 7:00 PM MAR 21 2012 7:00 PM

JavaScript Particle TestParticle Test & Browser Speed Test.

JQuery | Javascript

A while back I wanted to see what the speed of JavaScript in different browsers. To no surprise back when I wrote this Safari was champion of JavaScript. Now it appears its a mixed balance of Chrome and Safari.

Things you can do...

  1. Placing your mouse into the canvas area will result in the particles trying to "circle" your mouse.
  2. Placing your mouse into the canvas and holding down the left clicker will make the particles go into a near perfect circle around the mouse.
  3. Mousing out of the canvas will make the particles attempt to return to "bouncing."

Read More
Sep 12 2011 5:35 PM SEP 12 2011 5:35 PM

CachingRecent Additions to the Site

JQuery | Javascript | PHP | MySQL

Lately I have had "caching" on the brain and have been working on a decent way of caching.

So far I have found that caching is obviously faster and in XML format makes it really easy to iterate through in Object format.

My methods so far are

  1. Checking a database table for current cached item information.
  2. If it has an expiration date or does not exist the feed needs to be cached.
  3. If needs to be cached - Caching will grab the feed via curl, fopen, or file_get_contents()
  4. Feed will then be stored in a file in a specific directory on the server. 
  5. Database will either be updated or inserted with feed information.

Read More
Sep 8 2011 12:41 PM SEP 8 2011 12:41 PM

Special Characters to HTML EntitiesJavaScript character entities


Recently I posted about HTMLEntities and a PHP function that can convert crazy characters and such to their HTML form.

Along with this I posted about encoding types. Let me first say that these two go hand and hand. When dealing with funky characters such as "éœ∑´®†¥ˆ˙ƒ." And then throw in different page encoding's such as UTF-8 and ISO-8859-1. If you take those same characters and POST them or output them from a database to a different encoding type you might soon find them to be entirely different.

Frustratingly enough there is tons of methods to fix this issue, but found only one method to work for my situation. It basically involves changing the characters to their HTML variants before being saved to the database.

Read More
Sep 4 2011 9:00 PM SEP 4 2011 9:00 PM

Auto PaginatePaginate with and without Javascript

JQuery | HTML | Javascript | PHP | MySQL

Recently I did a post about website loading. Which had me thinking... Paginiation! Its a lovely device that allows you to not have to display all the content on the same page. There are so many forms of pagination and pagination theories. One of which is a newer method called. "Auto Pagination." It is seen on many sites such as local pages on google and several others.

It basically detects the "windows" scroll and once a certain position on the page has been achieved it loads more content into the page. Some other neat useages of this window scroll is on when reading an article if you scroll far enough down it will display the next article on the list. But this is about pagination...

Read More
Sep 2 2011 8:18 AM SEP 2 2011 8:18 AM

Javascript split/join vs replace.split(" ").join("") vs .replace(/ /g, "")


Recently I heard a extremely random agrument about a simple Javascript method.

Basically take a random string.

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Multiply this about 500 more times... And then run these two seperate items...

var str = "Lorem  ipsum dolor sit amet, consectetur adipisicing elit, sed do  eiusmod  tempor incididunt ut labore et dolore magna aliqua. Ut enim ad  minim  veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip  ex ea  commodo consequat. Duis aute irure dolor in reprehenderit in  voluptate  velit esse cillum dolore eu fugiat nulla pariatur. Excepteur  sint  occaecat cupidatat non proident, sunt in culpa qui officia  deserunt  mollit anim id est laborum.";
alert( str.split(" ").join("") );
alert( str.replace(/ /g, "") );

Which one is faster?

Read More
Aug 31 2011 12:04 PM AUG 31 2011 12:04 PM

XML ParsingSpeeding Up Your Site

HTML | Javascript | XML

So you have a website and that site gets millions of hits per day. Either you are running a silly static site that you manually update or you have some intense CMS that caches using all sorts of methods.

XML happens to be one of the biggest tools of the trade.

Read More
Aug 29 2011 10:13 AM AUG 29 2011 10:13 AM

JQuery TipsPerformance | Speed | Tips

JQuery | Javascript

When using JQuery it is easily abused with how many shortcuts and routes you can do the same thing.

I could go through my list of things to help with optimization, but this guy does such a good job...


Read More
Aug 22 2011 9:00 AM AUG 22 2011 9:00 AM

Shaunware CMS V1PHP Content Management Systems

Custom Frame Work | JQuery | CSS | HTML | Javascript | PHP | MySQL

Shaunware is ran on its very own content management system (CMS). It uses PHP/PHP5, MySQL, Javascript (Jquery), CSS/CSS3, HTML/HTML5 and more.

Here is a small list of features:

  • Unlimited number of sites to hook into.
  • Targeting content / tagging content to pages/tags.
  • Unlimited varations of content types. Ex: Articles, Banners, and more...
  • Records impressions and clicks on specific content types.
  • Email Campaigns - Send HTML emails to a list of registered members.
  • User/Member Handling - Allows extensive registration details for membership base sites.
  •

Read More
Aug 14 2011 2:00 PM AUG 14 2011 2:00 PM

Hacking the WebXSS Attacks | SQL Injections | DDOS Attacks

Javascript | PHP | MySQL | Hacking

Hacking seems to be a common occurance now days. While it seems to be a somewhat complicated process in reality it is mostly simple hacks that result in tremeduous damage, costs, and lose of data.

Two Types of Web Hacks

XSS and SQL Injections. There are obviously more such as DDOS attacks, but those are short term.

What are they?

XSS is simply inserting Javascript into a page. An example of this is a simple alert.


SQL Injections are a wider range of possibilities. They allow you to delete an entire database, to outputting important information. Or even logging in as an adminstrator.

Read More
Aug 7 2011 1:00 PM AUG 7 2011 1:00 PM

New Site!

CSS | HTML | Javascript | PHP | JQuery | HTML5 | MySQL | Custom Frame Work | Categories | Tutorials | Games | Movies | Imagemagick | XML | Unix

Finally I have recreated my website. It is using a content system I created from the ground up. I will be writing more on this system in the future. A small list of features this system can do:

  • Manage Multiple Sites in one.
  • Member Registration
  • Banners
  • Page Control / SEO
  • And so much more...

Read More
Apr 20 2011 2:00 PM APR 20 2011 2:00 PM

Dance InformaDance News Website

CSS | HTML | Javascript | PHP | MySQL | Reviews | Linux | Custom Frame Work | Terminal

Dance Informa

  • Custom Frame Work
  • CMS that controls both sites.
  • Banner System
  • Email Campaigns
  • Content Types to breakup page types.
  • Membership System

Read More
Feb 1 2011 1:00 PM FEB 1 2011 1:00 PM

Scenic RentalsVacation Rental Website

Javascript | PHP | MySQL

Scenic Rentals

  • Autocomplete for homepage search.
  • Query to search database for autocomplete results.
  • Created resulting search page query that lists out search results.

Read More
Jan 13 2011 1:00 PM JAN 13 2011 1:00 PM

Sugar Snap PhotographyPhotography Website

Custom Frame Work | JQuery | Wordpress | Imagemagick | Javascript | PHP | MySQL | HTML5

Sugar Snap Photography

  • Custom Gallery System with CMS.
  • Previewing Gallery for customers.
  • Front page uses JQuery Gallery from:
  • Tons of JQuery affects and plugins.
  • Blog is powered by Wordpress
  • Utilizes Font Face for fancy font changes.
  • Branding done by Marco Suarez

Read More
Oct 25 2010 2:00 PM OCT 25 2010 2:00 PM

Knightly DesignsAdobe Atmosphere

Games | HTML | Javascript

Knightly Designs

  • Site made to display my old 3D Environments/Worlds.
  • Adobe Atmosphere was discontinued in 2001.
  • Software allowed people to create 3D worlds/games for web.
  • Atmosphere works only in Internet Explorer 6-9

Read More
Aug 1 2009 2:00 PM AUG 1 2009 2:00 PM

The Same GameJQuery 2D Game

CSS | HTML | Javascript | Transformer Customizing | 3D Printing | JQuery | Games

The Same Game

  • JQuery Based Game
  • Supports Firefox, Chrome, Safari
  • 4 levels of difficulty ranging from easy to hard.
  • Scoring system.

Read More


Social Media