- Numbers Guessing Game- Your Numbers Game- Get 
 clue- Your 
 answer- Your 
 Score- Clue? - Score 0/0 
- 
		Recent Posts- Message Board One Liners Content Filtering Tutorial
- Message Board One Liners Group Privacy Tutorial
- Message Board One Liners Group Invitations Tutorial
- Message Board One Liners Primer Tutorial
- YouTube API Caller Radio Play Connection Loss Implication Tutorial
- Iframe Hashtag Calling Tutorial
- YouTube API Caller Radio Play Remembering Recall Words Tutorial
- YouTube API Caller Radio Play Scheduling 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
- TagsAjax animation background button canvas command line CSS Did you know DOM dropdown email emoji event form game games Google Google chart hashtag HTML IFRAME image iOS Javascript MAMP map mobile navigation onclick overlay PHP programming select share sharing SMS SVG table text textarea tutorial url video web browser webpage
- Your Background Image
 
- OnTopList
Tag Archives: transition
Contenteditable OuterHTML Ideas Watermark Tutorial
Am sure there are a few readers out there bemused by the use of a 3×3 table cell grid background to the “Contenteditable OuterHTML Ideas” web application of yesterday’s Contenteditable OuterHTML Ideas Animation Tutorial. Well, it provides … some structure … Continue reading
									
						Posted in eLearning, Event-Driven Programming, Tutorials					
					
													
						Tagged animation, calc, clone, contenteditable, CSS, DOM, event, glow, grid, HTML, innerHTML, Javascript, onclick, outerHTML, programming, stopPropagation, table, transition, tutorial, watermark					
					
								Leave a comment
							
		Contenteditable OuterHTML Ideas Animation Tutorial
Today, we want to build on yesterday’s Contenteditable OuterHTML Ideas Primer Tutorial‘s … very early on … seeing how useful was … innerHTML for HTML elements with proper endtag arrangements years later … seeing how useful was … outerHTML for … Continue reading
									
						Posted in eLearning, Event-Driven Programming, Tutorials					
					
													
						Tagged animation, calc, contenteditable, CSS, DOM, event, glow, HTML, innerHTML, Javascript, onclick, outerHTML, programming, stopPropagation, transition, tutorial					
					
								Leave a comment
							
		Shooting Star Two Player Game Tutorial
We’ve extended the recent Shooting Star Game Primer Tutorial to allow for a two player game option under the following conditions … you need two pointing “means” per one “device” … like a trackpad and wireless mouse, that is so … Continue reading
									
						Posted in eLearning, Event-Driven Programming, Hardware, Tutorials					
					
													
						Tagged animation, click, CSS, device, difficulty, document.body, emoji, emojipedia, game, glowing text, hardware, HTML, Javascript, keyframes, mouse, onclick, score, track pad, transition					
					
								Leave a comment
							
		Shooting Star Game Primer Tutorial
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
							
		Circular Text or Emoji Periodic Table Quiz Tutorial
Meanwhile, back at Circular Text ideas we were wondering if we could add more interest to a quiz by making the circular ends to a similar wheel as the roulette wheel (as discussed with Circular Text or Emoji Roulette Animation … Continue reading
									
						Posted in eLearning, Event-Driven Programming, Games, Tutorials					
					
													
						Tagged animation, array, ascii, charCodeAt, chemistry, circle, compound emoji, CSS, document.head, DOM, emoji, form, game, genericization, Google, Google chart, HTML, indexOf, ISO, Javascript, keyframes, linear gradient, link, onclick, periodic table, pie chart, post, programming, proof of concept, quiz, radial gradient, roulette, String.fromCodePoint, text, transition, transitions, tutorial, whitespace					
					
								Leave a comment
							
		Circular Text or Emoji Roulette Animation Tutorial
As we left off with the recent Circular Text or Emoji Roulette Game Tutorial we wanted to improve on the animation aspects to representing the roulette wheel ball, but still only involve … emoji (content) for HTML elements styled by … Continue reading
									
						Posted in Animation, eLearning, Event-Driven Programming, Games, Tutorials					
					
													
						Tagged animation, ascii, charCodeAt, circle, compound emoji, CSS, DOM, emoji, form, game, genericization, Google, Google chart, HTML, ISO, Javascript, keyframes, linear gradient, link, onclick, pie chart, post, programming, proof of concept, radial gradient, roulette, String.fromCodePoint, text, transition, transitions, tutorial, whitespace					
					
								1 Comment
							
		 
                    								
