Tag Archives: styling

Earth Scanner Image Styling Tutorial

Posted on March 7, 2024 by admin

Today’s improvement on yesterday’s Earth Scanner Delimitation Cover Tutorial is simple on paper … allow users to change the CSS styling of the map that is an image (img element) for our Earth Scanner … but quite involved, to make … Continue reading →

Posted in eLearning, Event-Driven Programming, Tutorials | Tagged address bar, animation, annotate, annotating, annotation, antarctic circle, API, arctic circle, array, audio, autoplay, background image, background-position, blog post, clip-path, code, collaboration, collage, comma, comma separated list, CSS, delimitation, delimiter, delimiters, detail, device, Did you know, document.title, DOM, Earth, email, emoji, emoji flag, equator, focus, geodata, geographicals, geography, geojson, Google Chrome, Google Directions, greenwich meridian, hash, hashtag, hashtagging, horizontal rule, HTML, IFRAME, image, img, interactive map, itinerary, Javascript, karaoke, keyframes, kinear-gradient, kludge, land, landscape, latitude, leg, legs, lengthy, line, linear gradient, lines, localStorage, longitude, making of, mantissa, map, Mapping, margin, margin-left, margin-top, media, Mercator, meridian, mixed content, mobile, navigator.canShare, North Pole, onclick, one image website, order, orientation, overlay, Page Visibility API, Patsy Gallant, place, placement, placename, play, plot, pole, popup, portrait, programming, realtime, reference, Safari, screen height, screen width, screen.orientation, scroll, scrolling, sea, share, sharing, SMS, south pole, stop press, style, styling, syntax, tab, terrestrial, textarea, timestamp, timezone, timing, trip, trip leg, trip planning, trips, tropic of cancer, tropic of capricorn, tutorial, url, video, web browser, web browser tab.title, web share api, when, where, Wikipedia, window, window.open, wrapper, YouTube | Leave a comment

Starts With Textarea CSS Styling Mobile Tutorial

Posted on December 30, 2023 by admin

Because yesterday’s Starts With Textarea CSS Styling Tutorial‘s “Starts With Textarea” web application involved logic with so much … HTML element focus … Javascript keyboard event logic … dependencies, we were not overly surprised testing it on mobile (iOS) platforms, … Continue reading →

Posted in eLearning, Event-Driven Programming, iOS, Tutorials | Tagged background-color, button, click, CSS, event, events, focus, getBoundingClientRect, getComputedStyle, HTML, iOS, iPad, Javascript, keyboard, mobile, onblur, onchange, onkeydown, onkeypress, overlay, programming, selector, starts with, stye, styling, textarea, touch, touch screen, tutorial, user, virtual keyboard, window.getComputedStyle | Leave a comment

Starts With Textarea CSS Styling Tutorial

Posted on December 29, 2023 by admin

The other day when we presented PHP/Javascript Decoding Scrambled Words Game CSS Tutorial there were two CSS selector “starts with” scenarios referenced … <style> .guess* { width: 40px; } // thanks to https://stackoverflow.com/questions/13352080/match-all-elements-having-class-name-starting-with-a-specific-string </style> … let alone what was used … Continue reading →

Posted in eLearning, Event-Driven Programming, Not Categorised, Tutorials | Tagged background-color, CSS, event, HTML, Javascript, onblur, onchange, onkeydown, onkeypress, programming, selector, starts with, stye, styling, textarea, tutorial | Leave a comment

PHP/Javascript Decoding Scrambled Words Game CSS Tutorial

Posted on December 28, 2023 by admin

It can be hard for a Javascript DOM aficionado to be restricted to “just CSS styling” means by which to give a web application “a bit of a” makeover. Yes, “a bit of a” is apt. We’re not going overboard, … Continue reading →

Posted in eLearning, Event-Driven Programming, Tutorials | Tagged CSS, difficulty, dropdown, global data attribute, hint, Javascript, PHP, programming, selector, starts with, style, styling, tutorial, word, word game | Leave a comment

Google Chart Image Chart Map Chart GeoJson Onclick Tutorial

Posted on November 24, 2023 by admin

Still on the “reconstituting” trajectory yesterday’s Google Chart Image Chart Map Chart GeoJson Iframe Tutorial had, continuing on with regarding our interfacing to the Google Charts Image Chart Map Chart hosting of GeoJson functionality, today, we “reconstitute” some “onclick” event … Continue reading →

Posted in eLearning, Event-Driven Programming, Tutorials | Tagged argument, array, background-size, blog, client, client pre-emptive iframe, co-ordinates, code, colour, colour code, colour coding, compartment, contain, context, country, country code, cover, CSS, CSS property, DOM, dropdown, element, emoji, emoji flag, event, fallback, filter, flag, geojson, Google Translate, header.php, helper, hint, hints, HTML, IFRAME, image, image chart, inline CSS, interim, internationalization, iOS, iPad, ISO 3166-2, Javascript, language, language translation, list, logic, map, mobile, multiple, nest, nesting, onclick, onload, overflow, overflow-x, overlay, page source, PHP, popup, post, posting, programming, property, quiz, reconstituted, region code, scale, scroll, scrolling, size, sizing, style, styling, SVG, table, table cell, timezone, title, touch, transform, translation, tutorial, TwentyTen, TwentyTen theme, user experience, UX, view page source, web browser, webpage, Wikipedia, Wordpress, zoom | Leave a comment

Google Chart Image Chart Map Chart GeoJson Iframe Tutorial

Posted on November 23, 2023 by admin

If you are a regular reader of this blog, you’ll know that when in the title of a blog posting the word “Iframe” appears somewhere, that what we are concerned with here is … nesting data within a “compartmentalized” part … Continue reading →

Posted in eLearning, Event-Driven Programming, Tutorials | Tagged argument, array, background-size, blog, client, client pre-emptive iframe, co-ordinates, code, colour, colour code, colour coding, compartment, contain, context, country, country code, cover, CSS, CSS property, DOM, dropdown, element, emoji, emoji flag, fallback, filter, flag, geojson, Google Translate, header.php, helper, hint, hints, HTML, IFRAME, image, image chart, inline CSS, interim, internationalization, iOS, iPad, ISO 3166-2, Javascript, language, language translation, list, logic, map, mobile, multiple, nest, nesting, onload, overflow, overflow-x, overlay, page source, PHP, post, posting, programming, property, quiz, reconstituted, region code, scale, scroll, scrolling, size, sizing, style, styling, SVG, table, table cell, timezone, title, touch, transform, translation, tutorial, TwentyTen, TwentyTen theme, view page source, web browser, webpage, Wikipedia, Wordpress, zoom | Leave a comment

Google Chart Image Chart Map Chart GeoJson Sizing Tutorial

Posted on November 22, 2023 by admin

To go from yesterday’s Google Chart Image Chart Map Chart Reconstituted GeoJson Tutorial‘s … … we hit it out of the wee park … … to … … we hit it out of the a wee bit bigger than wee … Continue reading →

Posted in eLearning, Event-Driven Programming, Tutorials | Tagged argument, array, background-size, blog, client, code, colour, colour code, colour coding, contain, context, country, country code, cover, CSS, CSS property, DOM, dropdown, element, emoji, emoji flag, fallback, filter, flag, geojson, Google Translate, header.php, helper, hint, hints, HTML, image, image chart, inline CSS, interim, internationalization, iOS, iPad, ISO 3166-2, Javascript, language, language translation, list, logic, map, mobile, multiple, nest, overflow, overflow-x, overlay, page source, PHP, post, posting, programming, property, quiz, reconstituted, region code, scale, scroll, scrolling, size, sizing, style, styling, SVG, table, table cell, timezone, title, touch, translation, tutorial, TwentyTen, TwentyTen theme, view page source, web browser, Wikipedia, Wordpress | Leave a comment

Google Chart Image Chart Map Chart Reconstituted GeoJson Tutorial

Posted on November 21, 2023 by admin

When we think of the English word “reconstituted” we associate it with beautiful pulpy orange juice, and we looked online to find … 1. having been formed again. “the first meeting of the reconstituted board of directors” 2. (of dried … Continue reading →

Posted in eLearning, Event-Driven Programming, Tutorials | Tagged argument, array, blog, client, code, colour, colour code, colour coding, context, country, country code, DOM, dropdown, element, emoji, emoji flag, fallback, filter, flag, geojson, Google Translate, header.php, helper, hint, hints, HTML, image, image chart, inline CSS, interim, internationalization, iOS, iPad, ISO 3166-2, Javascript, language, language translation, list, logic, map, mobile, multiple, overflow, overflow-x, overlay, page source, PHP, post, posting, programming, quiz, reconstituted, region code, scale, scroll, scrolling, style, styling, SVG, table, table cell, timezone, title, touch, translation, tutorial, TwentyTen, TwentyTen theme, view page source, web browser, Wikipedia, Wordpress | 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
April 2025

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

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

Tag Archives: styling

Starts With Textarea CSS Styling Mobile Tutorial

Starts With Textarea CSS Styling Tutorial

Numbers Guessing Game

Your Numbers Game

Recent Posts

Categories

Meta

Your Background Image

OnTopList

Recent Comments

Tag Archives: styling

Numbers Guessing Game

Your Numbers Game

Recent Posts

Categories

Meta

Tags

Your Background Image

OnTopList