Category Archives: JavaScript

Previous Page · Next Page

Intercooler.js

http://intercoolerjs.org/

Making AJAX as simple as anchor tags

Use familiar, declarative attributes to add AJAX to your application.

<-- This button posts to '/click' when it is clicked -->
<button ic-post-to="/click">
Click Me!
</button>

 

Nitrous.io

A Virtual machine, starting in free, with a webIDE and a nice response time.

Visit Nitrous.io and take it for a spin. To me it’s been useful for when I’m behind corporate firewalls that don’t allow ssh or ftp, I can use this machine in the middle to make this connections and make some quick fix even in these situations.

Code on your box in the cloud via our Web IDE, your favorite Desktop Editor, or our Chrome application. Share boxes and code together right in your browser.

3D Javascript

I keep coming to these pages, they are so inspiring on what can be done on the web… I may have already posted some of these links.

http://acko.net/

http://acko.net/files/fullfrontal/fullfrontal/webglmath/online.html

http://threejs.org/docs/index.html#Manual/Introduction/Creating_a_scene

http://www.realtimerendering.com/blog/

http://www.iquilezles.org/default.html

Posted on January 5, 2015, 16:01 By
Categories: Game, JavaScript Tags: , , , ,
Leanpub – HTML 5 Shoot ’em Up in an Afternoon

Leanpub free tutorial (you may need to register but the book is free)

HTML 5 Shoot ’em Up in an Afternoon

Step by step and easy reading tutorial explaining how to make a game in javascript with the Phaser gaming framework.

GreenSock – Javascript animation library

Ultra high-performance, professional-grade animation for the modern web

https://greensock.com/jump-start-js

Cross-paltform Apps and PHP on the desktop

Lately I’ve been fiddeling  with cross-platform apps.

Cross-palform can be:

  • Android/iPhone on the mobile world
  • Windows/Linux/Mac on the desktop/laptop

I’ve been searching on both ends 🙂 but this post is about desktop.

Languages (make a google search on each) aside from the traditional Java, C++, C, Objective C:

D lang, Go lang, Free Pascal(fpc)/Lazarus – Native executables on each platform. Only lazarus gives you fast, simple cross-plaform GUI (Linux,Mac,Windows)

Development Environments for HTML based development:

PHPDesktop, Node-Webkit, nighttrain: These are funny products, you get an *.exe and a sub-folder “www” you then put some code made with Javascript, html, css, (and sometimes PHP,Python,Lua) on that folder. Then, when you launch that *.exe a window opens with a chrome browser frame showing your app. It’s pretty cool!

If you want to do something similar, you could be visit the embedded server mongoose (or a more free for comercial use fork civetweb) they used or the CEF3 (Chrome Embedded Framework).

Tip for node-webkit: Save persistent data in app

Web – Code editors (that use a similar technique as node-webkit)

IceCoder and Brackets

hero

Also: Adding LESS Css pre-processor to Brackets

Bootstrap themes – KickStart

Use http://www.initializr.com/ to get an HTML5 Boilerplate template with jQuery, Bootstrap and more (you can choose what to put in and what to leave out)

Then goto http://bootstrapzero.com/bootstrap-templates or http://bootswatch.com/ and get one of the beautiful free templates.

On bootstrapzero, there is also some extra functionality in some themes. But I haven’t tested them yet.

 

Thinking on using one of these two on my next app.

http://devoops.me/themes/devoops/index.html

http://almsaeedstudio.com/preview

Parse – One backend to rule them all

https://parse.com/

Parse Core – Everything your app needs to save data, be social, and more. Create the perfect app with Parse Core.

Parse Push – Creating, scheduling, and segmenting push notifications just got a whole lot easier.

Parse Analytics – Track any data point in your app in real-time.

HTML5 Page Visibility API

With the launching of this API we have welcomed two new document property which does two different functions. The first one is document.visibilityState and second one is document.hidden.

document.visibilityState holds four different values which are as below:

  • hidden: Page is not visible on any screen
  • prerender: Page is loaded off-screen and not visible to user
  • visible: Page is visible
  • unloaded: Page is about to unload (user is navigating away from current page)

Full article on http://code.tutsplus.com/articles/html5-page-visibility-api–cms-22021

Posted on September 2, 2014, 18:19 By
Categories: JavaScript Tags: , ,