Numbers Guessing Game
Your Numbers Game
Get
clueYour
answerYour
ScoreClue? Score 0/0
-
Recent Posts
- USB Based Tethering of MacBook Air to iPhone Tutorial
- Bluetooth Based Tethering of iPad to iPhone Tutorial
- YouTube Video API Event Playlist Generations Tutorial
- WebGL Google Chrome Configuration Issue Tutorial
- YouTube Video API Event Playlist User Settings Tutorial
- Javascript Object New Method Creator Primer Tutorial
- YouTube Video API Event Playlist Background Image Tutorial
- YouTube Video API Event Playlist Shuffle and Loop Tutorial
Categories
- Ajax
- Android
- Animation
- Anything You Like
- Code::Blocks
- Coding
- Colour Matching
- Data Integration
- Database
- Delphi
- Eclipse
- eLearning
- ESL
- Event-Driven Programming
- Games
- GIMP
- GUI
- Hardware
- Installers
- iOS
- Land Surveying
- Moodle
- Music Poll
- NetBeans
- Networking
- News
- Not Categorised
- OOP
- Operating System
- Photography
- Projects
- Signage Poll
- Software
- SpectroPhotometer
- Tiki Wiki
- Trips
- Tutorials
- Uncategorized
- Visual Studio
- Xcode
Meta
Tags
Ajax animation background button canvas command line CSS Did you know div DOM dropdown email emoji event form game games Google Google chart HTML IFRAME image iOS iPad Javascript MAMP map mobile navigation onclick overlay PHP programming select share sharing SMS SVG table textarea tutorial url video web browser webpageYour Background Image
OnTopList
Category Archives: Animation
Animation is the rapid display of a sequence of images to create an illusion of movement. ( Wikipedia )
SVG Image Shapes Tutorial
Am sure some of you have been waiting for it?! Here it is … What (some of) you’ve been waiting for? Yes, images are the input to our shapes web application as today’s work. And yes, SVG has an image … Continue reading →
Posted in Animation, eLearning, Event-Driven Programming, Tutorials
|
Tagged 404.php, absolute, animation, annotate, annotation, attrribute selector, blog, color picker, colour, colour picker, depth, drop shadow, dropdown, element, elevation, error, error 404, fill, filter, geometry, hardcoding, height, HTML, image, input, Javascript, line, linear, mathematics, maths, mode, opacity, origin, overlay, PHP, position, programming, rotate, rotation, select, shadow, shape, stroke, superimposition, SVG, svg animation, svg filter, svg image, svg text, svg+xml, text, textbox, title, transform, transformation, transparent, tutorial, url, width, Wordpress, wordpress blog, wrapper, wrapper function, XML, z-index
|
Leave a comment
SVG Shapes Animations Tutorial
In a similar way to the way yesterday’s SVG Shapes Drop Shadow Filter Tutorial‘s … new SVG filter (ie. drop shadow) functionality … was a totally PHP 404.php job to implement … today, the even … newer SVG animation (ie. … Continue reading →
Posted in Animation, eLearning, Event-Driven Programming, Tutorials
|
Tagged 404.php, absolute, animation, annotate, annotation, attrribute selector, blog, color picker, colour, colour picker, depth, drop shadow, dropdown, elevation, error, error 404, fill, filter, geometry, hardcoding, height, HTML, input, Javascript, line, linear, mathematics, maths, mode, opacity, origin, overlay, PHP, position, programming, rotate, rotation, select, shadow, shape, stroke, superimposition, SVG, svg animation, svg filter, svg text, svg+xml, text, textbox, title, transform, transformation, transparent, tutorial, url, width, Wordpress, wordpress blog, wrapper, wrapper function, XML, z-index
|
Leave a comment
SVG Network Clock Start Local Time Favicon Tutorial
Today we’re revisiting the SVG Network Clock we last talked about with SVG Network Clock Minimize Tutorial. Why? Well, we were re-researching the topic of Favicon (those images on the tabs of your web browser tabs) that we talked about … Continue reading →
Posted in Animation, eLearning, Event-Driven Programming, Tutorials
|
Tagged clock, date, date object, datetime, documentElement, DOM, eLearning, Event-Driven Programming, external Javascript, favicon, focus, GUI, HTML, information, intl, Javascript, local time, minimize, Page Visibility API, PHP, programming, SVG, svg text, svg+xml, tab, text, time, timestamp, tutorial, Tutorials and tagged API, web browser
|
Leave a comment
Javascript Lazy Evaluation Game Involvement Tutorial
Yes, we’ve decided to involve the Lazy Evaluation and async and await and Promise and setTimeout Javascript logic of yesterday’s Javascript Lazy Evaluation Promise Tutorial into a Drag and Drop mathematics game for Small Integers from 1 to 9. Can … Continue reading →
Posted in Animation, eLearning, Event-Driven Programming, Tutorials
|
Tagged async, asynchronous, code, code syntax, eager, equation, evaluation, function, game, integer, Javascript, lazy, lazy evaluation, mathematical sentence, mathematics, object, programming, programming.tutorial, promise, promise object, sentence, setTimeout, syntax, timer, variable
|
Leave a comment
Interactively Change Background Image on Scroll User Settings Tutorial
If you are a regular reader, you’ll know with the web applications presented here, we usually try to allow the user to control … how they function … and/or sometimes … how they look … in the ephemeral “this session” … Continue reading →
Posted in Animation, eLearning, Event-Driven Programming, Tutorials
|
Tagged background, background image, contenteditable, CSS, design, div, event, fixed, hotkey, HTML, image, img, innerHTML, innerText, Javascript, keyboard, Lorem Picsum, measureText, onblur, onkeydown, opacity, overlay, position, programming, scroll, scrolling, text, text shadow, tutorial, w3schools, webpage, width
|
Leave a comment
Animated GIF Slide Component Replacing Tutorial
We’re getting into componentry today, “spare parts” if you will, behind the creation of Animated GIF images, used in yesterday’s Animated GIF Slide Component Knowledge Tutorial‘s PHP web application. We left you yesterday, during its “phase two” animated GIF creation … Continue reading →
Posted in Animation, eLearning, Event-Driven Programming, Tutorials
|
Tagged $_GET, $_POST, align, alignment, animated gif, animation, annotate, annotating, answer, Apache, argument.arguments, automation, background, background colour, background-color, bottom, btoa, canvas, child, clearRect, color picker, colour, colour picker, comma separated list, component, contenteditable, convert, duration, emoji, ffmpeg, fill, fillRect, fillStyle, font, font colour, font family, font size, form, Google, Google PageSpeed, grandparent, graphics, IFRAME, image, ImageMagick, interactive, interface, justification, justify, line feed, local web server, localhost, MAMP, oncontextmenu, ondblclick, parent, PHP, position, programming, question, quiz, right click, score, scribble, slide, span, SVG, svg quiz, svg+xml, text, toDataURL, toggle, top, transparency, transparent, tutorial, up, url, utf-8, watermark, window.btoa, window.open, window.opener, z-index
|
Leave a comment
Animated GIF Slide Component Knowledge Tutorial
Yesterday’s Animated GIF SVG Quiz Automation Interaction Tutorial‘s … animated GIF, using its duration, for effect, adding user interaction onmouseover logic for our SVG Quiz scenarios … led us to, today … the more obvious generic step to add oncontextmenu … Continue reading →
Posted in Animation, eLearning, Event-Driven Programming, Tutorials
|
Tagged $_GET, $_POST, align, alignment, animated gif, animation, annotate, annotating, answer, Apache, argument.arguments, automation, background, background colour, background-color, bottom, btoa, canvas, child, clearRect, color picker, colour, colour picker, comma separated list, component, contenteditable, convert, duration, emoji, ffmpeg, fill, fillRect, fillStyle, font, font colour, font family, font size, form, Google, Google PageSpeed, graphics, IFRAME, image, ImageMagick, interactive, interface, justification, justify, line feed, local web server, localhost, MAMP, oncontextmenu, ondblclick, parent, PHP, position, programming, question, quiz, right click, score, scribble, slide, span, SVG, svg quiz, svg+xml, text, toDataURL, toggle, top, transparency, transparent, tutorial, up, url, utf-8, watermark, window.btoa, window.open, window.opener, z-index
|
Leave a comment
Animated GIF SVG Quiz Automation Interaction Tutorial
Today, we wanted to combine yesterday’s … Animated GIF SVG Quiz Bottom Watermark Argument Tutorial‘s progress … with a backtrack to … Animated GIF Duration Calculation Filter Browsing Tutorial work, which taught us that a Javascript client based solution could … Continue reading →
Posted in Animation, eLearning, Event-Driven Programming, Tutorials
|
Tagged $_GET, $_POST, align, alignment, animated gif, animation, annotate, annotating, answer, Apache, argument.arguments, automation, background, background colour, background-color, bottom, btoa, canvas, child, clearRect, color picker, colour, colour picker, comma separated list, contenteditable, convert, duration, emoji, ffmpeg, fill, fillRect, fillStyle, font, font colour, font family, font size, Google, Google PageSpeed, graphics, image, ImageMagick, interactive, interface, justification, justify, line feed, local web server, localhost, MAMP, ondblclick, parent, PHP, position, programming, question, quiz, score, scribble, slide, span, SVG, svg quiz, svg+xml, text, toDataURL, toggle, top, transparency, transparent, tutorial, url, utf-8, watermark, window.btoa, window.open, window.opener
|
Leave a comment
