Numbers Guessing Game
Your Numbers Game
Get
clueYour
answerYour
ScoreClue? Score 0/0
-
Recent Posts
- PHP Exif Quiz Geographicals Tutorial
- PHP Exif Quiz Tutorial
- PHP Exif Retention off iPhone Images Tutorial
- List to Grid Layout CSS Media Query Tutorial
- List to Grid Layout Primer Tutorial
- Out and About WordPress Blog Content Tweaks Just with iPhone Tutorial
- Command Line History By Date Tutorial
- Overseas Travel Global Roaming Mobile Primer 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 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 webpageYour Background Image
OnTopList
Tag Archives: viewport
Mind Map and Flowchart and Venn Diagram Mousemove Tutorial
A few improvements feature in today’s work to build on yesterday’s Mind Map and Flowchart and Venn Diagram Mobile Tutorial‘s progress … rethinking the blue parts to our SMS messages that erroneously happened with … … type of badly formed SMS url set us to thinking it would be good to start supplying both originator and collaborator sharing SMSes some instructional “blue” (but not erroneous) parts to the message, and the research led us to a … [SMS-url]# Instructional message to help tell user to click link above to send the SMS to the web application and off to your fellow collaborator … the key being that [SMS-url] will contain no blanks but the SMS Client Application sees the first blank as a place to differentiate the SMS-url from normal text message characters we allow the user to start designating “originator” and “collaborator” with real names via the mechanism whereby specifying an email in the following way … Robert Metcalfe [rmetcalfe15@gmail.com] … will be able to use “Robert Metcalfe” where a name is apt and “rmetcalfe15@gmail.com” where an email address (or this could have been an SMS number too) is apt on non-mobile we’re starting down the road of “rubber banding” (previewing HTML elements ahead of really placing them) (with more to go in all probability) … as per … an idea we eventually abandoned for CSS such as Code Execute <html> <head> <style> html, body { height: 100%; } body { cursor: url(‘./square.jpg’), auto; } </style> </head> <body> <h1>Cursor Test</h1> </body> </html> … but any sizeable cursor image did not work for us, nor SVG data-uri, nor research into data:text/html data-uri … led us to settle for … non-mobile mousemove and mouseout event controlled position:absolute;top:[mouseY]px;left:[mouseX]px; Today’s improvements with the changed HTML and CSS and Javascript flowchart.html’s live run link there for you to again click a reworded “Email/SMS/Feedback” button to try out these new, perhaps mobile, communication flows. Additionally, today, the changed PHP flowchart.php starts to use $_SERVER[‘HTTP_REFERER’] to allow for new parent HTML during testing phases. Previous relevant Mind Map and Flowchart and Venn Diagram Mobile Tutorial is shown below. If you examined code differences with yesterday’s Mind Map and Flowchart and Venn Diagram SMS Feedback Recall Tutorial’s web application recently you will have noticed a pretty seemingly useless looking Javascript function as per … function dummyencodeURIComponent(inz) { return inz; } … which sort of looks like a … Continue reading →
Posted in eLearning, Event-Driven Programming, Tutorials
|
Tagged absolute, animated emojis, animation, annotation, Apple Mail, attribute, border-radius, box shadow, center, circle, click, co-ordinates, collaborate, CSS, device, div, DOM, dropdown, email client, emoji, flowchart, form, gesture, glow, Gmail, grid, height, HTML, HTML email, integration, intersection, intervention, iPad, iPhone, Javascript, left, macOS Mojave, Mail, mail server, menu, message, messages, Mind Map, mobile, onclick, onmousemove, ontouchdown, ontouchstart, PHP, pinch, position, positional, programming, recall, room, rotate, rubberband, save, scroll, scrolling, selector, share, sharing, SMS, software integration, submit button, swipe, text, text message, top, transform, tutorial, Venn diagram, venn diagrams, viewport, web browser, web server, whitespace, width
|
Leave a comment
Mind Map and Flowchart and Venn Diagram Mobile Tutorial
If you examined code differences with yesterday’s Mind Map and Flowchart and Venn Diagram SMS Feedback Recall Tutorial‘s web application recently you will have noticed a pretty seemingly useless looking Javascript function as per … function dummyencodeURIComponent(inz) { return inz; } … which sort of looks like a kludge, but has come about even before today’s tilt towards “mobile concerns”, because even in the non-mobile thoughts we’ve concentrated on with our web application, up to now, the … please note that encodeURIComponent(encodeURIComponent()) scenarios can occur … warning we have personal (baffling) experience of is even more of an issue when you introduce “mobile concerns” into the testing. The construction of “a” link “sms:[SMSnumber]&body=[message]” href attribute (and “a” tag email “mailto:[Email@Address]?subject=[Subject]&body=[message]” href attribute) links seem to need different approaches between “non-mobile” and “mobile” exemplified by … function smsencodeURIComponent(wdocumentURL,wvennis,wnameis,wjnameis,wincc) { var wsofar=wdocumentURL.split(‘?’)[0].split(‘#’)[0].replace(‘.html’,’.php’).replace(‘.htm’,’.php’); if (wincc != ”) { wsofar+=’?recall=’ + wincc; wsofar+=’&emailto=’ + wnameis; wsofar+=’&emailcc=’ + wjnameis; if (wvennis != ”) { if (wvennis.length == 1) { wsofar+=’&venn=’ + wvennis; } else { wsofar+=’&venn=Mind%20Map’; } } wsofar+=’&tryhard=’; wsofar+=’&feedback=’; if (navigator.userAgent.match(/Android|BlackBerry|iPhone|iPad|iPod|Opera Mini|IEMobile/i)) { return wsofar.split(‘?’)[0] + ‘?’ + encodeURIComponent(wsofar.split(‘?’)[1]); } else { return encodeURIComponent(wsofar.split(‘?’)[0] + encodeURIComponent(‘?’ + wsofar.split(‘?’)[1])); } } if (navigator.userAgent.match(/Android|BlackBerry|iPhone|iPad|iPod|Opera Mini|IEMobile/i)) { return dummyencodeURIComponent(encodeURIComponent(wdocumentURL)); } return encodeURIComponent(encodeURIComponent(wdocumentURL)); } Today’s mobile platform communication improvements with the changed HTML and CSS and Javascript flowchart.html‘s live run link there for you to again click a reworded “Email/SMS/Feedback” button to try out these new, perhaps mobile, communication flows. Additionally, today, the changed PHP flowchart.php helps out with the improvements to “mobile platform communications”. Previous relevant Mind Map and Flowchart and Venn Diagram SMS Feedback Recall Tutorial is shown below. We’ve improved on yesterday’s Mind Map and Flowchart and Venn Diagram SMS Feedback Position Tutorial Flowchart and Venn Diagram and Mind Map creator web application by … tightening up the code to do with the “recall” of a saved Flowchart or Venn Diagram or Mind Map … and … as an originator of the Flowchart or Venn Diagram or Mind Map in a “recall” scenario after receiving Feedback tighten up the code to help the user out continuing on with their collaboration with or without further alterations that may be saved on top of the existant one or saved to a new name And along the way, should Gmail webmail truncate the message that Inline HTML Email Form now has a way up the top (as well … Continue reading →
Posted in eLearning, Event-Driven Programming, Tutorials
|
Tagged absolute, animated emojis, animation, annotation, Apple Mail, attribute, border-radius, box shadow, center, circle, click, co-ordinates, collaborate, CSS, device, div, DOM, dropdown, email client, emoji, flowchart, form, gesture, glow, Gmail, grid, height, HTML, HTML email, integration, intersection, intervention, iPad, iPhone, Javascript, left, macOS Mojave, Mail, mail server, menu, message, messages, Mind Map, mobile, onclick, ontouchdown, ontouchstart, PHP, pinch, position, positional, programming, recall, room, rotate, save, scroll, scrolling, selector, share, sharing, SMS, software integration, submit button, swipe, text, text message, top, transform, tutorial, Venn diagram, venn diagrams, viewport, web browser, web server, whitespace, width
|
Leave a comment
Mind Map and Flowchart and Venn Diagram SMS Feedback Recall Tutorial
We’ve improved on yesterday’s Mind Map and Flowchart and Venn Diagram SMS Feedback Position Tutorial Flowchart and Venn Diagram and Mind Map creator web application by … tightening up the code to do with the “recall” of a saved Flowchart or Venn Diagram or Mind Map … and … as an originator of the Flowchart or Venn Diagram or Mind Map in a “recall” scenario after receiving Feedback tighten up the code to help the user out continuing on with their collaboration with or without further alterations that may be saved on top of the existant one or saved to a new name And along the way, should Gmail webmail truncate the message that Inline HTML Email Form now has a way up the top (as well as down the bottom (established yesterday)) that becomes an optional means by which Email users can join the SMS user ways to have web application capture and relay the Feedback from the collaborator back to the originator. For instance, with an email client like Gmail webmail you might recall … ditch the thought that Javascript can help you, in any way shape or form ditch “body” tag styling, though “style” tag code within a “body” section can work ditch “animated emojis” working (as it relies on Javascript) though emojis (composite or not) can work on some email clients (for example, Apple Mail yes, but Gmail webmail no) CSS position: absolute functions on some email clients (for example, Apple Mail yes, but Gmail webmail no) CSS border-radius functions on some email clients (for example, Apple Mail no, but Gmail webmail yes) spaces can be entered into input type=text and textarea of Inline HTML Email Forms … so we offer the “+” character as a space alternative and the “~” as a Carriage Return alternative Gmail webmail “a” tags seem to strip out the arguments of a URL involving “&” (ie. second argument and on) … didn’t test elsewhere so resorted to a “form” element to replace what we wanted the “a” element to achieve … but if you persist please note that encodeURIComponent(encodeURIComponent()) scenarios can occur Gmail webmail “form” action attributes seem to strip out the arguments of a URL involving “&” (ie. second argument and on) Gmail webmail rejected our last attempts (but not on this project (though we’ll try again tomorrow)) of including data-URI images … limiting the quality of what a … Continue reading →
Posted in eLearning, Event-Driven Programming, Tutorials
|
Tagged absolute, animated emojis, animation, annotation, Apple Mail, attribute, border-radius, box shadow, center, circle, click, co-ordinates, collaborate, CSS, device, div, DOM, dropdown, email client, emoji, flowchart, form, gesture, glow, Gmail, grid, height, HTML, HTML email, integration, intersection, intervention, iPad, iPhone, Javascript, left, macOS Mojave, Mail, mail server, menu, message, messages, Mind Map, mobile, onclick, ontouchdown, ontouchstart, PHP, pinch, position, positional, programming, recall, room, rotate, save, scroll, scrolling, selector, share, sharing, SMS, software integration, submit button, swipe, text, text message, top, transform, tutorial, Venn diagram, venn diagrams, viewport, web browser, web server, whitespace, width
|
Leave a comment
Mind Map and Flowchart and Venn Diagram SMS Feedback Position Tutorial
The SMS (text messaging) sharing capabilities of yesterday’s Mind Map and Flowchart and Venn Diagram SMS Feedback Tutorial just involved … feedback words … but just as with the email sharing capabilities, we think it would be good to additionally offer … one co-ordinate set of positional information … as supplied by the collaborator (back to the originator). “Easy peasy” you might think, us being there with that Javascript prompt window asking for feedback words with yesterday’s work, and we did just say “additionally” above. And we did think it would be easier than it panned out. There were two major issues, the first of which, is a pretty mandatory concern with most software integration like this, but the second, a bit of an eye opener for us, as per … finding good intervention points, and doing the correct thing at these points, not interfering with existant workings … SMS urls (that become SMS message body content) misbehave for characters like “(” and “)” … as we eventually tweaked to with the MacBook Pro’s “Messages” application’s highlight in blue way of voicing concern … … the first character of concern here being a “)” To start on the software integration the obvious “intervention” thinking would go … At that Javascript prompt window set up a mechanism the collaborator can tell the web application they want to hang around until the first click they make after any feedback words they supply, that click/touch position representing where they want the originator to know they are interested, and then send off the SMS then. … and for that we just made it that to add blank character(s) at the end would suffice. And that’s it for the collaborator, but not for the web application, alas. We have to intervene in a way that means something different to the way the SMS is constructed the other way. And that is where we remember … via the user clicking on a grid of input type=submit uniquely named (ie. grid_[left]_[top]) … … in yesterday’s work. If we can slot “grid_[left]_[top]=y” into the URL arguments at the right spot, we’d be rejoining some apt methodologies in the Email positional feedback parts of the code. True, and the spoiler alert is that did work, in the HTML parent’s view of it going … initialize global variables in HTML as per … var gridxy=”, gfbk=”; … used by the … Continue reading →
Posted in eLearning, Event-Driven Programming, Tutorials
|
Tagged absolute, animated emojis, animation, annotation, Apple Mail, attribute, border-radius, box shadow, center, circle, click, co-ordinates, collaborate, CSS, device, div, DOM, dropdown, email client, emoji, flowchart, form, gesture, glow, Gmail, grid, height, HTML, HTML email, integration, intersection, intervention, iPad, iPhone, Javascript, left, macOS Mojave, Mail, mail server, menu, message, messages, Mind Map, mobile, onclick, ontouchdown, ontouchstart, PHP, pinch, position, positional, programming, room, rotate, scroll, scrolling, selector, share, sharing, SMS, software integration, submit button, swipe, text, text message, top, transform, tutorial, Venn diagram, viewport, web browser, web server, whitespace, width
|
Leave a comment
Mind Map and Flowchart and Venn Diagram SMS Feedback Tutorial
Perhaps you are running out of the (small amount of) patience required to collaborate via the … email … communication conduit … well, how about a step more immediate and interface with a … SMS … “text messaging” communication conduit … adding onto yesterday’s Mind Map and Flowchart and Venn Diagram Click Feedback Tutorial work with our Flowchart/Venn Diagram/Mind Map (web application) creator? No PHP mail to help us with this SMS. Still, the rjmprogramming.com.au is an “honest broker” (this time regarding the domain’s web server (only) rather than its mail server (and web server help)) creating … SMS from the Feedback originator to the collaborator via that originator’s computer’s SMS client application (that being “Messages” here on the desktop of our MacBook Pro using macOS Mojave) … and … collaborator is presented with a Javascript prompt window chance to enter their Feedback and/or Sharing and/or Collaboration thoughts … a genuine response causing a … SMS from the Feedback collaborator to the originator via that collaborator’s computer’s SMS client application What is the link of an “originator/collaborator’s computer’s web browser” to an “originator/collaborator’s computer’s SMS client application”? The programmatical or user clicking/touching of an “a” tag’s “sms:[SMSnumber]&body=[message]” href attribute (in a web application) is the link we use, but readily admit this technique may not work on every platform. The equivalent idea for an email client application interfacing from a web application is via an “a” tag’s “mailto:[Email@Address]?subject=[Subject]&body=[message]” href attribute. Today’s tutorial picture shows you a bit of what this would look like, and today’s progress leaves the changed HTML and CSS and Javascript flowchart.html‘s live run link there for you to again click a reworded “Email/SMS/Feedback” button, to which you could supply numerical SMS numbers to try out these new SMS communication conduits. Additionally, today, the changed PHP flowchart.php helps out with SMS work. Previous relevant Mind Map and Flowchart and Venn Diagram Click Feedback Tutorial is shown below. You’ll have gleaned from yesterday’s Mind Map and Flowchart and Venn Diagram Feedback Form Tutorial with respect to today’s “proof of concept” ideas to allow for Feedback collaboration that can share one positional co-ordinate set … given the Inline HTML Email Form being the communication conduit … we are without access to Javascript so any onclick event logic is not available … then … “if the mountain will not come to Muhammad, then Muhammad must go to the mountain” … … Continue reading →
Posted in eLearning, Event-Driven Programming, Tutorials
|
Tagged absolute, animated emojis, animation, annotation, Apple Mail, attribute, border-radius, box shadow, center, circle, click, co-ordinates, collaborate, CSS, device, div, DOM, dropdown, email client, emoji, flowchart, form, gesture, glow, Gmail, grid, height, HTML, HTML email, intersection, iPad, iPhone, Javascript, left, macOS Mojave, Mail, mail server, menu, messages, Mind Map, mobile, onclick, ontouchdown, ontouchstart, PHP, pinch, position, positional, programming, room, rotate, scroll, scrolling, selector, share, sharing, SMS, submit button, swipe, text, text message, top, transform, tutorial, Venn diagram, viewport, web browser, web server, whitespace, width
|
Leave a comment
Mind Map and Flowchart and Venn Diagram Click Feedback Tutorial
You’ll have gleaned from yesterday’s Mind Map and Flowchart and Venn Diagram Feedback Form Tutorial with respect to today’s “proof of concept” ideas to allow for Feedback collaboration that can share one positional co-ordinate set … given the Inline HTML Email Form being the communication conduit … we are without access to Javascript so any onclick event logic is not available … then … “if the mountain will not come to Muhammad, then Muhammad must go to the mountain” … we harness the ideas presented in HTML Form Multiple Submit Buttons Primer Tutorial to glean (the optional) (left,top) co-ordinates of a click … via the user clicking on a grid of input type=submit uniquely named (ie. grid_[left]_[top]) … within an Inline HTML Email Form method=GET action=[backToOurHTML] … that can pass on a mouse/touch click collaborator suggestion via an examination of document.URL as per … var suggestionxy=”; if (document.URL.indexOf(‘grid_’) != -1) { suggestionxy=’&suggestionxy=’ + document.URL.split(‘grid_’)[1].split(‘=’)[0].split(encodeURIComponent(‘=’))[0].replace(‘_’,’,’); } var vennis=”, feedback=”, recim=”, emailcc=”, emailto=”, equ=’=’, xfeedback=”; if (document.URL.indexOf(‘feedback’) != -1 && document.URL.indexOf(‘feedback=’) == -1) { equ=encodeURIComponent(‘=’); } feedback=location.search.split(‘feedback’ + equ)[1] ? decodeURIComponent((location.search).split(‘feedback’ + equ)[1].split(‘&’)[0].split(‘—-‘)[0]).replace(/\+/g,’ ‘) : ”; if (suggestionxy != ” && feedback == ”) { feedback=’ ‘; } … that “optionality” assured because the previous input type=submit (as of yesterday’s work) is still present should positional Feedback not be part of what the collaborator wants to communicate That grid “proof of concept” we’d been referencing earlier on in this blog posting thread needs more explanation on top of the … While doing getBounding calculate grid min max whereby just before email formation add invisible grid of type=submit buttons later passed on visibly … email we sent ourselves as far as a plan goes here, especially as it was more to do with when the HTML div position:absolute elements get created that the one new “hardcoded HTML” (placed after other “hardcoded HTML div elements”) … <div id=”grid”></div> … combines with the initialized (Javascript) … var gridminx=0, gridminy=0, gridmaxx=0, gridmaxy=0; … gets updated the most in function andthen … function andthen() { var rightx=0, bottomy=0, topy=0; // other code follows if (h1is.indexOf(‘”myh1″>Venn’) != -1) { // Venn Diagram topy=eval(syoff + yoff + y); bottomy=topy; bottomy+=eval(document.getElementById(‘idiam’).style.width.replace(‘px’,”)); rightx=eval(sxoff + xoff + x); rightx+=eval(document.getElementById(‘idiam’).style.width.replace(‘px’,”)); if (rightx > gridmaxx) { gridmaxx=rightx; } if (gridminy == 0 || topy < gridminy) { gridminy=topy; } if (bottomy > gridmaxy) { gridmaxy=bottomy; } // other Venn Diagram div placement code follows … Continue reading →
Posted in eLearning, Event-Driven Programming, Tutorials
|
Tagged absolute, animated emojis, animation, annotation, Apple Mail, border-radius, box shadow, center, circle, click, co-ordinates, collaborate, CSS, device, div, DOM, dropdown, email client, emoji, flowchart, form, gesture, glow, Gmail, grid, height, HTML, HTML email, intersection, iPad, iPhone, Javascript, left, Mail, menu, Mind Map, mobile, onclick, ontouchdown, ontouchstart, PHP, pinch, position, positional, programming, room, rotate, scroll, scrolling, selector, share, sharing, submit button, swipe, text, top, transform, tutorial, Venn diagram, viewport, whitespace, width
|
Leave a comment
Mind Map and Flowchart and Venn Diagram Feedback Form Tutorial
Yesterday’s Mind Map and Flowchart and Venn Diagram Feedback Primer Tutorial and today’s continued work plumb the restrictive depths of Inline HTML Email Forms, some issues you have to live with, against the big advantages of seeing webpage like content there and then as you open an email and the communication prompting sending an email involves, are … ditch the thought that Javascript can help you, in any way shape or form ditch “body” tag styling, though “style” tag code within a “body” section can work ditch “animated emojis” working (as it relies on Javascript) though emojis (composite or not) can work on some email clients (for example, Apple Mail yes, but Gmail webmail no) CSS position: absolute functions on some email clients (for example, Apple Mail yes, but Gmail webmail no) CSS border-radius functions on some email clients (for example, Apple Mail no, but Gmail webmail yes) spaces can be entered into input type=text and textarea of Inline HTML Email Forms … so we offer the “+” character as a space alternative and the “~” as a Carriage Return alternative Gmail webmail “a” tags seem to strip out the arguments of a URL involving “&” (ie. second argument and on) … didn’t test elsewhere so resorted to a “form” element to replace what we wanted the “a” element to achieve … but if you persist please note that encodeURIComponent(encodeURIComponent()) scenarios can occur Gmail webmail “form” action attributes seem to strip out the arguments of a URL involving “&” (ie. second argument and on) Gmail webmail rejected our last attempts (but not on this project (though we’ll try again tomorrow)) of including data-URI images … and we are sure there are many many more restrictions or partial restrictions, as well as what you might call “flakiness”, which is the tabbing behaviour out of textboxes and textareas with regard to Inline HTML Email Forms. Today’s progress leaves the changed HTML and CSS and Javascript flowchart.html‘s live run link there for you to again click a reworded “Email/Feedback” button, to which you should supply an email address featuring both uppercase and lowercase letters to avail yourself of this new Feedback functionality we now have working for more than the IP address/web browser of the Feedback originator. Additionally, today, the changed PHP flowchart.php helps the user not be restricted to the web browser of the Feedback originator, and we feel some more changes … Continue reading →
Posted in eLearning, Event-Driven Programming, Tutorials
|
Tagged absolute, animated emojis, animation, annotation, Apple Mail, border-radius, box shadow, center, circle, collaborate, CSS, device, div, DOM, dropdown, email client, emoji, flowchart, form, gesture, glow, Gmail, height, HTML, HTML email, intersection, iPad, iPhone, Javascript, left, Mail, menu, Mind Map, mobile, ontouchdown, ontouchstart, PHP, pinch, position, programming, room, rotate, scroll, scrolling, selector, share, sharing, swipe, text, top, transform, tutorial, Venn diagram, viewport, whitespace, width
|
Leave a comment
Mind Map and Flowchart and Venn Diagram Feedback Primer Tutorial
On top of yesterday’s Mind Map and Flowchart and Venn Diagram Make Room Tutorial we’ve started down the road towards a … feedback … and … sharing and collaboration … functionality to our … Flowchart … and … Venn Diagram … and … Mind Map … “Mathematical Graphics Tools Suite” web application we’re currently developing. It needs more refinement, and a “proof of concept” idea we didn’t get up to testing, so stay tuned. The basic idea, though, is that the rjmprogramming.com.au domain mail server acts as the “honest broker” between an … originator of content (as above) as the initial emailer asking for Feedback or Collaboration … and … an emailee Collaborator … back to the “originator of content” via an Inline HTML Email Form. That leaves the changed HTML and CSS and Javascript flowchart.html‘s live run link there for you to click a reworded “Email/Feedback” button, to which you should supply an email address featuring both uppercase and lowercase letters to avail yourself of this new Feedback functionality we hope to improve over time. Previous relevant Mind Map and Flowchart and Venn Diagram Make Room Tutorial is shown below. We always find it happening to us, that being that we start graphically representing something, but find out that we need more room on the paper (or whatever) we’re using. That combined with our deep and abiding penchant to try to contain all the ideas on the one piece of paper, we find ourselves wishing we could “make more room”, just like with those occasions Christmas wrapping you have cut out a piece of wrapping paper that ends up too small (and the ol’ “diagonal wrapping plan trick” cannot help enough). To the human eye, this is not a difficult conceptual job, but to the computer (with its programming … and amended teste.htm … “proof of concept” code) we need to consider (on top of our work up to Mind Map and Flowchart and Venn Diagram Tutorial‘s) all of … narrow the scope of relevant HTML elements that need to move to … div position: absolute work out if they are “link lines” (via there ID attribute starting with “ld”, because of CSS “transform rotate” styling) or Flowchart (class diamond) question elements (because of using CSS ::after selectors) cater for 8 scenarios (attended to by one dropdown and four buttons … <table id=mytable style=’display:inline-block;’><tr><td>Make <select ontouchdown=’event.stopPropagation();’ onmousedown=’event.stopPropagation();’ id=’selroom’><option value=”>Room</option><option … Continue reading →
Posted in eLearning, Event-Driven Programming, Tutorials
|
Tagged absolute, animated emojis, animation, annotation, border-radius, box shadow, center, circle, collaborate, CSS, device, div, DOM, dropdown, emoji, flowchart, gesture, glow, height, HTML, HTML email, intersection, iPad, iPhone, Javascript, left, Mail, menu, Mind Map, mobile, ontouchdown, ontouchstart, PHP, pinch, position, programming, room, rotate, scroll, scrolling, selector, share, sharing, swipe, text, top, transform, tutorial, Venn diagram, viewport, whitespace, width
|
Leave a comment


Thanks. Since then, a Shower Songs project at https://www.rjmprogramming.com.au/HTMLCSS/shower_songs.html is an improvement regarding "Radio Play" on mobile platforms.