Numbers Guessing Game
Your Numbers Game
Get
clueYour
answerYour
ScoreClue? Score 0/0
-
Recent Posts
- Cowsay Revisit Textarea Event Rearrangements Tutorial
- Cowsay Revisit Data Type Tutorial
- Cowsay Revisit Regarding Temporaries Tutorial
- Cowsay Cartoon Cell Edit Image Tutorial
- Cowsay Cartoon Cell Data Type Tutorial
- Cowsay Cartoon Ordered Recursion Tutorial
- Electric Vehicle Charging via Evie Primer Tutorial
- Cowsay Cartoon Recursion 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: data url
Emoji Borders and Backgrounds Shapes Tutorial
Onto yesterday’s Emoji Borders and Backgrounds Text Justification Tutorial we add some consideration of SVG shape creations into the mix of the Emoji Borders and Backgrounds work, starting just with the PHP tool, at this stage, and just considering … … Continue reading →
Posted in eLearning, Event-Driven Programming, Tutorials
|
Tagged aesthetics, anchor, argument, background, background image, base64, base64_encode, border, canvas, circle, context, CSS, data uri, data url, deploy, deployment, display, dropdown, emoji, encode, getBoundingClientRect, graphics, grid, HTML, IFRAME, image, image grid, img, inhouse, Javascript, justification, map, menu, mimetype, opacity, overlay, override, PHP, position, programming, proof of concept, rect, rectangle, shape, slideshow, style, styling, SVG, svg+xml, table, text, text justification, text-anchor, tutorial, web browser, web inspector, XML
|
Leave a comment
Emoji Borders and Backgrounds Text Justification Tutorial
Yesterday’s Emoji Borders and Backgrounds CSS Styling Tutorial‘s work involving … SVG CSS styling … could be classified as an “aesthetics” matter, as could today’s … SVG text justification … work, though there is no CSS involved with today’s solutions … Continue reading →
Posted in eLearning, Event-Driven Programming, Tutorials
|
Tagged aesthetics, anchor, argument, background, background image, base64, base64_encode, border, canvas, context, CSS, data uri, data url, deploy, deployment, display, dropdown, emoji, encode, getBoundingClientRect, graphics, grid, HTML, IFRAME, image, image grid, img, inhouse, Javascript, justification, map, menu, mimetype, opacity, overlay, override, PHP, position, programming, proof of concept, slideshow, style, styling, SVG, svg+xml, table, text, text justification, text-anchor, tutorial, web browser, web inspector, XML
|
Leave a comment
Emoji Borders and Backgrounds CSS Styling Tutorial
It was some time ago now that we said … … via a new “text” argument arranged for the PHP and in readiness for some more aesthetic improvements in the display side of things with our emoji borders and backgrounds … Continue reading →
Posted in eLearning, Event-Driven Programming, Tutorials
|
Tagged aesthetics, argument, background, background image, base64, base64_encode, border, canvas, context, CSS, data uri, data url, deploy, deployment, display, dropdown, emoji, encode, getBoundingClientRect, graphics, grid, HTML, IFRAME, image, image grid, img, inhouse, Javascript, map, menu, mimetype, opacity, overlay, override, PHP, position, programming, proof of concept, slideshow, style, styling, SVG, svg+xml, table, text, tutorial, web browser, web inspector, XML
|
Leave a comment
Emoji Borders and Backgrounds in Canvas Tutorial
Extending yesterday’s Emoji Borders and Backgrounds in Image Map Grid Tutorial‘s “Emoji Border and Background” horizons, today, we take an interest in three associated HTML “graphic” elements … SVG IMG CANVAS Can we start with SVG+XML data and get to … Continue reading →
Posted in eLearning, Event-Driven Programming, Tutorials
|
Tagged argument, background, background image, base64, base64_encode, border, canvas, context, CSS, data uri, data url, deploy, deployment, dropdown, emoji, encode, getBoundingClientRect, graphics, grid, HTML, IFRAME, image, image grid, img, inhouse, Javascript, map, menu, mimetype, opacity, overlay, override, PHP, position, programming, proof of concept, slideshow, SVG, svg+xml, table, text, tutorial, web browser, web inspector, XML
|
Leave a comment
Emoji Borders and Backgrounds in Image Map Grid Tutorial
Further to yesterday’s Emoji Borders and Backgrounds in Inhouse Slideshow Deployment Tutorial were you around when we presented Image Map Grid Styling Email Share Tutorial? Well, it’s our “second cab off the rank” regarding a parent idea to oversee our … Continue reading →
Posted in eLearning, Event-Driven Programming, Tutorials
|
Tagged argument, background, background image, base64, base64_encode, border, context, CSS, data uri, data url, deploy, deployment, dropdown, emoji, encode, getBoundingClientRect, grid, HTML, IFRAME, image, image grid, inhouse, Javascript, map, menu, mimetype, opacity, overlay, override, PHP, position, programming, proof of concept, slideshow, SVG, svg+xml, table, text, tutorial, web browser, web inspector, XML
|
Leave a comment
Animated GIF Creator Video Intranet Tutorial
With the recent Animated GIF Creator Video Revisit Tutorial (preceding Animated GIF Creator Video Share Tutorial) we wrote … … one reason being that we do not want to install the wonderful ffmpeg (command line video creation tool) on the … Continue reading →
Posted in Ajax, Animation, eLearning, Event-Driven Programming, Operating System, Tutorials
|
Tagged actual size, affine, application, attachment, batch, brew, browse, button, camera, command line, conversion, convert, copy, crop, data uri, data url, data urls, desktop, details, Document Root, dropdown, email, emoji, emoji button, exec, EXIF, ffmpeg, file, file size, fill, filter, flip, flop, font size, fostfix, GD, Gmail, hardcoding, Homebrew, hotlink, image, image editor, ImageMagick, install, integrate, integrating, interface, interfacing, intranet, iOS, iPad, iPhone, jpeg, local web server, localhost, MacBook Air, macOS, macOS Big Sur, Mail, mail server record, mailq, mailx, MAMP, medium, merge, metadata, mime, mimetype, mov, MX, onclick, onload, order, PDF, photos, PHP, Png, postfix, quality, relay, reveal, rotate, rotation, scale, screenshot, select, sendmail, share, sharing, shear, size, small, SMS, summary, Terminal, transformation, tutorial, video, vignette, webm, wrapper
|
Leave a comment
Animated GIF Creator Video Share Tutorial
It’s one thing to use macOS (via Big Sur, on this MacBook Air) MAMP local web server to create animated GIFs and (derived) videos via an inhouse PHP web application, but another thing to go and share those videos out … Continue reading →
Posted in Ajax, Animation, eLearning, Event-Driven Programming, Operating System, Tutorials
|
Tagged actual size, affine, application, attachment, batch, brew, button, camera, command line, conversion, convert, copy, crop, data uri, data url, data urls, desktop, details, Document Root, dropdown, email, emoji, emoji button, EXIF, ffmpeg, file, file size, fill, filter, flip, flop, font size, fostfix, GD, Gmail, hardcoding, Homebrew, image, image editor, ImageMagick, install, integrate, integrating, interface, interfacing, iOS, iPad, iPhone, jpeg, local web server, localhost, MacBook Air, macOS, macOS Big Sur, Mail, mail server record, mailq, mailx, MAMP, medium, merge, metadata, mime, mimetype, mov, MX, onclick, order, PDF, photos, PHP, Png, postfix, quality, relay, reveal, rotate, rotation, scale, screenshot, select, sendmail, share, sharing, shear, size, small, SMS, summary, Terminal, transformation, tutorial, video, vignette, webm, wrapper
|
Leave a comment
Animated GIF Creator Video Revisit Tutorial
We hope you realize that our changed tutorial_to_animated_gif.php inhouse Animated GIF Creator (helped out by a changed emailhtml.php inhouse email creator helper serverside PHP web application) can be accessed … in that public RJM Programming mode of use above … … Continue reading →
Posted in Ajax, Animation, eLearning, Event-Driven Programming, Installers, Tutorials
|
Tagged actual size, affine, application, attachment, batch, brew, button, camera, command line, conversion, convert, copy, crop, data uri, data url, data urls, desktop, details, Document Root, dropdown, email, emoji, emoji button, EXIF, ffmpeg, file, file size, fill, filter, flip, flop, font size, GD, hardcoding, Homebrew, image, image editor, ImageMagick, install, integrate, integrating, interface, interfacing, iOS, iPad, iPhone, jpeg, local web server, localhost, MacBook Air, macOS, Mail, MAMP, medium, merge, metadata, mime, mimetype, mov, onclick, order, PDF, photos, PHP, Png, quality, reveal, rotate, rotation, scale, screenshot, select, share, sharing, shear, size, small, SMS, summary, Terminal, transformation, tutorial, video, vignette, webm, wrapper
|
Leave a comment
The distinction between course-driven and immersion-driven learning is useful. A small extension to the australia.htm exercise would be a set of named map markers and a text filter: first update the visible markers on an input event, then add a collected/uncollected toggle, and finally persist only that toggle state in localStorage. That gives beginners a concrete reason to learn arrays, DOM updates and browser storage without needing PHP or MySQL first. It is also worth testing empty searches, a page reload and disabled storage separately; those are different failure cases. Disclosure: we maintain the GTA 6 interactive map. I am suggesting it as an example of a map-and-progress interface, not claiming that we used the tutorial code. Would you introduce persistence after the first working interaction, or keep the initial exercise entirely stateless?