Tutorial – Make a Game with ImpactJS

While doing research in game development using HTML5, ImpactJS is a framework that is mentioned as being the best to date for making HTML5 games.  The great thing is that you can port over HTML5 to mobile platforms using AppMobi, PhoneGap, or Ejecta.  You will also learn Node.js and Socket.io in the tutorials.

Here is an extended tutorial for beginners:

The entire playlist http://www.youtube.com/playlist?list=PLAD5A0C028DA09694

Responsive Web Design with jQuery Review

responsive-deign-jquery-cover

If you’re looking for a plethora of plugins, scripts, shims to add responsiveness this book is for you, but be prepared to figure out the differences yourself.  The book is written more like a reference book with short examples and brief explanation of many jQuery plugins.

I read the title several times after reading the content and can say that it is not the best fit.  My initial thinking led me to believe this would be more about coding with jQuery, however this is not the case.  The book is geared more for web designers that do not code with jQuery.  Most of the examples include jQuery with little explanation so you can get similar information available in the documentation of the individual plugins.  Possibly the worst part is that the author rarely distinguishes pros and cons of individual plugins doing nearly identical tasks.  There’s a lack of diagrams and screenshots so you have to implement the examples to see how they work.  On the other hand the author also lists many tools available via websites for wire-framing, placeholder creation, pixel conversions, and grid systems.

I would recommend this book for web designers that know html, css, jquery syntax and want to make their static designs responsive, elastic, or fluid with high browser compatibility.  Without knowledge of jQuery basics it’s difficult to customize the plugins made for responsive design.  Near the end of the book there is mention of performance and ideally you want the minimum amount of http GETS to load your scripts.  However with all the plugins available your design will easily accumulate 7+ js files.

You won’t become an expert in “responsive design” nor will you know how the plugins really work behind the scenes, but it’s a good place to start.

Continue reading →

How to Get Free Press for your Software

press release

Have you heard of “any press is good press”?
It will make people aware of your product regardless if it’s any good when it times for them to buy.

Build credibility, get exposure, and more traffic to your website.  Forget about generating back links through bots and blog commenting.  It is much more effective doing it the following ways.

One of my first startup projects had its first sale from an article on a different website. How did I know? I had referral clicks recorded in my google analytics.  A press release is an announcement of an event, product, service, or discovery which is issued publicly.  It is important to have something unique or an angle to what you have to offer in a press release.

Here are some different tactics to get you free publicity:

Continue reading →

Scale HTML5 Video to Fit Screen

Fullscreen HTML5 Video

With the recent updates of browsers supporting web more W3C standards, it is easier to embed HTML5 videos than before, although you still have to provide your video in multiple codecs such as webm, ogg, and mp4.
The thing is you still have to use javascript to control the video’s functionality. So here’s the simplest way to make your HTML5 video fit the screen of your browser. For this demo I will be using the popular and free video.js open source player.  There are several ways to do this, but after testing across different browsers I found this way the most efficient. (Demo inside)
Continue reading →

Javascript Fluent Confrence 2013 Review

Javascript Fluent Conference

Overall this video collection of Fluent Conference is a great value with a few useless presentations sprinkled in. The good thing is that you can skip the videos that seem to be useless and this mainly applies to the sessions. If you were to be at the conference, then you would have lost time attending them. Before I mention ones that you should avoid, I will mention the noteworthy presentations. This is mostly the tutorials. It took me a few weeks, but I ended watching all the videos.

Here’s my breakdown by sections:
Continue reading →

jQuery Projects Course

jquery projects cover

I’m glad to announce my jQuery course on Udemy which will teach you all about jQuery. Starting with the basics then getting into advanced techniques. I called it “jQuery Projects” because I think you learn best from experience and making projects, not just slide shows you see in many other courses.

Therefore I promise you will learn 10x more about jquery with making practical web elements.

Why learn jQuery?

  • jQuery is the most popular javascript framework and has been going strong since 2006.
  • jQuery makes javascript cross-browser compatible from the box.
  • jQuery will save you many lines of code
  • No javascript knowledge required
  • Only need to know HTML and CSS

 

jquery projects cover

Present Yourself Book Review

Present Yourself cover

Authors: Kit Seeborg, Andrea Meyer

This is a book mostly about the web service Slide Share, partly about marketing yourself or business, and a bit about making slides. You can summarize it as “make slides to get leads for your business”. The book includes several case-studies but lacks specific metrics. Some sources for proof would be great, although that’s a rarity in non-scientific books.  I can recommend this to marketers and entrepreneurs however you would want to delegate slideshare tasks to a social media evangelist.

The beginning provides a good foundation of presentations and starts about defining visual data. This is key because communication is important to share your idea and mind-mapping is very essential.

The second chapter is entirely how to use Slideshare.net including how to setup your account, customizing your profile, and the features available. It is a manual or guidebook for the Slide Share service at this point. On page 33, the note on figure 2-19 displaying analytics, states it shows “actionable data”, however that is false because it’s not really actionable. You can only view it and not perform any actions with it. References could be made linking other parts of the book to show the benefits of each feature. There’s nothing contrasting why you should upload a YouTube video versus a slideshow.

Chapter 3 is better because it explains public speaking and how to use Slideshare for events. It is a more practical approach describing how to share your presentation online to reach a wider audience integrating it with social media. It also differentiates the type of events and presentations you could make.

Chapter 4 is mainly about marketing by story-telling and research to get the best content. It suggests to curate your content to stand out from the competition which is the same as doing a metasearch and compiling the content you like. Two more tools are mentioned here (Scoop.it and Pintrest) to spread the word about your slideshow.

Reading Chapter 5, on page 92, there is no reference to the provided quote from Inside View so it is difficult to believe that claim. The chapter describes how to add call-to-actions to every slideshow and how to track leads with the PRO account. This is also the chapter the has tips on making more compelling slides.

Chapter 6 on research doesn’t provide enough details to be helpful any differently than a search engine can do. It actually suggests another software tool Zipcast.

The remainder of the book reiterates more of the previous concepts but in a different manner. It focuses more about organizations instead of the individual.

I’ve heard about Slideshare before and uploaded one slideshow months ago expecting to get leads, but it barely got any views so your results may vary.

Continue reading →

Tech Infographics After Effects Template

tech sales charts

Using my after effects design skills I created this powerful After Effects template to use in business presentations.  Check out the video below.
Click on article for download link!
Continue reading →

Flare jQuery Plugin

Optical flare plugin

Description

This is a plugin for jQuery I developed, which renders a colored optical flare to slide across elements such as boxes, images, and containers. The flare is white in the center and has a customizable colored glow. The plugin also allows change of speed, glow radius, and event triggering the animation. The animation is performed by sliding across an element’s top-left corner to the top-right corner.  It is the first of it’s kind on the web!

Features

  • Cool movie-style effect also used in games such as Sleeping Dogs.
  • Works in Chrome, Firefox, and Safari, and IE 10 including mobile.
  • Uses modern CSS techniques.
  • Customizable glow color, speed, glow radius, and trigger event.
  • First Optical flare effect without use of images.

Demo

Continue reading →

Web Server Operations Review

web operations

This is a review of the Web Operations Fundamentals video on O’Reilly.

SUMMARY
I was interested to watch this video to learn the scope of web operations and compare that with my current knowledge. Overall it is a good introduction to how the internet communicates from browser to server along with network communication via command line. The video and audio quality are excellent. It starts off with non-technical terms and descriptions of operations therefore a wide audience can understand it. However, the presentation gets technical quickly so that it assumes the viewer has general knowledge of networking. Also the MySQL section seems out of scope and should be for database administrators.

Continue reading →