Tag Archives: font size

Emulating Android on macOS Landing Page Tutorial

Posted on August 4, 2026 by admin

During yesterday’s Emulating Android on macOS Revisit Tutorial‘s Android emulations we noticed our Landing Page “Programming” word overflowed on the Android mobile device screen (we got going via an Android Studio Device Manager Pixel Sim emulation). Maybe we’d allow that … Continue reading →

Posted in Android, eLearning, Event-Driven Programming, Hardware, Tutorials | Tagged aesthetics, Android, Android Studio, device, Did you know, DOM, element, emulate, emulation, font size, h2, HTML, IDE, inline, install, Java, Javascript, landing page, mobile, mobile device, onload, phone, simulate, span, tutorial, virtual, Xcode | Leave a comment

Text to Image via ImageMagick Primer Tutorial

Posted on February 9, 2025 by admin

Why would a “Primer” tutorial point at a “well along the way” one? Well, a few reasons really … the “Primer” concept of Text to Images (as an early days web application possibility) only happened because of yesterday’s Python Cowsay … Continue reading →

Posted in eLearning, Event-Driven Programming, Operating System, Tutorials | Tagged background colour, colour, command, command line, convert, dimensions, emoji, entities, exec, font, font colour, font family, font size, height, HTML, HTML entities, image, ImageMagick, img, Perl, PHP, pointsize, programmin, programming, Python, scan, scanning, text, text scanning, The Three P's, tutorial, tutprial, width | Leave a comment

Textarea and Div Box Shadow Primer Tutorial

Posted on October 27, 2024 by admin

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

Dots and Boxes Game Tweaking Tutorial

Posted on August 14, 2024 by admin

Unlike the recent SOS Game Cursor Tutorial “revisit tweaking” via CSS, today we’re back to our more usual tweaking conduit, Javascript DOM with a smidge of CSS, improving on the Dots and Boxes Game work of Dots and Boxes Game … Continue reading →

Posted in eLearning, Event-Driven Programming, Tutorials | Tagged border, boxes, dots, font size, game, games, hotkey, huddling, Javascript, keyboard, programming, stop press, tutorial, twaek, tweak, tweaking | Leave a comment

Region Picker GeoChart Region Local Popups Tutorial

Posted on June 28, 2024 by admin

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

Posted on June 27, 2024 by admin

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

Posted on June 9, 2024 by admin

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

Posted on June 8, 2024 by admin

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

Your Numbers Game
Get clue	Your answer	Your Score
Clue?		Score 0/0

Search for:
Recent Posts
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
November 2026

S M T W T F S

1 2 3 4 5 6 7

8 9 10 11 12 13 14

15 16 17 18 19 20 21

22 23 24 25 26 27 28

29 30

« Oct
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 webpage
Your Background Image
OnTopList

November 2026
S	M	T	W	T	F	S
1	2	3	4	5	6	7
8	9	10	11	12	13	14
15	16	17	18	19	20	21
22	23	24	25	26	27	28
29	30

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?

What I find most interesting here is how honestly the post names the hard part: getting focus to work with [element].click() and [element].blur() is the kind of detail that looks trivial until you actually try to drive a page this way. The single-row table that deliberately overflows to the right also makes sense as a design choice, since a radio playlist needs to be scrolled through rather than squeezed into one screen. And the payoff — clicking one song link and having the songs play in sequence and loop back through the list — is a neat reward for all that plumbing with the audio-only YouTube player.

I like the single-row radio-play approach for keeping the controls compact while still making each selection clear. When I’m checking a calculation alongside a tutorial, I use StepStat to see the intermediate steps; how do you handle the layout when the playlist gets much longer?

The idea of mapping a video's key scenes, mood, pacing, and audio before production resonates with me — it's a lot like working out an anagrampuzzle, where the same pieces only make sense once you rearrange them into the right order. Do you usually sketch the mind map before or after the script is locked?

This is a helpful introduction to mind mapping, especially the explanation of how an unfamiliar .mm file can lead to discovering a practical visual-thinking tool. Mind maps are also useful for planning creative projects: I often map out a video’s key scenes, mood, pacing, and audio needs before production. Once that structure is clear, tools such as Flow Music can create AI background music for videos from a prompt, making it easier to match the soundtrack to each part of the visual plan. Thanks for sharing this accessible primer.

Tag Archives: font size

Emulating Android on macOS Landing Page Tutorial

Text to Image via ImageMagick Primer Tutorial

Textarea and Div Box Shadow Primer Tutorial

Dots and Boxes Game Tweaking Tutorial

Numbers Guessing Game

Your Numbers Game

Recent Posts

Categories

Meta

Your Background Image

OnTopList

Latest Comments

Tag Archives: font size

Numbers Guessing Game

Your Numbers Game

Recent Posts

Categories

Meta

Tags

Your Background Image

OnTopList