Tag Archives: game

Shooting Star Game Primer Tutorial

Posted on July 31, 2019 by admin

We’ve got one of those pretty simple “click ’em up” games for you today, inspired by the CSS brilliance of W3School’s glowing text idea, thanks. That set us to thinking of Emojis we could apply (in front of the great … Continue reading →

Posted in eLearning, Event-Driven Programming, Tutorials | Tagged animation, click, CSS, difficulty, document.body, emoji, emojipedia, game, glowing text, HTML, Javascript, keyframes, onclick, score, transition | Leave a comment

HTML/Javascript Areas Canvas Tutorial

Posted on July 26, 2019 by admin

In revisiting the HTML/Javascript Areas Tutorial of some years back now, a recent common theme occurred to us … a lack of visuals. This game could be made much more interesting, we think, by showing a graphical view of a … Continue reading →

Posted in eLearning, Event-Driven Programming, Tutorials | Tagged Areas, canvas, game, geometry, graphics, HTML, Javascript, mathematics, PATH, Path2D, programming, tutorial, visual | Leave a comment

Workplace Concepts Game Horizontal Rule Reveal Tutorial

Posted on May 19, 2019 by admin

Today we want to add a “reveal” feel to the previous Workplace Concepts Game Horizontal Rule Cell Tutorial. Our favourite “reveal” element combination is the team of details tag and its nested summary tag partner. The great thing about these … Continue reading →

Posted in eLearning, Games, Tutorials | Tagged categorize, category, cell, concept, CSS, details, game, games, horizontal rule, HTML, Javascript, margin, non-breaking space, padding, position, programming, reveal, row, summary, table, tutorial, video, workplace, YouTube, YouTube API | Leave a comment

Workplace Concepts Game Horizontal Rule Cell Tutorial

Posted on May 17, 2019 by admin

Yesterday’s Workplace Concepts Game Primer Tutorial used … an HTML table … with … one static row of 4 column “header cells” … and … one static Next button row … and … one dynamic row of 4 column “data … Continue reading →

Posted in eLearning, Event-Driven Programming, Tutorials | Tagged categorize, category, cell, concept, CSS, game, games, horizontal rule, HTML, Javascript, margin, non-breaking space, padding, position, programming, row, table, tutorial, workplace | Leave a comment

Workplace Concepts Game Primer Tutorial

Posted on May 16, 2019 by admin

Here’s a new web application project. Content wise we take … a workplace concept … link that concept to one or more categories namely “rights”, “responsibilities”, “ethical”, “unethical” … organized into a single dimension array with semicolon and plus sign … Continue reading →

Posted in eLearning, Tutorials | Tagged categorize, category, cell, concept, game, games, horizontal rule, HTML, Javascript, programming, table, tutorial, workplace | Leave a comment

HTML Square Horizontal Rule Image Map Notice Board Tutorial

Posted on April 1, 2019 by admin

Following on from yesterday’s HTML Square Horizontal Rule Image Map Are You Okay Tutorial we wanted, today, to “test the waters” with the news of recent emoji additions to ask a lot of this world, and see how emojis stack … Continue reading →

Posted in eLearning, Event-Driven Programming, Tutorials | Tagged aged care, attributes, Bezier curves, browse, button, canvas, canvas background, cards, cell, chart, child, circle, collaboration, column, communication, contenteditable, copy, CSS, data, deck, diary, dictionary, Did you know, div, DOM, dropdown, eLearning area, eLearning array, email, emoji, equation, eval, event, file, FileZilla, game, games, geometry, getBoundingClientRect, getImageData, Google Charts, graph, graphics, grid, guillotine, hangman, hash, hashtag, heirarchy, home, home screen, horizontal rule, HTML, HTML Global Attributes, icon, IFRAME, image, image map, induction, innerHTML, integration, international signage, iOS, iPad, ispell, Javascript, jigsaw, line, line graph, linear equation, linear gradient, linked list, location.hash, MAMP, map, match, mathematics, Memories, meta, mobile, mobile app, multiple, multiple hashtag, navigation, notice board, onchange, onion, onmousemove, ontouchmove, overlay, pan, parent, PhotoBooth, PHP, placeholder, polygon, polynomial, position, programming, prompt, proof of concept, propogation, putImageData, QuickTime Player, quiz, random, rectangle, reveal, rotate, rubberband, script, select, setTimeout, share, signature, software integration, square, SVG, table, textarea, TextWrangler, transform, translate, tutorial, Tutorials, url, window, window.open, word, word game, YouTube, z-index | Leave a comment

HTML Square Horizontal Rule Image Map Are You Okay Tutorial

Posted on March 31, 2019 by admin

The recent HTML Square Horizontal Rule Image Map Jigsaw Quiz Tutorial has a fair degree of flexibility, and we want to try more ideas to learn more (and modify more, as you will see later). Was reading through a course … Continue reading →

Posted in eLearning, Event-Driven Programming, Tutorials | Tagged attributes, Bezier curves, browse, button, canvas, canvas background, cards, cell, chart, child, circle, collaboration, column, communication, contenteditable, copy, CSS, data, deck, diary, dictionary, div, DOM, dropdown, eLearning area, eLearning array, email, emoji, equation, eval, event, file, game, games, geometry, getBoundingClientRect, getImageData, Google Charts, graph, graphics, grid, guillotine, hangman, hash, hashtag, heirarchy, home, home screen, horizontal rule, HTML, HTML Global Attributes, icon, IFRAME, image, image map, induction, innerHTML, integration, iOS, iPad, ispell, Javascript, jigsaw, line, line graph, linear equation, linear gradient, linked list, location.hash, map, match, mathematics, Memories, meta, mobile, mobile app, multiple, multiple hashtag, navigation, onchange, onion, onmousemove, ontouchmove, overlay, pan, parent, PhotoBooth, PHP, placeholder, polygon, polynomial, position, programming, prompt, proof of concept, propogation, putImageData, QuickTime Player, quiz, random, rectangle, reveal, rotate, rubberband, script, select, setTimeout, share, signature, software integration, square, SVG, table, textarea, transform, translate, tutorial, Tutorials, url, window, window.open, word, word game, YouTube, z-index | Leave a comment

Javascript DOM Images Collection Primer Tutorial

Posted on March 15, 2019 by admin

We think the Javascript DOM (or Document Object Model) is the best means by which to create dynamic HTML webpages. The two objects of a webpage of most interest to us are … document … and to a lesser extent … Continue reading →

Posted in eLearning, Event-Driven Programming, Games, Tutorials | Tagged array, cards, child, collection, contentWindow, document, DOM, domain, game, HTML, IFRAME, image, images, Javascript, Memories, object, onload, parent, playing cards, programming, proof of concept, tutorial, Web Application, webpage, window | Leave a comment

Your Numbers Game
Get clue	Your answer	Your Score
Clue?		Score 0/0

Search for:
Recent Posts
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
July 2026

S M T W T F S

1 2 3 4

5 6 7 8 9 10 11

12 13 14 15 16 17 18

19 20 21 22 23 24 25

26 27 28 29 30 31

« Jun
Meta
Tags
Ajax animation background button canvas command line CSS Did you know DOM dropdown email emoji event form game Google Google chart hashtag HTML IFRAME image iOS Javascript MAMP map media mobile navigation onclick overlay PHP popup programming select share sharing SMS SVG table text textarea tutorial url video web browser
Your Background Image
OnTopList

Tag Archives: game

Shooting Star Game Primer Tutorial

HTML/Javascript Areas Canvas Tutorial

Workplace Concepts Game Horizontal Rule Reveal Tutorial

Workplace Concepts Game Horizontal Rule Cell Tutorial

Workplace Concepts Game Primer Tutorial

Javascript DOM Images Collection Primer Tutorial

Numbers Guessing Game

Your Numbers Game

Recent Posts

Categories

Meta

Your Background Image

OnTopList

Recent Comments

Tag Archives: game

Numbers Guessing Game

Your Numbers Game

Recent Posts

Categories

Meta

Tags

Your Background Image

OnTopList