Numbers Guessing Game
Your Numbers Game
Get
clueYour
answerYour
ScoreClue? Score 0/0
-
Recent Posts
- Regional Text Google Chart Data via Country Code Tutorial
- Regional Text Google Chart Iframe via Country Code Tutorial
- Regional Text Google Chart Map Charts via Country Code Tutorial
- Regional Text Google Chart Geo Charts via Country Code Tutorial
- Regional Text Google Chart Geo Charts on AlmaLinux Tutorial
- WordPress Link URL Remapping Tutorial
- Textarea Content Masking Pattern Genericization Tutorial
- Textarea Content Masking Pattern 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
Tag Archives: user experience
Google Charts Geo Chart Region Picker Conditional Positioning Tutorial
Because of the work at Curl HTTP Request Methods Tool Tutorial we can now … conditionally (depending on the existence of the Google Charts Image Charts API) … determine the positioning of Region Picker functionality elements … further to yesterday’s … Continue reading →
Posted in eLearning, Event-Driven Programming, Tutorials
|
Tagged absolute, align, alignment, clash, clashing, clashing text, client pre-emptive iframe, colour, conditional, cursor, dimensions, div, document.body.scrollTop, DOM, event, events, geo chart, Google Charts, height, HTML, IFRAME, interface, Javascript, map, nest, onclick, oncontextmenu, opacity, overlay, padding-top, PHP, position, programming, region, right click, scroll, scrolling, scrollIntoView, scrollTop, shade, shading, SVG, tool, transparency, transparent, tutorial, underlay, url, user experience, UX, vertical scroll, width, Wikipedia, z-index
|
Leave a comment
Google Charts Geo Chart Region Picker Alignment Tutorial
In our inhouse Region Picker we like the way the right hand webpage side involved some useful … position: sticky; … positioning, useful within the realms of what is going on on the right hand side. But now we’re wanting … Continue reading →
Posted in eLearning, Event-Driven Programming, Tutorials
|
Tagged absolute, align, alignment, clash, clashing, clashing text, colour, cursor, dimensions, div, document.body.scrollTop, DOM, event, events, geo chart, Google Charts, height, HTML, IFRAME, interface, Javascript, map, nest, onclick, oncontextmenu, opacity, overlay, padding-top, PHP, position, programming, region, right click, scroll, scrolling, scrollIntoView, scrollTop, shade, shading, SVG, tool, transparency, transparent, tutorial, underlay, url, user experience, UX, vertical scroll, width, Wikipedia, z-index
|
Leave a comment
Region Picker GeoChart Region Local Popups Tutorial
There is little doubt that popup windows can distract users in terms of the “user experience” as of yesterday’s Region Picker GeoChart Region Wikipedia Representations Tutorial. And that is … if we are talking URLs all on the same domain … Continue reading →
Posted in eLearning, Event-Driven Programming, Tutorials
|
Tagged $_GET, $_POST, above the fold, absolute, address bar, API, argument, attribute, background, background-position, bearing, breadcrumbs, button, canvas, cartography, circle, click, client, clientside, clip-path, colour, colour code, colour matching, column, content, context, continent, country, country code, CSS, data, data attributes, degree, delimiter, details, Did you know, distance, document.getElementsByTagName, DOM, double click, dropdown, dynamic, Earth, element, emoji, emoji flag, error, event, event.stopPropagation, fill, flag, font size, form, GD, geo chart, geography, geojson, gesture, getElementById, global data attributes, Google chart, Google Directions, Google Earth, Google Translate, graphics, hash, hashtag, hashtagging, hotkey, hover, HTML, IFRAME, image, image chart, img, inhouse, innerHTML, innerText, inode, integration, internationalization, iso code, iso country code, ISO-3166, Javascript, keyboard, language, left, leg, legend, length, link, Linux, location.hash, lookup, magnify, Mapping, margin-left, margin-top, marker, mathematics, menu, Mercator, mobile, navigation, Object Oriented Programming, offset, onblur, onclick, oncontextmenu, ondblclick, onload, onmousemove, OOP, opacity, overlay, parameter, PHP, picker, pixel, pole, popup, popup window, post, programming, projection, prompt, property, pulldown, pulldown menu, realia, reality, region, regional, regional indicator, representation, request, resize, reveal, right click, scale, select, setAttribute, setTimeout, shade, shading, static, sticky, summary, SVG, text, textbox, timezone, top, touch, translate, translation, trip, trip planner, tutorial, unix, url, user experience, UX, vertical bar, view, web browser, who framed roger rabbit, Wikipedia, window.open, workflow, world, wrapper, z-index, zoom
|
Leave a comment
Region Picker GeoChart Region Wikipedia Representations Tutorial
We’re starting down the long and windy road, further to the recent Region Picker GeoJson Area of Interest Tutorial, of providing “workaround Google Chart Geo Chart solutions to semi-cover the loss (because nothing will be quite as good, as far … Continue reading →
Posted in eLearning, Event-Driven Programming, Tutorials
|
Tagged $_GET, $_POST, above the fold, absolute, address bar, API, argument, attribute, background, background-position, bearing, breadcrumbs, button, canvas, cartography, circle, click, client, clientside, clip-path, colour, colour code, colour matching, column, content, context, continent, country, country code, CSS, data, data attributes, degree, delimiter, details, Did you know, distance, document.getElementsByTagName, DOM, double click, dropdown, dynamic, Earth, element, emoji, emoji flag, error, event, event.stopPropagation, fill, flag, font size, form, GD, geo chart, geography, geojson, gesture, getElementById, global data attributes, Google chart, Google Directions, Google Earth, Google Translate, graphics, hash, hashtag, hotkey, hover, HTML, IFRAME, image, image chart, img, inhouse, innerHTML, innerText, inode, integration, internationalization, iso code, iso country code, ISO-3166, Javascript, keyboard, language, left, leg, legend, length, link, Linux, location.hash, lookup, magnify, Mapping, margin-left, margin-top, marker, mathematics, menu, Mercator, mobile, navigation, Object Oriented Programming, offset, onblur, onclick, oncontextmenu, ondblclick, onload, onmousemove, OOP, opacity, overlay, PHP, picker, pixel, pole, popup, popup window, post, programming, projection, prompt, property, pulldown, pulldown menu, realia, reality, region, regional, regional indicator, representation, request, resize, reveal, right click, scale, select, setAttribute, setTimeout, shade, shading, static, sticky, summary, SVG, text, textbox, timezone, top, touch, translate, translation, trip, trip planner, tutorial, unix, url, user experience, UX, vertical bar, view, web browser, who framed roger rabbit, Wikipedia, window.open, workflow, world, z-index, zoom
|
Leave a comment
Animated GIF Slide Extraction Applied CSS Styling Tutorial
We dedicate today’s blog posting to the English phrase (that maybe works in other languages) … Same, same but different … as it is about the pros and cons of HTML iframe integration, especially as it applies to CSS styling. … Continue reading →
Posted in eLearning
|
Tagged $_GET, $_POST, $_SERVER['QUERY_STRING'], acceptance testing, action, Ajax, align, alignment, animated gif, animation, annotate, annotating, answer, Apache, argument.arguments, automation, background, background colour, background-color, below the fold, bottom, btoa, button, canvas, child, clearRect, client, client pre-emptive iframe, color picker, colour, colour picker, comma separated list, component, contenteditable, convert, CSS, cursor, data, data limits, data uri, data url, drawImage, duration, emoji, ffmpeg, fill, fillRect, fillStyle, fold, font, font colour, font family, font size, form, Google, Google PageSpeed, grandparent, graphics, IFRAME, image, ImageMagick, interactive, interface, interfacing, justification, justify, line feed, local web server, localhost, MAMP, navigation, oncontextmenu, ondblclick, onload, parent, PHP, php://input, popup, position, programming, pros and cons, question, quiz, right click, score, scribble, scroll, server, slide, slides, span, speed test, style, styling, SVG, svg quiz, svg+xml, target, text, textbox, toDataURL, toggle, tool, top, transparency, transparent, tutorial, up, url, user acceptance, user experience, utf-8, UX, watermark, web server, window, window.btoa, window.open, window.opener
|
Leave a comment
Animated GIF Slide Extraction CSS Styling Tutorial
Another aesthetic plus on top of … user experience improvements … can be … CSS styling … which we flesh out more of today, further to yesterday’s Animated GIF Slide Extraction Speed Test Tutorial. What was new to us with … Continue reading →
Posted in Ajax, eLearning, Event-Driven Programming, Tutorials
|
Tagged $_GET, $_POST, $_SERVER['QUERY_STRING'], acceptance testing, action, Ajax, align, alignment, animated gif, animation, annotate, annotating, answer, Apache, argument.arguments, automation, background, background colour, background-color, below the fold, bottom, btoa, button, canvas, child, clearRect, client, client pre-emptive iframe, color picker, colour, colour picker, comma separated list, component, contenteditable, convert, CSS, cursor, data, data limits, data uri, data url, drawImage, duration, emoji, ffmpeg, fill, fillRect, fillStyle, fold, font, font colour, font family, font size, form, Google, Google PageSpeed, grandparent, graphics, IFRAME, image, ImageMagick, interactive, interface, interfacing, justification, justify, line feed, local web server, localhost, MAMP, navigation, oncontextmenu, ondblclick, onload, parent, PHP, php://input, popup, position, programming, question, quiz, right click, score, scribble, scroll, server, slide, slides, span, speed test, style, styling, SVG, svg quiz, svg+xml, target, text, textbox, toDataURL, toggle, tool, top, transparency, transparent, tutorial, up, url, user acceptance, user experience, utf-8, UX, watermark, web server, window, window.btoa, window.open, window.opener
|
Leave a comment
Animated GIF Slide Extraction Speed Test Tutorial
Yesterday’s Animated GIF Slide Extraction User Experience Tutorial sparked our interest in that … we wondered whether hashtag components appended to ($_GET) address bar URLs perhaps consisting of ? and & argument parts slowed things down … and after first … Continue reading →
Posted in Ajax, eLearning, Event-Driven Programming, Tutorials
|
Tagged $_GET, $_POST, $_SERVER['QUERY_STRING'], acceptance testing, action, Ajax, align, alignment, animated gif, animation, annotate, annotating, answer, Apache, argument.arguments, automation, background, background colour, background-color, below the fold, bottom, btoa, button, canvas, child, clearRect, client, client pre-emptive iframe, color picker, colour, colour picker, comma separated list, component, contenteditable, convert, cursor, data, data limits, data uri, data url, drawImage, duration, emoji, ffmpeg, fill, fillRect, fillStyle, fold, font, font colour, font family, font size, form, Google, Google PageSpeed, grandparent, graphics, IFRAME, image, ImageMagick, interactive, interface, interfacing, justification, justify, line feed, local web server, localhost, MAMP, navigation, oncontextmenu, ondblclick, onload, parent, PHP, php://input, popup, position, programming, question, quiz, right click, score, scribble, scroll, server, slide, slides, span, speed test, SVG, svg quiz, svg+xml, target, text, textbox, toDataURL, toggle, tool, top, transparency, transparent, tutorial, up, url, user acceptance, user experience, utf-8, UX, watermark, web server, window, window.btoa, window.open, window.opener
|
Leave a comment
Animated GIF Slide Extraction User Experience Tutorial
We often equate the term “user experience” with “niceties”, in that we often find we deal with “user experience” issues well into a project, but you can put more effort into forward design planning so that you deal with it … Continue reading →
Posted in eLearning, Event-Driven Programming, Tutorials
|
Tagged $_GET, $_POST, $_SERVER['QUERY_STRING'], acceptance testing, action, align, alignment, animated gif, animation, annotate, annotating, answer, Apache, argument.arguments, automation, background, background colour, background-color, below the fold, bottom, btoa, button, canvas, child, clearRect, client, client pre-emptive iframe, color picker, colour, colour picker, comma separated list, component, contenteditable, convert, cursor, data, data limits, data uri, data url, drawImage, duration, emoji, ffmpeg, fill, fillRect, fillStyle, fold, font, font colour, font family, font size, form, Google, Google PageSpeed, grandparent, graphics, IFRAME, image, ImageMagick, interactive, interface, interfacing, justification, justify, line feed, local web server, localhost, MAMP, navigation, oncontextmenu, ondblclick, onload, parent, PHP, php://input, position, programming, question, quiz, right click, score, scribble, scroll, server, slide, slides, span, SVG, svg quiz, svg+xml, target, text, textbox, toDataURL, toggle, tool, top, transparency, transparent, tutorial, up, url, user acceptance, user experience, utf-8, UX, watermark, web server, window.btoa, window.open
|
Leave a comment
