Tag Archives: linear gradient

HTML Square Horizontal Rule Tracing SOS Game Tutorial

Posted on January 11, 2019 by admin

The new development today on top of yesterday’s HTML Square Horizontal Rule Tracing Maths Grid Paper Tutorial is the coding for a game we used to play at school called the SOS Game. If the grid is filled up and … Continue reading →

Posted in eLearning, Event-Driven Programming, Games, Tutorials | Tagged array, Bezier curves, canvas, canvas background, cell, child, copy, CSS, dictionary, DOM, emoji, eval, event, game, games, getBoundingClientRect, getImageData, graphics, grid, hangman, hash, hashtag, horizontal rule, HTML, IFRAME, innerHTML, ispell, Javascript, line, linear gradient, location.hash, match, multiple hashtag, onchange, overlay, parent, position, programming, proof of concept, propogation, putImageData, rotate, share, square, table, transform, translate, tutorial, word, word game, z-index | Leave a comment

Circular Text or Emoji Roulette Animation Tutorial

Posted on January 4, 2019 by admin

As we left off with the recent Circular Text or Emoji Roulette Game Tutorial we wanted to improve on the animation aspects to representing the roulette wheel ball, but still only involve … emoji (content) for HTML elements styled by … Continue reading →

Posted in Animation, eLearning, Event-Driven Programming, Games, Tutorials | Tagged animation, ascii, charCodeAt, circle, compound emoji, CSS, DOM, emoji, form, game, genericization, Google, Google chart, HTML, ISO, Javascript, keyframes, linear gradient, link, onclick, pie chart, post, programming, proof of concept, radial gradient, roulette, String.fromCodePoint, text, transition, transitions, tutorial, whitespace | 1 Comment

Circular Text or Emoji Roulette Game Tutorial

Posted on January 2, 2019 by admin

Extending the recent Circular Text or Emoji Onclick Tutorial circular text ideas, today we are starting out on a game that uses a Roulette Wheel as its basic web page component. To all those “graphically challenged” users, like me, we … Continue reading →

Posted in Animation, eLearning, Event-Driven Programming, Games, Tutorials | Tagged animation, ascii, charCodeAt, circle, compound emoji, CSS, DOM, emoji, form, game, genericization, Google, Google chart, HTML, ISO, Javascript, linear gradient, link, onclick, pie chart, post, programming, proof of concept, radial gradient, roulette, String.fromCodePoint, text, tutorial, whitespace | Leave a comment

PHP GD Image Colour Count Primer Tutorial

Posted on November 19, 2018 by admin

We’ve long been interested in the idea of cataloguing the colour makeup of an image, and knew, even with *.bmp images (which are one to one pixel in their makeup) you still have to formulate a method to quickly scan … Continue reading →

Posted in eLearning, Tutorials | Tagged colour, count, CSS, GD, image, imagecolorstotal, linear gradient, PHP, programming, tutorial | Leave a comment

WordPress Recent Post Semi-Transparent Background Tutorial

Posted on September 9, 2018 by admin

Do you know what we would be trying to achieve with the HTML (containing inline CSS styling) below? style=”background: rgba(0,255,0,0.6); background: -webkit-linear-gradient(left top, rgba(0,255,0,0.6), rgba(255,255,0,0.6)); background: -o-linear-gradient(bottom right, rgba(0,255,0,0.5), rgba(255,255,0,0.6)); background: -moz-linear-gradient(bottom right, rgba(0,255,0,0.6), rgba(255,255,0,0.6)); background: linear-gradient(to bottom right, rgba(0,255,0,0.6), … Continue reading →

Posted in eLearning, Tutorials | Tagged background colour, blog, border, colour, CSS, linear gradient, opacity, overlay, PHP, programming, recent posts, rgba, transparency, tutorial, TwentyTen, TwentyTen theme, widget, Wordpress | Leave a comment

Google Calendar Chart Difference Report Planning Tutorial

Posted on May 18, 2018 by admin

Yesterday, with Google Timeline Chart Clipboard Tutorial, we had another (“when”) sub-guinea pig situation like the Area Chart was a “where” sub-guinea pig. Now, you may be sick of our “guinea pig” business … nga, nga, nga nga, ngaaaaair keeps … Continue reading →

Posted in eLearning, Event-Driven Programming, Tutorials | Tagged Apple, area chart, attachment, audio, background, background image, bar chart, button, calendar, camera, chart, clipboard, co-ordinates, column chart, comma separated values, copy, CSV, date, Did you know, diff, email, ftp, FTPManager, geographicals, Google, Google chart, HTML5, IFRAME, image, include, iOS, iPad, iPhone, line chart, line feed, linear gradient, Macbook Pro, map, map chart, media, mime type, mobile, mobile app, opacity, paste, PHP, pie chart, post, presentation, programming, protocol, QuickTime Player, reference, reply, select, sftp, software integration, timeline, tutorial, video, YouTube | Leave a comment

Google Timeline Chart Clipboard Tutorial

Posted on May 17, 2018 by admin

Today’s Google Charts Timeline Chart interface changes bring into play for the first time thoughts regarding (the Javascript) … Date … (object and) data type. We wanted to start down this “road” so that our “when” Google Charts such as … Continue reading →

Posted in eLearning, Event-Driven Programming, Tutorials | Tagged Apple, area chart, attachment, audio, background, background image, bar chart, button, camera, chart, clipboard, co-ordinates, column chart, comma separated values, copy, CSV, date, Did you know, email, ftp, FTPManager, geographicals, Google, Google chart, HTML5, IFRAME, image, include, iOS, iPad, iPhone, line chart, line feed, linear gradient, Macbook Pro, map, map chart, media, mime type, mobile, mobile app, opacity, paste, PHP, pie chart, post, presentation, programming, protocol, QuickTime Player, reference, reply, select, sftp, software integration, timeline, tutorial, video, YouTube | Leave a comment

CSS Repeating Radial Gradients Primer Tutorial

Posted on May 12, 2018 by admin

Way back when with HTML/Javascript Canvas Rainbow Primer Tutorial we talked about CSS linear gradients and radial gradients in the one blog posting, but ever since then, it has so much more that linear gradients have been useful to us … Continue reading →

Posted in eLearning, Tutorials | Tagged CSS, HTML, linear gradient, programming, radial gradient, repeated radial gradient, tutorial | 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
February 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

« Jan
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: linear gradient

Circular Text or Emoji Roulette Animation Tutorial

Circular Text or Emoji Roulette Game Tutorial

PHP GD Image Colour Count Primer Tutorial

WordPress Recent Post Semi-Transparent Background Tutorial

Google Calendar Chart Difference Report Planning Tutorial

Google Timeline Chart Clipboard Tutorial

CSS Repeating Radial Gradients Primer Tutorial

Numbers Guessing Game

Your Numbers Game

Recent Posts

Categories

Meta

Your Background Image

OnTopList

Recent Comments

Tag Archives: linear gradient

Numbers Guessing Game

Your Numbers Game

Recent Posts

Categories

Meta

Tags

Your Background Image

OnTopList