Tag Archives: width

Circular Text Around Media QR Code Tutorial

Posted on May 1, 2023 by admin

QR Codes are a bit like Emojis to us, in that they both feel like hybrid and useful relatively recent online concepts. They both enhance in a display sense. Emojis bridge the gap between text and graphics. QR Codes bridge … Continue reading →

Posted in eLearning, Event-Driven Programming, Tutorials | Tagged animated gif, animation, astronomy, audio, background, background image, bar chart, base64, button, camera, chemistry, circle, circular, compound, data uri, data url, day, distance, dropdown, element, equation, formula, geometry, Google, Google Charts, height, HTML, IFRAME, interactive entry, Javascript, justification, justify, mathematics, media, mimetype, mobile, molecule, navigate, nest, nesting, onclick, orbit, periodic table, perspective, planet, play, play button, programming, prompt, QR Code, quiz, radius, scale, science, search engine, select, size, smart phone, solar system, statistics, sun, SVG, svg+xml, text justification, tool, user, utf-8, video, watermark, width, window.prompt, year | Leave a comment

Circular Text Around Media Data URI Tutorial

Posted on April 30, 2023 by admin

If we were to channel the “inner nerd”, we’d say the day we discovered there was such a thing as a data URI was hugely notable. But on that first day, we didn’t get how good they were. In the … Continue reading →

Posted in eLearning, Event-Driven Programming, Tutorials | Tagged animated gif, animation, astronomy, audio, background, background image, bar chart, base64, button, chemistry, circle, circular, compound, data uri, data url, day, distance, dropdown, element, equation, formula, geometry, Google, Google Charts, height, HTML, IFRAME, interactive entry, Javascript, justification, justify, mathematics, media, mimetype, molecule, nest, nesting, onclick, orbit, periodic table, perspective, planet, play, play button, programming, prompt, quiz, radius, scale, science, search engine, select, size, solar system, statistics, sun, SVG, svg+xml, text justification, tool, user, utf-8, video, watermark, width, window.prompt, year | 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

Responsive Web Design Landing Page Image Map Onresize Tutorial

Posted on November 16, 2022 by admin

We try to not make the onresize event a “second class citizen” in our thinking here, and we wait for the day we think about it as a matter of course, and we’ll know we’ve arrived at some representation of … Continue reading →

Posted in eLearning, Event-Driven Programming, Tutorials | Tagged area, base64, base64_encode, child, CSS, data uri, data url, file_get_contents, GD, getBoundingClientRect, height, HTML, IFRAME, image, image map, img, Javascript, landing page, left, onclick, one image, one image website, onload, onmouseout, onmouseover, onresize, overlay, parent, photography, PHP, position, programming, top, transparency, transparent, tutorial, webpage, width, z-index | Leave a comment

WordPress User List Emoji Access Tutorial

Posted on November 9, 2022 by admin

The work and personalization functionality of the recent WordPress User List Emoji Primer Tutorial was fine and good, but less impactive in the way that access to the WordPress Interactive Input Blog Page was via the bottommost choice in a … Continue reading →

Posted in eLearning, Tutorials | Tagged !important, above the fold, column, column-count, CSS, CSS3, emoji, fold, Google, header.php, Javascript, li, list, localStorage, menu, page, personalization, PHP, programming, stack overflow, style, styling, tutorial, TwentyTen, TwentyTen theme, ul, web browser, webpage, width, window.localStorage, Wordpress | Leave a comment

Responsive Web Design Landing Page Image Map Tutorial

Posted on November 8, 2022 by admin

The recent Responsive Web Design Landing Page Incarnation Tutorial said … So, why keep the old way? Well, we packed the “old way” with content rich functionality, and do not want to ditch that yet, but maybe over time?! We’re … Continue reading →

Posted in eLearning, Event-Driven Programming, Photography, Tutorials | Tagged area, base64, base64_encode, child, CSS, data uri, data url, file_get_contents, GD, getBoundingClientRect, height, HTML, IFRAME, image, image map, img, Javascript, landing page, left, onclick, one image, one image website, onload, onmouseout, onmouseover, overlay, parent, photography, PHP, position, programming, top, transparency, transparent, tutorial, webpage, width, z-index | 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
September 2026

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

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

Tag Archives: width

SVG and Gradient Fraction Game Operators Tutorial

SVG and Gradient Fraction Game Tutorial

Gradient Fraction Game Mobile Tutorial

Responsive Web Design Landing Page Image Map Onresize Tutorial

Responsive Web Design Landing Page Image Map Tutorial

Numbers Guessing Game

Your Numbers Game

Recent Posts

Categories

Meta

Your Background Image

OnTopList

Recent Comments

Tag Archives: width

Numbers Guessing Game

Your Numbers Game

Recent Posts

Categories

Meta

Tags

Your Background Image

OnTopList