[GUIDE] Make money with HTML, CSS and JavaScript basic skills

kokoloko75 · Feb 20, 2013

[GUIDE] Make money with HTML, CSS and JavaScript basic skills

I'll explain you a method I used and I still use today to make around $50 - $100 per day easily.
Here is the method in few words : making Mac OS X applications in HTML/CSS/JS for the Mac App Store.

What kind of application ?
Small games of course ! With HTML5 + CSS3 you can build amazing games.
The tips is here : you don't have to build the game from scratch. Why ? Because thousands of HTML5 games already exists !
So you'll have just to find one and modify images and CSS, to make it unique.

You are not convinced by the idea ? Look at this HTML5 game? : http://agent8ball.com/
Below, you'll find a list of websites about HTML5 games collections.

Why using HTML5, CSS3 and JavaScript ?
Because all Mac computer uses WebKit as web render engine, so all animations are smooth and HTML5 APIs are very well managed.
For example, you can use HTML5 LocalStorage API to save game best scores.

Requirements
Because this method is working very well, it can't be done without tools.
I'm sure that most of you will not have those tools (from now) or the desire to experiment, so this method is almost unbreakable in time.

You'll need :

an Apple Mac computer with Mac OS X 10.6 or +
an Apple Developer Account : https://developer.apple.com/programs/mac/
the software Sentenza Desktop : http://codecanyon.net/item/sentenza-desktop-for-mac/4070984

Sentenza Desktop is a great tool I use to compile HTML, CSS, JS and images files into a Mac OS X application.
All is customizable (window height, width, resizable, icon, credits, status bar buttons, fullscreen mode, webGL, ?).
Otherwise, if you are a Xcode/Objective-C coder you can build your own package, but from my experience it's time lost.

Collection of HTML5 games

Copying is shame !
I understand ! Copying is the easiest but not the most respectable way?

If you don't want to burn in hell you can build your game from semi-scratch.
Around the web you'll find a lot of tutorials about how to create his own games, example : http://www.designer-daily.com/10-cool-html5-games-and-how-to-create-your-own-23820

The first game I published has been copied from another one, and when I seen the enthusiasm for those applications I decided to build the second one from scratch (it took me 7h to build, and he brought me up to $800 so far, about 20-25 days).

Some examples please ?
Sorry, but you'll understand that I can't show you what games I used to deploy on the Mac App Store?

Here is an HTML5 game available on the Mac App Store, but not built by me : https://itunes.apple.com/us/app/onslaught-arena/id418268106

Is there an alternative to paid games ?
Yes ! Why not making a free game and include some ads like AdSense or Ad4Game ?

Why only Mac OS X ?
Simply because WebKit is the best engine to render HTML ; WebKit is available by default on Mac OS X.
In future, with a game ready for Mac OS X you'll be able to deploy it on iPhone, iPad, iPad Mini, iPod Touch, ...

Conclusion
This method is a real and serious way to make money online.
As said, it requires some tools and a bit of work at beginning ; but I'm almost ready to bet that you'll earn money.

Good luck

Beny

theMagicNumber · Feb 20, 2013

I was thinking about doing the exact same thing, but i don't have a mac yet.

akamafia2009 · Feb 20, 2013

I am doing something very similar, just sent you a pm

kokoloko75 · Feb 20, 2013

theMagicNumber said:
I was thinking about doing the exact same thing, but i don't have a mac yet.

Yes, when I started this I didn't have a Mac me either, so I got a Dell Mini 9 turned into an hackintosh.
Small screen but it worked great

Beny

kokoloko75 · Feb 20, 2013

akamafia2009 said:
I am doing something very similar, just sent you a pm

Yes, I got your PM

I'll try to reply you asap.

Beny

gsy159 · Feb 20, 2013

Hello, can we talk on skype I am very interested in your working method, maybe we can work together and it will be a win win thing.
Please shoot me a PM with your Skype.

Thanks

calebmann · Feb 20, 2013

i hate coding lol thanks for the addition to the forum though!

kokoloko75 · Feb 20, 2013

calebmann said:
i hate coding lol thanks for the addition to the forum though!

Ahah, so yes this method is not made for you

Beny

mootonandy · Feb 20, 2013

I don't have a mac, too bad because I was interested in this.

iMechanic · Feb 20, 2013

mootonandy said:
I don't have a mac, too bad because I was interested in this.

Koko already answer this question. If you have high configure pc then go to torrent and download mac OS..... problem solve

Thanks for nice tutorial koko but i am confused for one thing, your mentioned Apps at Codecanyon release at 19 February 2013(sales 4 till now) and you already making money with that

Then i see the developer from France..... so by any chance, is that you ?

JLR0309 · Feb 20, 2013

Thanks for this great tutorial, another reason I wish I had a Mac. Good job I can run Mac OS on my PC.

iMechanic · Feb 21, 2013

@Koko OK best of luck. I am also trying to make a minimal wp theme for themeforest

XGamer · Jul 16, 2013

Hi . I'm really interested in ur method . but I'm a newbie . Can someone tell me how i can copy an entire html5 game and start modifying it ?
I'll be grateful if u guys could give me an insight on how to do it . Thanks

PS: Btw I want to convert the games to android . because in the country I live I dont have access to either paypal or appstore . So my only option is to convert html5 games to android apps and sell them on local android app markets.

scararm · Jul 16, 2013

Im interested too, but I would like some kind of video tutorial how to do it, can you create one for us for a minimal price if you want please.

krismania · Jun 24, 2014

I believe this method is still viable? Thanks for the share.

raygendary · Jun 25, 2014

kokoloko75 said:
[GUIDE] Make money with HTML, CSS and JavaScript basic skills

I'll explain you a method I used and I still use today to make around $50 - $100 per day easily.
Here is the method in few words : making Mac OS X applications in HTML/CSS/JS for the Mac App Store.

What kind of application ?
Small games of course ! With HTML5 + CSS3 you can build amazing games.
The tips is here : you don't have to build the game from scratch. Why ? Because thousands of HTML5 games already exists !
So you'll have just to find one and modify images and CSS, to make it unique.

You are not convinced by the idea ? Look at this HTML5 game? :
Below, you'll find a list of websites about HTML5 games collections.

Why using HTML5, CSS3 and JavaScript ?
Because all Mac computer uses WebKit as web render engine, so all animations are smooth and HTML5 APIs are very well managed.
For example, you can use HTML5 LocalStorage API to save game best scores.

Requirements
Because this method is working very well, it can't be done without tools.
I'm sure that most of you will not have those tools (from now) or the desire to experiment, so this method is almost unbreakable in time.

You'll need :

an Apple Mac computer with Mac OS X 10.6 or +

an Apple Developer Account :

Sentenza Desktop is a great tool I use to compile HTML, CSS, JS and images files into a Mac OS X application.
All is customizable (window height, width, resizable, icon, credits, status bar buttons, fullscreen mode, webGL, ?).
Otherwise, if you are a Xcode/Objective-C coder you can build your own package, but from my experience it's time lost.

Copying is shame !
I understand ! Copying is the easiest but not the most respectable way?

If you don't want to burn in hell you can build your game from semi-scratch.
Around the web you'll find a lot of tutorials about how to create his own games, example :

The first game I published has been copied from another one, and when I seen the enthusiasm for those applications I decided to build the second one from scratch (it took me 7h to build, and he brought me up to $800 so far, about 20-25 days).

Some examples please ?
Sorry, but you'll understand that I can't show you what games I used to deploy on the Mac App Store?
Here is an HTML5 game available on the Mac App Store, but not built by me :

Is there an alternative to paid games ?
Yes ! Why not making a free game and include some ads like AdSense or Ad4Game ?

Why only Mac OS X ?
Simply because WebKit is the best engine to render HTML ; WebKit is available by default on Mac OS X.
In future, with a game ready for Mac OS X you'll be able to deploy it on iPhone, iPad, iPad Mini, iPod Touch, ...

Conclusion
This method is a real and serious way to make money online.
As said, it requires some tools and a bit of work at beginning ; but I'm almost ready to bet that you'll earn money.

Good luck

Beny

Hi OP! Noob Question- is there a website or company that lets you publish and monetize your games for free? Or is there a BHW method that can be done to accomplish this?

dexterfly · Jan 30, 2015

I find it very hard to make $50-100 using this method.

Tom Black · Aug 18, 2016

Thank Pro for your share. I will try this way and i am improve my skill about HTML5 and CSS 3. I looking forward to receving more your posts in the futher.

[GUIDE] Make money with HTML, CSS and JavaScript basic skills

Elite Member

Regular Member

Registered Member

Elite Member

Elite Member

Power Member

Power Member

Elite Member

Supreme Member

Senior Member

Newbie

Senior Member

Newbie

Regular Member

Junior Member

Regular Member

Regular Member

Newbie

Main Menu

Marketplace

Making Money

BlackHat World