Tag Archives: HTML

HTML/Javascript Sudoku Game Primer Tutorial

Today we’ve got an inhouse version of a well known mathematical (but you don’t have to be a mathematician to play) game called Sudoku which you regularly find in the puzzles section of the newspaper, like the KenKen game of … Continue reading

Posted in eLearning, Event-Driven Programming, Games, Tutorials | Tagged , , , , , , , , , , , , | Leave a comment

Country Quizzes Wikipedia Image Integration Tutorial

We wanted to offer some optional Wikipedia Image lookup functionality as an alternative to the optional existent YouTube Video lookup functionality in the … Country Capital Quiz country_capital_quiz.php (with this live run link), featuring these changes Country Currency Quiz country_currency_quiz.php … Continue reading

Posted in eLearning, Event-Driven Programming, Tutorials | Tagged , , , , , , , , , , , , , , , , , , , , , , , , | Leave a comment

Textbox Div Contenteditable Primer Tutorial

We have an idea for use for the following componentry … div contenteditable=true … only hosting … input type=text value=” placeholder=[Some Instructive Blurb] readonly … initially like … <div onblur=docss(this.innerText); data-style=’border: 1px solid blue;’ id=mydiv contenteditable=true onclick=”if (this,innerText.length == 0) … Continue reading

Posted in eLearning, Event-Driven Programming, Tutorials | Tagged , , , , , , , , , , , , , , , , , , , , , , | Leave a comment

CSS Gradient Creations Conic Tutorial

Yesterday’s CSS Conic Gradient Primer Tutorial set us to thinking about integrating these Conic Gradients into our “Gradient Central” web application where you can create your own gradients which we last talked about with CSS Gradient Creations Mobile Width Tutorial. … Continue reading

Posted in eLearning, Tutorials | Tagged , , , , , , , , , , , , , , , , , , , | Leave a comment

CSS Conic Gradient Primer Tutorial

We’re quite fond of cones … you might get soft serve ice cream in them, as long as they’re turned up the right way … but we also like … the cones placed pointy side up as in the CSS … Continue reading

Posted in eLearning, Tutorials | Tagged , , , , , , , , , , , , , , | Leave a comment

Ajax PHP Game Makeover Tutorial

We have a CSS SVG theme with today’s work improving on yesterday’s Ajax PHP National Capitals Game Flags Tutorial‘s progress. As with CSS and SVG XML Primer Tutorial from a few days ago, our CSS SVG “makeover ideas” include all … Continue reading

Posted in Ajax, Animation, eLearning, Event-Driven Programming, Games, Tutorials | Tagged , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , | Leave a comment

Ajax PHP National Capitals Game Flags Tutorial

Further to yesterday’s Ajax PHP Game Wikipedia Images Wait Tutorial … capitals are connected to countries … countries are connected to iso two letter country codes … iso two letter country codes are connected to emoji flags Yes, all the … Continue reading

Posted in Ajax, eLearning, Event-Driven Programming, Games, Tutorials | Tagged , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , | Leave a comment

Ajax PHP Game Wikipedia Images Wait Tutorial

Today we talk about a first for us. We’re using a … linear gradient animation … to help a user “wait” for their Wikipedia images to arrive in “the pink area”. Our non-mobile users may wonder “Why the need?”. Well, … Continue reading

Posted in Ajax, Animation, eLearning, Event-Driven Programming, Tutorials | Tagged , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , | Leave a comment