Numbers Guessing Game
Your Numbers Game
Get
clueYour
answerYour
ScoreClue? Score 0/0
-
Recent Posts
- Animated GIF Slide Clipboard Tutorial
- Google Chart Geo Chart Country Move Event Google Earth Tutorial
- Google Chart Geo Chart Move Event Google Earth Integration Tutorial
- Local Operating System Menu Ffmpeg Windows Front Camera and Audio Recordings Tutorial
- Local Operating System Menu Ffmpeg Windows Recordings Tutorial
- Local Operating System Menu Ffmpeg macOS Recordings Tutorial
- Local Operating System Menu Clip Windows Clipboard Tutorial
- Local Operating System Menu Pbcopy macOS Clipboard 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 games Google Google chart hashtag HTML IFRAME image iOS Javascript MAMP map mobile navigation onclick overlay PHP programming select share sharing SMS SVG table text textarea tutorial url video web browser webpageYour Background Image
OnTopList
Tag Archives: getBoundingClientRect
Angled Text Tool Context Tutorial
You only have to go about trying to solve a web application issue, often ending up at advice from the wonderful StackOverflow website, to realize the “context” of a problem is often the issue. There are so many different “takes” … Continue reading
Posted in eLearning, Event-Driven Programming, Tutorials
Tagged angle, angled text, containing, context, CSS, getBoundingClientRect, HTML, Javascript, justification, justify, nest, programming, rotate, sidle, snug, StackOverflow, table, table cell, transform, translate, tutorial
Leave a comment
Angled Text Tool Primer Tutorial
Buoyed by our new found confidence in [element].getBoundingClientRect() when dealing with rotated text, in the clientside Javascript realm of proceedings, as we talked about with yesterday’s Google Chart Image Chart Angled Text Annotation Tutorial, today, we’re writing a new, and … Continue reading
Posted in eLearning, Tutorials
Tagged angle, angled text, containing, CSS, getBoundingClientRect, HTML, Javascript, justify, programming, rotate, sidle, snug, transform, translate, tutorial
Leave a comment
One Image Website Scrolling Position Fix Tutorial
Today, we’ve bitten the bullet, and decided to shore up the webpage scrolling issues that could occur in yesterday’s One Image Website VTT Tracks Tutorial, and before, with our set of One Image Websites. They represent, perhaps, a slightly unusual … Continue reading
Posted in eLearning, Event-Driven Programming, Tutorials
Tagged audio, client pre-emptive iframe, cue, currentTime, details, download, edit, event, ffmpeg, file, find, form, getBoundingClientRect, getElementsByTagName, GUI, HTML, IFRAME, innerHeight, innerWidth, input, local web server, macOS, MAMP, media, onload, onsubmit, PHP, placeholder, pre-emptive, programming, reveal, screen, screen height, screen width, scroll, scrolling, scrollLeft, scrollTop, setInterval, srt, summary, teminal, textarea, textbox, track, tracks, tutorial, url, video, vtt, vtt file
Leave a comment
External Javascript Parent Differentiation Tutorial
To use an external Javascript component to a solution for a web application issue or architecture we often … admire the external Javascript “independence” from its parent, and yet helping out that “parent” adding to genericization you might say (if … Continue reading
Posted in eLearning, Tutorials
Tagged align, alignment, attribute, attrubute, DOM, element, external Javascript, fixed, genericization, getBoundingClientRect, getElementById, Javascript, modularisation, modularization, programming, top, 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
