Numbers Guessing Game
Your Numbers Game
Get
clueYour
answerYour
ScoreClue? Score 0/0
-
Recent Posts
- YouTube Style SubRip Subtitles Peer to Peer Tutorial
- Video Commentary YouTube Style SubRip Subtitles Collaboration Preparation Tutorial
- Video Commentary YouTube Style SubRip Subtitles URL Tutorial
- Video Commentary YouTube Style SubRip Subtitles Tutorial
- Song Lyric Karaoke Style SubRip Subtitles Automated Tutorial
- Song Lyric Karaoke Style SubRip Subtitles Sharing Tutorial
- Song Lyric Karaoke Style SubRip Subtitles Tutorial
- YouTube API SubRip Subtitles Browsing 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 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
Colouring In Drag and Drop Reveal Wikipedia Images Tutorial
At first, today, we thought we’d apply new “show Wikipedia image” ideas via … Ajax methodologies … but then saw that … iframe … <iframe onload=ouriaj(this); id=”ourifaj” src=” style=display:none;></iframe> … calls … better fitted in with our functionalities, but the … Continue reading →
Posted in eLearning, Event-Driven Programming, Tutorials
|
Tagged absolute, Ajax, alert, animation, answer, background, background image, background-position, background-repeat, background-size, border, browse, browsing, button, Camer, canvas, cell, class, clip art, clone, co-ordinates, collaborate, collaboration, column, confirm, country, CSS, dataset, dblclick, device, Did you know, dimensions, DOM, doodle, doodling, double click, drag, drag and drop, dragover, drop, email, emoji, emoji flag, encoding, encryption, end tag, entity, flag, focus, game, games, genericize, geography, geojson, geospatial, getBoundingClientRect, Google, grid, guess, hashtag, hashtagging, height, HTML, html entity, HTML5, IFRAME, image, image search, image URL, imagery, images, innerHTML, iOS, iPad, iPhone, ISO 3166-2, Javascript, keyboard, latitude, left.width, location.hash, longitude, mailto, Mercator, mercator projection.opacity, minesweeper, mobile, mountain, mouse, mouse wheel, multiple, multiple background, navigation, nickname, number, oncontextmenu, ondblclick, ondragover, onkeydown, onload, overlay, palette, percentage, photo, photograph, PHP, pixel, pixels, platform, polyline, popup, popup window, postcard, processing, programming, proof of concept, proportional, pseudo class, pseudo element, pseudo selector, px, question, quiz, range, redo, resolution, responsive design, revael, reveal, river, river.world, rivers, row, scroll, share, sharing, size, SMS, stop press, style, stylesheet, styling, SVG, table, table cell, tag, television, text, top, transparency, tutorial, underlay, undo, units, url, user experience, UX, value add, warerfall, width, Wikipedia, world, world map
|
Leave a comment
