Create your own website:   Coding examples using Html, Css, Bootstrap, JS & jQuery

   More coding examples »

 

Pick up HTML methods and tricks



View Page Source

Looking through the source code of other sites is an excellent
way to pick up HTML methods and tricks.
Right click in your browser, to View Page Source on this or any
other page and the code which created it, will be openend.
Below click on the images, of the coding examples, to run the source
and right click to View Page Source as well.

 

Colors by Jelena & Hexaclock by Jonathan



The original Color palette by Jelena Buljugic is found on Codepen.io☞ Login to join
Hexaclock by Jonathan Gotti is also found on Codepen.io☞ Login to join

Tags: Html, Css, JQuery
Coding examples with Html, Css & jQuery merged to:
☞ Hexaclock & Color palette
Toggle normal time display

 

Sea at Night by Sasi-jj



The original Sea at Night by Sasi-jj is found on Codepen.io☞ Login to join

Tags: Html, Css
☞ Sea at Night by Sasi-jj

 

Color Wheel by Dieter Raber



The original Color Wheel by Dieter Raber is found on Codepen.io☞ Login to join
HSL Colors: HSL stands for hue, saturation, and lightness - and represents
a cylindrical-coordinate representation of colors.
Hue is a degree on the color wheel (from 0 to 360) - 0 (or 360)
is red, 120 is green, 240 is blue. Saturation is a percentage value;
0% means a shade of gray and 100% is the full color.
Tags: Html, Css, Javascript
W3Schools☞ CSS Legal Color Values

 

Button animation by ALhama




☞ Buttons animation
Tags: Html, Css

The original Button animation by ALhama is found on:
Source code:   Sololearn.com »

 

Change Background Image example with jQuery



jQuery is a fast, lightweight, and feature-rich JavaScript library
that is based on the principle "write less, do more".
The jQuery source code "Change Background Image" for changing,
editing and testing is found on:

Source code:   GeeksforGeeks.org »

 

Snow animation by Nour Ibram



The original Snow animation by Nour Ibram is found
on ☞ Login to join
Modified to add buttons: Snow on & Snow off
Tags: Html, Css, JavaScript

☞ Snow animation

 

USA National Weather Forecast




JavaScript Fahrenhet to Celcius
Insert a number into one of the input fields below:
degrees Fahrenheit
degrees Celsius
Note that the Math.round() method is used; result will be returned as an integer.
Tags: Html, Css, JavaScript

Source code:   W3Schools.com »

 

AER Weather app by Jaagrav



Search API on Google and you'll find it's actual meaning.
APIs give your ideas a very different yet a variety of different information that you
can play with. Click on the picture then replace Numansdorp by another city name.
See also the video on YouTube:   Developing Weather app »
Tags: Html, Css, JavaScript
You can check this code out here, modified in working condition and on  ☞ Sololearn

 

Color skates by Jelena



The original Skate-color animation by Jelena Buljugic is found
on ☞ Login to join

Tags: Html, Css, Javascript

Source code:   Skate-color »

 

Block Game by Mike Perkowski



The original Block Game by Mike Perkowski is found
on ☞ Sololearn

Tags: Html, Css, Javascript

Source code:   Block Game »

 

Moving Train Animation



The original Moving Train Animation by Mamun Khandaker is found
on ☞ Login to join

Tags: Html, Css

Source code:   Train Animation »

   More coding examples »