Tips & Tricks

Why can't I finish anything?
Are you like me, starting projects, only to stop, and will be forced to ask yourself "Why can't I finish anything?". With my office job, projects get completed, because there are schedules and other people to help keep the projects on track. But what about personal projects or that business you always wanted to start?
Usually, it goes like this. You get an idea where you're very excited about it at the first. You can't stop talking about it. The idea is so great that you can't sleep. You dream up everything you'll need.
a business plan
your logo
a domain name
what the websites going to look like
All the money you are going to make
You go along with the project, excited as can be, for maybe 3 weeks, and then you don't want to do it anymore. You h

This is a project I made in response to a request on youtube to show how to make an animated sprite controlled by the keyboard.
We can do this with just a few steps.
1. load the image
2. set up the animations
3. detect keyboard presses
4. change the robot's position
5. adjust the speed
6 change the direction of the robot's graphic from right to left
Here is the final result
To follow along with the video you'll need the basic template, the phaser snippets and the image below
Here is the robot sprite sheet image
Or Free to newsletter subscribers

Yesterday I was making a game for an online course I'm writing. The game has a flying cat and when you click anywhere on the canvas the cat will change position. This is the line of code I was using:
game.input.onUp.add(this.changePos, this);
The game was working fine on desktop mode, but when I changed to the mobile simulator on Google chrome it looked like the event did not fire at all because the cat didn't move. After about 15 minutes of trying to debug, I found that instead of not firing the event was actually firing twice. What was happening was that the browser was detecting two different events.
A touch event for the device
A mouse event from the browser
If I had simply tested the game on mobile, it would have worked fine, because the mobile device would not have ...

In this video, we look at how to make and shoot missiles in Phaser with only 23 lines of code!
The basic idea is to create a sprite, the missile, inside of a group. We place the sprite at the x position of the mouse and the y position below the height of the game. Then during the update function, we simply loop through the group and subtract from the y position from each missile.
This video uses the Phaser Snippets

Wordpress generally does a good job of being responsive on its own. Meaning it looks as well on mobile as it does on desktop but
sometimes I need to be sure. So if you hit F12 and you're using chrome, a panel will pop up over to the side.
You'll find a button there with the phone,and a tablet together. If you press that it'll bring up a series of devices that you can see how your web page looks on that device.
You always want to refresh after switching devices, and I've got it set here for IPhone 6,
So this is what my website will look like, on the Iphone 6. I can rotate it and that's what it would look like in landscape
mode. Let's have a look at the IPad. That's a lot wider. You always want to refresh after you change devices.
And flip it, and check the galaxy S5.
If...

As some of you may know I come from a background of Tech offices. I've been more used to css, html and php, than anything else when it comes to web design. Also I've alway been more of a programmer than I have so it came as a great thrill to me that the Short code Ultimate plugin took over the job of making professional looking button in wordpress, and made it very easy to do so!
It was taking me hours to get things right, until someone had told me about this plug in.
Here is an example of what I am doing in the video.

Hi!
I know you are probably wondering why there is a dancing chicken on the screen, but we are going to use that fellow in a moment to do a little exercise to show how to make page tempates in WordPress. It is a powerful little trick that I picked up a month or two ago.
I'm going to go to add new page in my admin panel. Over to the right you'll see a drop down of page templates. Different themes come with different ones. I've made one call quote page, because I want to add random quotes pulled from a database to certain pages on the site. If I want it to be a quote page I simply select it from the tempate menu.
So I'm going to put a title of Quotes test page and content of “some cool content” select the quote page from the drop down, and I publish that. View it. And you will s

Hi, so I've been asked to help with a WordPress site using Woocommerce. The goal is to be able to switch images based on size and color selection. I've decided to make a video to make it clear exactly what to do and possible help other people who might have the same problem in future. I've set up the woocommerce. I haven't added any products yet, and before I do I'm going to set up attributes. Attributes mean things like color or size. You can edit per product or you can add it here and use it on every single product that you have or not. It makes it easier if you are going to be adding a lot of product. So type color, and click add attribute. The next thing I want to do is all values to the attributes. Put in red, click add new color and repeat the steps for blue & green.
Now I...

his Post is in response to a post from a lady on a Facebook group I recently joined. She is using a plugin named WP SVG Icons which lets you use shortcode to place an icon like the gift you see at the start of this post. The trouble is that even though they have 400+ icons she is not finding the icon she wants.
I can relate! I just purchased a set of 2000 icons, and when I got further into the project I found that it didn't have some of the basic ones I needed.
This will show you how to use unlimited, or at least limited to the number of font icons sets in the known universe, on your wordpress pages.
The truth is you don't need to use a plugin just to put fonts or font icons on your website. You will need a custom css plugin though.
I am using Simple Custom CSS on this site...