Menu
-
Recent Posts
-
Spliced Audio/Video Animated GIF Tutorial
-
Spliced Audio/Video Styling Tutorial
-
Spliced Audio/Video Browsing Data URL Tutorial
-
Spliced Audio/Video Data URL Tutorial
-
Audio Card Background Image Quality Tutorial
-
Audio Card Circular Wording Text Tutorial
-
Audio Card Primer Tutorial
-
Code Download Table Static HTML Event Definition Tutorial
-
Spliced Audio/Video Animated GIF Tutorial
OnTopList
Tag Archives: resize
WordPress Emoji Menu Screen Resize Tutorial 
Occasionally resizing, and we include in here “pinching” and “stretching” mobile platform gestures, presents situations you don’t feel like you can “let go through to the keeper” coding and testing web applications on a web browser. Our recent Emoji Menu … Continue reading
Posted in eLearning, Event-Driven Programming, Tutorials
Tagged blog, click, dimensions, document.body, DOM, domain, dpi, dropdown, emoji, event, height, hover, IFRAME, Javascript, menu, modular, modularization, modularize, onclick, onload, onmouseover, onresize, pinch, pinching, popup, programming, resize, resolution, screen, screen height, screen width, src, srcdoc, stretch, stretching, tutorial, url, web design, webpage, webpage design, width, window, window.innerHeight, window.innerWidth, window.open, Wordpress, wordpress blog, zoom
Leave a comment
Textarea and Div Box Shadow Primer Tutorial
We’ve long been interested in the similarities and contrasts between the use of HTML … textarea … and/or … div … elements regarding content and aesthetics and uses (within a webpage). Perhaps you were here when we presented the Textarea … Continue reading
Posted in eLearning, Event-Driven Programming, Tutorials
Tagged background colour, box shadow, colour, colour picker, content, contenteditable, div, DOM, event, font family, font size, getBoundingClientRect, getComputedStyle, Javascript, onmousedown, onmouseup, programming, resize, shadow, text, textarea, tutorial
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
Region Picker GeoJson Area of Interest Tutorial
Meanwhile, back in “Region Picker Land” where, if we’re not mistaken, the grapes are peculiarly sweet this season, and we needed their “fortification” to tackle today’s progress, that being … user has picked a country of interest and has gone … Continue reading
Posted in eLearning, Event-Driven Programming, OOP, 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, 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, window.open, workflow, world, z-index, zoom
Leave a comment
Region Picker Area of Interest Tutorial
Recently we stumbled across the intriguing CSS property clip-path and set ourselves a one day thinking time to see whether we could make use of this CSS feature. And then it occurred to us with our recent Region Picker, as … 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, mathematics, menu, Mercator, mobile, navigation, offset, onblur, onclick, oncontextmenu, ondblclick, onload, onmousemove, opacity, overlay, PHP, picker, pixel, pole, popup, popup window, post, programming, projection, prompt, property, pulldown, pulldown menu, region, regional, regional indicator, 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, window.open, workflow, world, z-index, zoom
Leave a comment
Region Picker Google Translate Tutorial
We wanted to improve the internationalization credentials of our Region Picker web application, of recent times, adding to the progress of yesterday’s Region Picker Revealed Iframes Tutorial. As such, we turn to another great Google product called Google Translate to … Continue reading
Posted in Not Categorised
Tagged $_GET, $_POST, above the fold, absolute, address bar, API, argument, attribute, background, background-position, bearing, breadcrumbs, button, canvas, cartography, circle, click, client, clientside, 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, 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, Mapping, margin-left, margin-top, mathematics, menu, Mercator, mobile, navigation, offset, onblur, onclick, oncontextmenu, ondblclick, onload, onmousemove, opacity, overlay, PHP, picker, pixel, pole, popup, popup window, post, programming, projection, prompt, property, pulldown, pulldown menu, region, regional, regional indicator, 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, window.open, workflow, world, z-index, zoom
Leave a comment
Region Picker Revealed Iframes Tutorial
Onto yesterday’s Region Picker Emoji Flags Tutorial‘s progress, today, we combine two of our favourite concepts in our push forward … iframe usage … as a preferable calling mechanism to popup windows, especially on mobile platforms … and our favourite … Continue reading
Posted in eLearning, Event-Driven Programming, Not Categorised, 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, 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, graphics, hash, hashtag, hotkey, HTML, IFRAME, image, image chart, img, inhouse, inode, integration, internationalization, iso code, iso country code, ISO-3166, Javascript, keyboard, left, leg, legend, length, link, Linux, location.hash, lookup, Mapping, margin-left, margin-top, mathematics, menu, Mercator, mobile, navigation, offset, onblur, onclick, oncontextmenu, ondblclick, onload, onmousemove, opacity, overlay, PHP, picker, pixel, pole, popup, popup window, post, programming, projection, prompt, property, pulldown, pulldown menu, region, regional, regional indicator, request, resize, reveal, right click, scale, select, setAttribute, setTimeout, shade, shading, static, sticky, summary, SVG, text, textbox, timezone, top, touch, trip, trip planner, tutorial, unix, url, user experience, UX, vertical bar, view, web browser, window.open, workflow, world, z-index, zoom
Leave a comment
