Tag Archives: width

Animated GIF Dimensions Programmatic Help Tutorial

Posted on May 9, 2023 by admin

Onto yesterday’s Animated GIF Text SVG Image Slide Tutorial, today, we want to improve the Animated GIF dimensions issue, first by saying, the user should at least visit the dropdown to see, but given this may not happen, we want … Continue reading →

Posted in Ajax, eLearning, Event-Driven Programming, Tutorials | Tagged animated gif, bitmap, btoa, character, data uri, data url, dimensions, DOM, encodeURIComponent, extract, extraction, height, HTML, image, image/png, ImageMagick, inkscape, Javascript, link, mimetype, onblur, PHP, Png, presentation, programming, QR Code, screenshot, size, slide, snapshot, SVG, svg text, textbox, tutorial, url, vector, vector graphics, webpage, webpage snapshot, width | Leave a comment

Circular Text Around Media Animated QR Code Tutorial

Posted on May 2, 2023 by admin

The arrangements of yesterday’s Circular Text Around Media QR Code Tutorial‘s QR Codes, being as they … are given onclick logic for both non-mobile and mobile platforms … can be given the opportunity to be … animated via two slides … Continue reading →

Posted in Animation, eLearning, Event-Driven Programming, Tutorials | Tagged animated gif, animation, astronomy, audio, background, background image, bar chart, base64, button, camera, chemistry, circle, circular, class, className, compound, CSS, data uri, data url, day, distance, DOM, dropdown, element, equation, formula, geometry, Google, Google Charts, Google Page Insights, Google Page Speed, Google PageSpeed, height, HTML, IFRAME, interactive entry, Javascript, justification, justify, keyframes, 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, styling, sun, SVG, svg+xml, text justification, tool, user, utf-8, video, watermark, width, window.prompt, year | Leave a comment

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

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
November 2024

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

« Oct
Meta
Tags
Ajax animation 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 SMS SVG table text textarea tutorial url video web browser webpage
Your Background Image
OnTopList

Tag Archives: width

Animated GIF Dimensions Programmatic Help Tutorial

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

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