Numbers Guessing Game
Your Numbers Game
Get
clueYour
answerYour
ScoreClue? Score 0/0
-
Recent Posts
- Animated GIF Slide GIFEncoder AlmaLinux Tweaks Tutorial
- Animated GIF Slide Set and Forget Dimensioning Tutorial
- Mister Ed Mathematics Collaboration Tutorial
- HTML/Javascript Music Chord Game Revisit Tutorial
- Mister Ed Mathematics Primer Tutorial
- PHP Moderation via MySql for AlmaLinux Tutorial
- Code Difference AlmaLinux HTML Issue Followup Tutorial
- WordPress TwentyTen Theme Search Scrolling Revisited 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 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 webpageYour Background Image
OnTopList
Monthly Archives: August 2022
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
CSS Position Sticky Primer Tutorial
The concept of scrolling in a webpage is a way to get to places “below the fold” or “to the right of the fold” regarding vertical and horizontal scrolling, respectively. We wanted to start exploring this idea by starting with … Continue reading
Posted in eLearning, Event-Driven Programming, Tutorials
Tagged above the fold, CSS, fixed, HTML, information, position, presentation, proof of concept, scroll, scrolling, sticky, style, webpage
Leave a comment
Fullscreen API Primer Tutorial
Today’s new API to explore, for us, relates to the Fullscreen API. The name says it all, except that we’ll reiterate … The Fullscreen API adds methods to present a specific Element (and its descendants) in fullscreen mode, and to … Continue reading
Posted in eLearning, Event-Driven Programming, Tutorials
Tagged clock, enter, full, fullscreen, fullscreen api, HTML, Javascript, keyboard, network clock, onresize, programming, screen, SVG, toggle, tutorial
Leave a comment
SVG Network Clock Minimize Tutorial
Today’s blog posting’s underlying SVG Network Clock web application (we last talked about with Colour Wheel Size and Spoke Colour Tutorial’>Colour Wheel Size and Spoke Colour Tutorial) shares a couple of commonalities with yesterday’s MAMP Timekeeping Web Application Visibility Tutorial, … Continue reading
Posted in eLearning, Event-Driven Programming, GUI, Tutorials
Tagged API, clock, date, datetime, documentElement, DOM, external Javascript, focus, GUI, HTML, information, Javascript, minimize, Page Visibility API, PHP, programming, SVG, tab, time, tutorial, web browser
Leave a comment
MAMP Timekeeping Web Application Visibility Tutorial
Today we’re on the road again, roadtesting the Page Visibility API in relation to the Quarter Hour Timer web application of MAMP Timekeeping Web Application Desktop Application Tutorial. It’s a great improvement on “window.focus()” ideas that are so flaky by … Continue reading →