8. January 2014

The story behind PF2014 – Cordova – slides


Slides available in formats: PDFSlideShare

Web version: http://pf2014.sinusgear.com
Mobile versions: Android, App Store, Amazon
Source code: GitHub

28. December 2013

PF 2014

This year I have new game for you. 🙂

Goal is simple: connect stars and create constellations.

There are 12 levels. Game begins with simple constellation. Each next level is harder and harder.

You can play this game on tablet, phone or computer.

Version for Android devices: en_generic_rgb_wo_45pf2014-qr-code

Web version:

screenshot-01

http://pf2014.sinusgear.com

Source code is available at GitHub.

Technological background: application is written in JavaScript and CSS3, no Cavnas. Used libraries: Cordova, AngularJS, jQuery, Font Awesome.

Constellation maps were created by Tracing Paper JS tool.

Check out older PF games:

I wish you all the best in year 2014. 🙂

22. December 2012

PF 2013

[SK] Pomôž snehuliakovi nájsť vianočný stromček.
[EN] Help little snowman to find Xmas tree. 😉

pf2013-qr-code

Open just PF 2013 game (useful for mobile).

Check out older PF:

Grab source code from GitHub. Images edited by Photoshop CS6. 🙂

9. May 2012

qr.sinusgear.com – update

Few months ago I wrote simple application for rendering QR code on the fly in web browser.

The problem was that user was not able to send a link to another user with pre-generated qr code.

Now it is quite simple. Use address like: http://qr.sinusgear.com/?q=http://m.eventsaround.me

New version of qr.sinusgear.com will display link and qr code as you type.

29. January 2012

Quick online QR code generator in JavaScript

Update: quick access to this application – qr.sinusgear.com

I found nice jQuery plugin for generating QR codes written by Jerome Etienne: jquery.qrcode.

It’s fairly easy to use. Just pass a text to function and QR code is ready:

jquery('#qrcode').qrcode("this plugin is great");

Here is small application that generates QR codes on the fly as you type.

You can also download QR code as image (use: Chrome, FF, Opera or Safari for download).

Enter text:

Link to standalone QR code HTML5 application.

31. December 2011

PF 2012

[SK] Nájdi cestu k pokladu.
[EN] Find a path to the treasure. 😉

[SK] Odkaz na aplikáciu.
[EN] Link to application.

Note: Map is based on one geocache puzzle.

20. November 2011

Unexpected token ILLEGAL in jQuery.i18n.properties

jQuery.i18n.properties is useful library based on jQuery. You can use it to load .properties files with localization to web application.

I made upgrade of jQuery in my application from version 1.6.2 and application failed with error:

Uncaught SyntaxError: Unexpected token ILLEGAL

I spent some time debugging jQuery and i18n and I found out that one of .properties file contains weird property with name:

1_guide=1 guide

Problem was in numeric prefix. Solution is quite easy: fix property.

one_guide=1 guide

This problem occurs when you upgrade jQuery to 1.6.3 and higher.

5. October 2011

EurOpen – Security in context of RIA apps

You can find here slides from my talk about security in context of RIA applications.

Conference EurOpen.czŽeliv. Slides are Slovak only.

17. August 2011

Problem with jQueryMobile application in Internet Explorer

I was building application based on jQueryMobile.

It worked correctly in all modern browsers except Internet Explorer. Application was displayed incorrectly and it was not functioning at all.

Solution to this problem was quite easy. I forgot to specify following line in the beginning of document:

<!DOCTYPE html>

Application started to work correctly also in IE after this small fix.

15. April 2011

jQuery workshop – FRI Žilina – slides

I was invited to give another talk at FRI Žilina. Previous topic was development for Google Android platform.

This time I focused on jQuery.Together with Michal Kaukič we started jQuery workshop. Attendees learned basics of jQuery in two hours. At the end they have running application with simple animation in HTML.

You can download slides in PDF version.

You can also download ZIP file with all demo applications.

I was using IntelliJ Idea IDE. It has very intelligent code completion for jQuery, JavaScript and HTML.

I suggest to download also jQuery Cheat Sheet, it is very handful manual.

I mentioned two interesting projects. One was Adobe Browser Lab which allows you to get snapshot of your web site displayed in different browsers on different systems.

The second project was jQuery Mobile. This project could help you to create applications for mobile environment.

I provide this workshop also in form of training for companies. You can find more details about available trainings at sinusgear.com.

Do not forget to watch lauch of Adobe CS5.5 Dreamweaver. Adobe promised to provide support for packaging JavaScript application as a native app for Apple iOS, Google Android and Blackberry.

  • Where’s the fish?

  • Translations

  • Further info

  • Twitter

    Follow @jurajmichalek on twitter.

  • Comments

  • Tags

  • Topics