Game inspired by the game Oxygen. Move the ball to the target spot.
Start the game in full screen mode
You can find more games at georgik.rocks/tag/games/
Game inspired by the game Oxygen. Move the ball to the target spot.
Start the game in full screen mode
You can find more games at georgik.rocks/tag/games/
Pexeso – find two or more related cards.
Launch the game in full screen mode.
You can find more games at georgik.rocks/tag/games/
Connect stars and create constellations.
Launch in the game in full screen mode.
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.
You can find more games at georgik.rocks/tag/games/
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.
To learn more about capabilities of Google Chrome developer tools I recommend to go through free course Discover Dev Tools from Codeschool.com.
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:
You’ll switch to inspect mode. Click 3D View in the right bottom corner.
Simple :)