Tag Archives: percentage

SVG Shapes Iframe Srcdoc Double Quote Tutorial

Posted on October 31, 2023 by admin

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

Posted on October 29, 2023 by admin

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

Statistics and Sport Tutorial

Posted on June 5, 2023 by admin

It’s midway through our home and away part to the AFL (Australian Football League) season here in Australia. Of course we’d like to rave about the brilliance of the all-conquering 2023 Collingwood magpies, but now is not the time … … Continue reading →

Posted in eLearning, Games, Tutorials | Tagged afl, collingwood, football, ladder, logic, mathematics, percentage, sport, statistics, team, tutorial | Leave a comment

SVG and Gradient Fraction Game Operators Tutorial

Posted on April 6, 2023 by admin

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

Posted on April 5, 2023 by admin

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

Posted on April 4, 2023 by admin

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

Flex Box CSS Primer Tutorial

Posted on December 18, 2021 by admin

To use percentage (%) units in CSS in a web application can be a conduit towards Responsive Web Design goals you have. But have you considered the “Flex Box” as another approach? CSS3 flexible Box, or flexbox is a new … Continue reading →

Posted in eLearning, Tutorials | Tagged CSS, div, flex, flex box, percentage, programming, proof of concept, responsive, responsive design, style, styling, table, tutorial | Leave a comment

CSS Units of Measure Primer Tutorial

Posted on June 29, 2021 by admin

As with HTML/Javascript Units of Measure Game Tutorial (which we tweaked this way to fix Google urls) you get to appreciate the myriad of choices out there for you in terms of styling lengths and widths and sizes of webpage … Continue reading →

Posted in eLearning, Tutorials | Tagged absolute, CSS, element, height, HTML, length, percentage, pixels, programming, px, relative, responsive design, tutorial, units, webpage, width | 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: percentage

Statistics and Sport Tutorial

SVG and Gradient Fraction Game Operators Tutorial

SVG and Gradient Fraction Game Tutorial

Gradient Fraction Game Mobile Tutorial

Flex Box CSS Primer Tutorial

CSS Units of Measure Primer Tutorial

Numbers Guessing Game

Your Numbers Game

Recent Posts

Categories

Meta

Your Background Image

OnTopList

Recent Comments

Tag Archives: percentage

Numbers Guessing Game

Your Numbers Game

Recent Posts

Categories

Meta

Tags

Your Background Image

OnTopList