Numbers Guessing Game
Your Numbers Game
Get
clueYour
answerYour
ScoreClue? Score 0/0
-
Recent Posts
- Crontab and Curl Rearrangements Tutorial
- Apple CarPlay Primer Tutorial
- Swift Playgrounds for iOS Map Control Tutorial
- Swift Playgrounds on macOS Map Control Tutorial
- Swift Playgrounds on macOS Map Revisit Tutorial
- Tcl/Tk macOS and Xcode Revisit Tutorial
- WordPress Mobile Ontouchmove Event Tutorial
- WordPress Javascript Coding Rearrangements Primer 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 DOM dropdown email emoji event form game Google Google chart hashtag HTML IFRAME image iOS Javascript MAMP media mobile navigation onclick overlay PHP popup programming select share sharing SMS SVG table text textarea tutorial url video web browser webpageYour Background Image
OnTopList
Tag Archives: styling
CSS Grid Column Animation Tutorial
CSS @keyframes rule animations can add “pizazz” to your webpages. And, because yesterday’s CSS Grid Column Primer Tutorial‘s web application‘s actions could take place in the blink of an eye before registering “what just happened” for the user, we offer … Continue reading
Posted in Animation, eLearning, Event-Driven Programming, Tutorials
Tagged animation, colspan, column, CSS, div, grid-column, HTML, keyframes, programming, property, responsive, responsive design, row, rowspan, style, styling, table, tutorial
Leave a comment
CSS Grid Column Primer Tutorial
Continuing on with the theme of “HTML div element looking like an HTML table element” regarding a “grid look”, onto yesterday’s CSS Row Gap Primer Tutorial start, today we turn our attention to the CSS “grid-column” property … The grid-column … Continue reading
Posted in eLearning, Event-Driven Programming, Tutorials
Tagged colspan, column, CSS, div, grid-column, HTML, programming, responsive, responsive design, row, rowspan, style, styling, table, tutorial
Leave a comment
CSS Row Gap Primer Tutorial
Yes, an HTML div element innerHTML content can be organized like an HTML table in a “grid” like way via CSS like … <style> div.grid-container { display: grid; row-gap: 50px; } </style> … thanks to https://www.w3schools.com/cssref/tryit.asp?filename=trycss3_row-gap here, too! And yes, … Continue reading
Posted in eLearning, Event-Driven Programming, Tutorials
Tagged CSS, div, getBoundingClientRect, grid, HTML, programming, responsive, responsive design, row-gap, style, styling, table, tutorial, window.innerHeight
Leave a comment
Text Background Clip Primer Tutorial
Again, today, we’re cloning and modifying a new “proof of concept” version of a “Text Background Clip” server web application … based on the PHP of Simple Emoji Border Card Primer Tutorial … and … a lot of CSS help … Continue reading
Posted in eLearning, Event-Driven Programming, Tutorials
Tagged animation, background-clip, block, card, clone, cloning, comma, CSS, delimitation, div, emoji, exec, HTML, PHP, post, programming, range, server, shell_exec, style, styling, SVG, textarea, tutorial, window, wording, words
Leave a comment
Emoji Animation CSS Block Tutorial
Do you recall a few days back, with Simple Emoji Border Card Sharing Tutorial how we avoided “too long” mailto: and/or sms: “a” link href arrangements, before we harnessed the command line combination of … diff ed … the latter … Continue reading
Emoji Animation Primer Tutorial
Today we’re cloning and modifying a new “proof of concept” version of an “Emoji Animation” server web application (or “proof of concept” client web application) … based on the PHP of Simple Emoji Border Card Primer Tutorial … and … … Continue reading


I like the single-row radio-play approach for keeping the controls compact while still making each selection clear. When Iβm checking a calculation alongside a tutorial, I use StepStat to see the intermediate steps; how do you handle the layout when the playlist gets much longer?