Numbers Guessing Game
Your Numbers Game
Get
clueYour
answerYour
ScoreClue? Score 0/0
-
Recent Posts
- WordPress Blog Thread Story Table of Contents Tutorial
- WordPress Blog Thread Story Background Gradients Tutorial
- WordPress Blog Thread Story Border SVG Image Tutorial
- WordPress Blog Thread Story Mode Tutorial
- Image Element Dynamic Filter CSS Mobile Filter Tutorial
- Image Element Dynamic CSS Canvas Context Filter Tutorial
- Image Element Dynamic CSS Hashtag Sharing Tutorial
- Image Element Dynamic CSS 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 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 SVG table text textarea tutorial url video web browser webpage WordpressYour Background Image
OnTopList
Tag Archives: getBoundingClientRect
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