10. February 2016

Story behind PF2016


Slides available in formats: PDFSlideShare

Source code: GitHub/ysoftdevs/pf2016

30. December 2015

PF 2016

This year I have another special game for you as Pour Felicitér card.

Go to: http://www.ysofters.com/pf2016/

PF 2016 Puzzle Game

You can enjoy PF games from previous years: PF 2015, PF 2014, PF 2013,PF 2012,PF 2011, PF 2010

30. December 2014

PF 2015

This year I have another special game for you as Pour Felicitér card.

Go to: http://www.ysofters.com/pf2015/

pf2015-play

You can enjoy PF games from previous years: PF 2014, PF 2013,PF 2012,PF 2011, PF 2010

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

22. December 2013

Tracing Paper JS – tool for generating JavaScript coordinates from image

Tracing paper is common tool for illustrators and graphic designers.

I was searching for tool which is able to convert clicks on image into coordinates and use it in JavaScript.

Yes, you can use Photoshop or Gimp to determine position of point and then write JavaScript manually.

This is feasible when you have few coordinates which should be converted into JavaScript. When you have hundreds of those points then you’ll end up typing and typing all the day.

Here is the tool: Tracing Paper JS – http://tracing-paper.sinusgear.com

tracing-paper-01

Just click at the image and tool will record set of coordinates as JavaScript code.

It’s simple app written in JavaScript with AngularJS.

Source code is available at Github: https://github.com/georgik/tracing-paper-js

14. May 2013

How to debug :hover pseudo class in Google Chrome Developer tool

Google Chrome developer tool is simply one of the best tools available for debugging of HTML5 applications.

It has one neat feature: possibility to inspect CSS of element and editing it on the fly.

That works fine for normal styles, but what about :hover state?

There is one “hidden” option which allows to switch element to :hover state.

Inspect element of HTML. You should see Styles on the right hand side. There are 3 icons. Click the middle one with arrow sign. It will pop up menu with checkboxes. You can select here CSS pseudo classes like :active, :focus, :hover or :visited.

google-chrome-dev-hover

To learn more about capabilities of Google Chrome developer tools I recommend to go through free course Discover Dev Tools from Codeschool.com.

20. January 2013

Edge Animate – first experiment

New Adobe Edge Animate looks pretty good. Here is my small experiment:

13. January 2013

3D HTML inspection in Firefox

Firefox has one very neat feature for web developers – 3D inspection. It’s very useful when you need to examine layer overlay or event bubbling.

Just right click and choose Inspect Element:

firefox-inspect

You’ll switch to inspect mode. Click 3D View in the right bottom corner.

firefox-3d

Simple 🙂

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.

  • Where’s the fish?

  • Translations

  • Further info

  • Twitter

    Follow @jurajmichalek on twitter.

  • Comments

  • Tags

  • Topics