Numbers Guessing Game
Your Numbers Game
Get
clueYour
answerYour
ScoreClue? Score 0/0
-
Recent Posts
- Colouring In Drag and Drop Animated Background Images Tutorial
- Colouring In Drag and Drop Multiple Background Image Tutorial
- Colouring In Drag and Drop Keyboard Events Tutorial
- Colouring In Drag and Drop Mixed Platform Collaboration Tutorial
- Colouring In Drag and Drop Undo and Redo Tutorial
- Colouring In Drag and Drop Background Image Tutorial
- Colouring In Drag and Drop Mobile Tutorial
- Colouring In Drag and Drop Sharing 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 array background button canvas command line CSS 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 SVG table textarea tutorial url video web browser webpage WordpressYour Background Image
OnTopList
Tag Archives: responsive design
Colouring In Drag and Drop Animated Background Images Tutorial
One image can a background image make. More than one images can a moving picture make. And that is why, after yesterday’s Colouring In Drag and Drop Multiple Background Image Tutorial, we turn our attention to a first … animated … Continue reading →
Posted in Animation, eLearning, Event-Driven Programming, Tutorials
|
Tagged animation, background, background image, background-position, background-repeat, background-size, border, browse, cell, clip art, collaboration, column, device, Did you know, dimensions, doodle, doodling, double click, drag, drag and drop, dragover, drop, email, emoji, encoding, entity, focus, game, games, genericize, getBoundingClientRect, Google, grid, guess, hashtag, hashtagging, height, html entity, image, image search, image URL, Javascript, keyboard, location.hash, mailto, mobile, mouse, mouse wheel, multiple, multiple background, navigation, nickname, number, ondblclick, ondragover, onkeydown, overlay, palette, percentage, PHP, pixel, pixels, platform, programming, proof of concept, proportional, px, redo, resolution, responsive design, row, scroll, share, sharing, SMS, stop press, table, table cell, television, tutorial, undo, units, url, user experience, UX, value add, width
|
Leave a comment
Colouring In Drag and Drop Multiple Background Image Tutorial
The ability to add multiple background images in HTML and using CSS can be very useful. We’ve done this in the past, and knew the important CSS properties to fill in were … background-image background-repeat background-size background-position … which should … Continue reading →
Posted in eLearning, Event-Driven Programming, Games, Tutorials
|
Tagged background, background image, background-position, background-repeat, background-size, border, browse, cell, clip art, collaboration, column, device, Did you know, dimensions, doodle, doodling, drag, drag and drop, dragover, drop, email, emoji, encoding, entity, focus, game, games, genericize, getBoundingClientRect, Google, grid, guess, hashtag, hashtagging, height, html entity, image, image search, image URL, Javascript, keyboard, location.hash, mailto, mobile, mouse, mouse wheel, multiple, multiple background, navigation, nickname, number, ondragover, onkeydown, overlay, palette, percentage, PHP, pixel, pixels, platform, programming, proof of concept, proportional, px, redo, resolution, responsive design, row, scroll, share, sharing, SMS, stop press, table, table cell, television, tutorial, undo, units, url, user experience, UX, value add, width
|
Leave a comment
Colouring In Drag and Drop Keyboard Events Tutorial
Despite us having precedents to turn to regarding … establishing a layer of keyboard onkeydown event logic for a non-textbox HTML element … we’ve had to look up so many websites for advice, thanks, that it must have been that … Continue reading →
Posted in eLearning, Event-Driven Programming, Tutorials
|
Tagged background, background image, border, browse, cell, clip art, collaboration, column, device, Did you know, dimensions, doodle, doodling, drag, drag and drop, dragover, drop, email, emoji, encoding, entity, focus, game, games, genericize, getBoundingClientRect, Google, grid, guess, hashtag, hashtagging, height, html entity, image, image search, image URL, Javascript, keyboard, location.hash, mailto, mobile, mouse, mouse wheel, navigation, nickname, number, ondragover, onkeydown, overlay, palette, percentage, PHP, pixel, pixels, platform, programming, proof of concept, proportional, px, redo, resolution, responsive design, row, scroll, share, sharing, SMS, stop press, table, table cell, television, tutorial, undo, units, url, user experience, UX, value add, width
|
Leave a comment
Colouring In Drag and Drop Mixed Platform Collaboration Tutorial
The urging within a lot of Responsive Web Design online advice is to use “proportional” units such as … % vw and vh … as much as possible, and all that is true. But the “px” unit is still relevant … Continue reading →
Posted in eLearning, Event-Driven Programming, Games, Tutorials
|
Tagged background, background image, border, browse, cell, clip art, collaboration, column, device, Did you know, dimensions, doodle, doodling, drag, drag and drop, dragover, drop, email, emoji, encoding, entity, game, games, genericize, getBoundingClientRect, Google, grid, guess, hashtag, hashtagging, height, html entity, image, image search, image URL, Javascript, location.hash, mailto, mobile, navigation, nickname, number, ondragover, overlay, palette, percentage, PHP, pixel, pixels, platform, programming, proof of concept, proportional, px, redo, resolution, responsive design, row, share, sharing, SMS, stop press, table, table cell, television, tutorial, undo, units, url, user experience, UX, value add, width
|
Leave a comment
SVG Shapes Iframe Srcdoc Double Quote Tutorial
It’s tempting to think, for a given scenario, you’ve written code that can satisfy you forever. How about, for a day?! Well, with the recent SVG Shapes Aesthetics Tutorial it may well have ended up “a day” before we noticed … Continue reading →
Posted in Animation, eLearning, Event-Driven Programming, Tutorials
|
Tagged 404.php, absolute, aesthetics, animation, annotate, annotation, annoyance, attribute, attrribute selector, audio, backslash, backslash escaping, blog, collaboration, color picker, colour, colour picker, commentary, communication, conduit, Content Management System, data, data uri, data url, delimitation, depth, dimensions, double quote, drop shadow, dropdown, element, elevation, email, emoji, entities, error, error 404, escape, fill, filter, foreignObject, form, geometry, hardcoding, height, HTML, HTML entities, image, input, Javascript, line, linear, mathematics, maths, media, mode, navigation, onsubmit, opacity, origin, overlay, percentage, PHP, position, post, programming, regex, regular expression, replace, responsive design, rotate, rotation, search engine, select, shadow, shape, share, sharing, SMS, src, srcdoc, stroke, superimposition, SVG, svg animation, svg filter, svg image, svg text, SVG viewBox, svg+xml, text, textbox, title, transform, transformation, transparent, tutorial, uniquifier, units, url, video, viewBox, viewBox attribute, web inspector, width, Wordpress, wordpress blog, wrapper, wrapper function, XML, z-index
|
Leave a comment
SVG Shapes Aesthetics Tutorial
In a sizeable online web application project, it can be that you “put off” annoyances to follow through on “the main game”, so to speak. But, don’t forget to come back to at least try to fix the annoyances! And … Continue reading →
Posted in Animation, eLearning, Event-Driven Programming, Tutorials
|
Tagged 404.php, absolute, aesthetics, animation, annotate, annotation, annoyance, attribute, attrribute selector, audio, blog, collaboration, color picker, colour, colour picker, commentary, communication, conduit, data, data uri, data url, depth, dimensions, drop shadow, dropdown, element, elevation, email, emoji, error, error 404, fill, filter, foreignObject, form, geometry, hardcoding, height, HTML, image, input, Javascript, line, linear, mathematics, maths, media, mode, navigation, onsubmit, opacity, origin, overlay, percentage, PHP, position, post, programming, responsive design, rotate, rotation, search engine, select, shadow, shape, share, sharing, SMS, src, srcdoc, stroke, superimposition, SVG, svg animation, svg filter, svg image, svg text, SVG viewBox, svg+xml, text, textbox, title, transform, transformation, transparent, tutorial, uniquifier, units, url, video, viewBox, viewBox attribute, width, Wordpress, wordpress blog, wrapper, wrapper function, XML, z-index
|
Leave a comment
CSS3 Grid Primer Tutorial
Continuing on with some of the styling themes from CSS3 Multi Columns Primer Tutorial, today, we present a tutorial aboout CSS Grid Styling, primarily, thanking W3school’s excellent https://www.w3schools.com/css/tryit.asp?filename=trycss_grid for ideas. The lesson is that HTML table element designs do not … Continue reading →
SVG Shapes Collaboration Tidy Up Tutorial
It’s the day further to the recent SVG Shapes Iframe Srcdoc Double Quote Tutorial‘s … Will we be leaving our SVG Show Some Shapes project with a blog posting titled, weirdly, “SVG Shapes Iframe Srcdoc Double Quote Tutorial”? Who’s to … Continue reading →