Numbers Guessing Game
Your Numbers Game
Get
clueYour
answerYour
ScoreClue? Score 0/0
-
Recent Posts
- Cowsay Revisit Textarea Event Rearrangements Tutorial
- Cowsay Revisit Data Type Tutorial
- Cowsay Revisit Regarding Temporaries Tutorial
- Cowsay Cartoon Cell Edit Image Tutorial
- Cowsay Cartoon Cell Data Type Tutorial
- Cowsay Cartoon Ordered Recursion Tutorial
- Electric Vehicle Charging via Evie Primer Tutorial
- Cowsay Cartoon Recursion 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: radial gradient
CSS Outline and Background Hierarchy Tutorial
Regarding the recent CSS Outline and Background Tutorial‘s “Outline & Background” web application, and it’s “iframe” try below modes of use, we wondered, being a bit in awe of what CSS can achieve these days in the category of … … Continue reading
Posted in eLearning, Event-Driven Programming, Tutorials
Tagged background, background-clip, border, border-radius, box shadow, child, content-box, CSS, decoration, delineate, element, emphasise, hierarchy, HTML, IFRAME, linear gradient, nesting, outline, outside, padding-box, parent, programming, proof of concept, radial gradient, screen, style, styling, tutorial, web page, window
Leave a comment
CSS Outline and Background Tutorial
Yesterday’s CSS Outline Primer Tutorial‘s start to our CSS “outline” journey had us thinking the concept of “outline” … definitely can augment the way the CSS “border” concept can style webpages … but it is also the case, in our … Continue reading
Posted in eLearning, Tutorials
Tagged background, background-clip, border, border-radius, box shadow, content-box, CSS, decoration, delineate, element, emphasise, HTML, linear gradient, outline, outside, padding-box, programming, proof of concept, radial gradient, screen, style, styling, tutorial, web page
Leave a comment
SVG and Gradient Fraction Game Operators Tutorial
Onto the SVG “cake” display functionality added with yesterday’s SVG and Gradient Fraction Game Tutorial into our Fractions Game web application, we’re adding … SVG circle “cakes” that can be rotated … but not in the SVG … rather in … Continue reading
Posted in eLearning, Event-Driven Programming, Games, Tutorials
Tagged analogue clock, background, background image, circle, clock, conic-gradient, CSS, device, dimension, dimensions, equation, fraction, fractions, fractions game, gradient, height, HTMLCSS, iPad, Javascript, linear gradient, lowest common denominator, mathematics, mobile, modulo, modulus, operator, percentage, power, programming, proprtional, px, radial gradient, rectangle, rotate, rotation, stop colour, SVG, transform, tutorial, unit, units, width
Leave a comment
SVG and Gradient Fraction Game Tutorial
To add onto yesterday’s Gradient Fraction Game Mobile Tutorial … exclusively gradient … conic linear radial … “cake” displays in our Fractions Game … and add in … SVG circle and rectangle alternative displays … it is not hard coding … Continue reading
Posted in eLearning, Event-Driven Programming, Games, Tutorials
Tagged analogue clock, background, background image, circle, clock, conic-gradient, CSS, device, dimension, dimensions, equation, fraction, fractions, fractions game, gradient, height, HTMLCSS, iPad, Javascript, linear gradient, lowest common denominator, mathematics, mobile, operator, percentage, programming, proprtional, px, radial gradient, rectangle, stop colour, SVG, tutorial, unit, units, width
Leave a comment
Gradient Fraction Game Mobile Tutorial
Many responsive web design purists will push the web developers out there to never … express HTML element dimensions in “static” “px” types of units … but rather … express HTML element dimensions in “%” or “vx” or “vh” proportional … Continue reading
Posted in eLearning, Event-Driven Programming, Games, Tutorials
Tagged analogue clock, background, clock, conic-gradient, CSS, device, dimension, dimensions, equation, fraction, fractions, fractions game, gradient, height, HTMLCSS, iPad, Javascript, linear gradient, lowest common denominator, mathematics, mobile, operator, percentage, programming, proprtional, px, radial gradient, tutorial, unit, units, width
Leave a comment
Gradient Fraction Game Equations Tutorial
There are three styles of CSS gradient … conic linear radial … and “different folks may learn via diff’rent CSS strokes”, so we incorporate a way for the user, when using the Fractions Game component of our latest web application, … Continue reading
Posted in eLearning, Event-Driven Programming, Games, Tutorials
Tagged analogue clock, background, clock, conic-gradient, CSS, equation, fraction, fractions, fractions game, gradient, HTMLCSS, Javascript, linear gradient, lowest common denominator, mathematics, operator, programming, radial gradient, tutorial
Leave a comment
CSS Gradient Creations Conic Tutorial
Yesterday’s CSS Conic Gradient Primer Tutorial set us to thinking about integrating these Conic Gradients into our “Gradient Central” web application where you can create your own gradients which we last talked about with CSS Gradient Creations Mobile Width Tutorial. … Continue reading
Posted in eLearning, Tutorials
Tagged aesthetics, colour, colour gradation, conic-gradient, CSS, disabled, DOM, dropdown, gradation, gradient, graphics, HTML, Javascript, linear gradient, programming, radial gradient, readonly, select, stop press, tutorial
Leave a comment
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.