Numbers Guessing Game
Your Numbers Game
Get
clueYour
answerYour
ScoreClue? Score 0/0
-
Recent Posts
- Microsoft Defender Virus Protection Tutorial
- Animated GIF Creator File Dropping Tutorial
- Online Interest Followups Tutorial
- Javascript Fetch API Primer Tutorial
- Asynchronous Clientside Ideas Tutorial
- Shower Song Form Double Takes Tutorial
- Shower Song Sharing Tutorial
- Shower Song Media Insertions 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 map media mobile navigation onclick overlay PHP popup programming select share sharing SMS SVG table text textarea tutorial url video web browserYour Background Image
OnTopList
Tag Archives: HTML
Word Find Game Primer Tutorial
Today’s “Word Find Game” gets its inspirations from two sources … remembering those word find games you might find in the Sunday newspapers … and as a coding basis … textarea and Selection API user interface you can prepare for … Continue reading
Posted in eLearning, Event-Driven Programming, Games, Tutorials
Tagged clipboard api, copy, cursor, cut, Event-Driven Programming, game, games, highlight, HTML, image, Javascript, paste, programming, selection, selection api, Tclipboard, text, textarea, This entry was posted in eLearning, tutorial, webpage, word, word game
Leave a comment
Selection API and Clipboard API Tutorial
There’s the … clipboard, the “cut and copy and paste ideas”, for text, as we showed you with Clipboard API Image Tutorial and Clipboard API Primer Tutorial … but there’s also the bit before you reach the clipboard using the … Continue reading
Posted in eLearning, Event-Driven Programming, Tutorials
Tagged clipboard api, copy, cursor, cut, Event-Driven Programming, highlight, HTML, image, Javascript, paste, programming, selection, selection api, Tclipboard, text, textarea, This entry was posted in eLearning, tutorial, webpage
Leave a comment
CSS Accent Colour Primer Tutorial
A recent “stumble upon” on the Internet got us interested in the “accent-color” CSS property, which is only relevant as per … The accent-color property specifies the accent color for user-interface controls like: <input type=”checkbox”>, <input type=”radio”>, <input type=”range”> and … Continue reading
Posted in eLearning, Event-Driven Programming, Tutorials
Tagged accent-color, aesthetics, checkbox, colour, CSS, HTML, input, programming, progress, property, radio, range, tutorial, Web Application
Leave a comment
CSS Grid Column Context History Tutorial
With web applications, two words are often intertwined … context … and … history … because the state of a webpage can sometimes only be fully appreciated by how it got to be like that, or its “history” in “context”. … Continue reading
Posted in Animation, eLearning, Event-Driven Programming, Tutorials
Tagged animation, cell, checkbox, colspan, column, commutative, context, CSS, div, grid-column, history, HTML, keyframes, order, programming, property, responsive, responsive design, row, rowspan, style, styling, table, tutorial, user experience, UX
Leave a comment
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
