Tag Archives: keyframes

Just Javascript Five Hundred Card Game Tutorial

Posted on April 13, 2021 by admin

Onto yesterday’s Just Javascript Memories SVG Emoji CSS Animation Tutorial, today, we add on … a pared down version of the card game “500” … featuring … no bidding … no Jokers (yet) … left and right bowers (Jack trumps, … Continue reading →

Posted in Animation, eLearning, Event-Driven Programming, Tutorials | Tagged animation, background, background image, background-position, background-repeat, background-size, bookmarklet, card game, cards, click, colour coding, content, content management, createElement, CSS, CSS3, cursor, data uri, deal, defence, document.createElement, document.querySelectorAll, double click, drag, drag and drop, emoji, event, fallback, filter, focus, game, games, HTML, Javascript, keyframes, localStorage, Mapping, mclick, Memories, navigation, onions, order, popup, preventDefault, programming, prompt, quiz, screenLeft, screenTop, selector, sessionStorage, style, styling, SVG, touch, trick, tutorial, webpage, window.opener | Leave a comment

Just Javascript Memories SVG Emoji CSS Animation Tutorial

Posted on April 12, 2021 by admin

There are lots of styles of animation that do not suit a “Just Javascript” (ie. “No Body Definition”) style of web application as for Just Javascript Memories SVG Emoji Background Tutorial‘s work, but there is one left that can really … Continue reading →

Posted in Animation, eLearning, Event-Driven Programming, Tutorials | Tagged animation, background, background image, background-position, background-repeat, background-size, bookmarklet, card game, cards, click, colour coding, content, content management, createElement, CSS, CSS3, cursor, data uri, defence, document.createElement, document.querySelectorAll, double click, drag, drag and drop, emoji, event, fallback, filter, focus, game, games, HTML, Javascript, keyframes, localStorage, Mapping, mclick, Memories, navigation, onions, order, popup, preventDefault, programming, prompt, quiz, screenLeft, screenTop, selector, sessionStorage, style, styling, SVG, touch, tutorial, webpage, window.opener | Leave a comment

Shotcut Video Editor Primer Tutorial

Posted on February 20, 2020 by admin

Today, we gave the wonderful, and free, Shotcut Video Editor a go, and wanted to show you some of its features with our PDF presentation today. We recommend you view Shotcut’s Tutorial the button to access prepended by … You … Continue reading →

Posted in eLearning, Operating System, Tutorials | Tagged cut, image, keyframes, play, reverse, timeline, tutorial, video, video editor | Leave a comment

Shooting Star Two Player Game Tutorial

Posted on August 2, 2019 by admin

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

Glowing Text Validation Primer Tutorial

Posted on August 1, 2019 by admin

Yesterday’s application of the use of CSS brilliance of W3School’s glowing text idea with Shooting Star Game Primer Tutorial was just one idea regarding the use of glowing text. What about using it with form validation? Yes, that’s “a goer” … Continue reading →

Posted in eLearning, Event-Driven Programming, Tutorials | Tagged animation, CSS, form, glowing text, HTML, input, Javascript, keyframes, programming, transitions, validation | Leave a comment

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

Circular Text or Emoji Periodic Table Quiz Tutorial

Posted on January 15, 2019 by admin

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

Posted on January 4, 2019 by admin

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

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
April 2025

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

« Mar
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 webpage
Your Background Image
OnTopList

Tag Archives: keyframes

Shotcut Video Editor Primer Tutorial

Shooting Star Two Player Game Tutorial

Glowing Text Validation Primer Tutorial

Shooting Star Game Primer Tutorial

Circular Text or Emoji Periodic Table Quiz Tutorial

Circular Text or Emoji Roulette Animation Tutorial

Numbers Guessing Game

Your Numbers Game

Recent Posts

Categories

Meta

Your Background Image

OnTopList

Recent Comments

Tag Archives: keyframes

Numbers Guessing Game

Your Numbers Game

Recent Posts

Categories

Meta

Tags

Your Background Image

OnTopList