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. Click on the images below for working examples (Sololear.com and W3schools.com excepted) In your browser right click to View Page Source on this or any other page and the code which created it, will be openend.
View HTML Source code in different:  Browsers »
Copypaste the source in an editor of your choice: Best code editors »
and you are ready for modifying and testing.

 

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 »
Coding examples with Html, Css & Javascript merged to:
Toggle normal time display  Hexaclock & Color palette »

 

Sea at Night by Sasi-jj



The original Sea at Night by Sasi-jj is found on Codepen.io   Login to join »
Coding examples with only 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 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.
W3Schools  Css Legal colour value »

 

Skateboard by Jelena Buljugic



The original Skateboard, by Jelena, is found on Codepen.io   Login to join »
Coding examples with HTML, CSS, JavaScript & SVG.

 

Discover Us - Button example



The original Discover Us by Clever programmer is found on
Sololearn.com   View the code »
Tags: Html, Css
Source:  Discover Us »
Animation buttons:  Codepen.io »
More button examples:
View on:  Sololearn.com »
View on:  Buttons - Bootstrap »

 

Watch movies by Clever Programmer



The original Watch movies by Clever programmer is found on
Sololearn.com   View the code »
Tags: Html, Css, Javascript

More from Clever Programmer: Soft Nav ui, BG color navigator, ALICE animation, Landing Page, Amazxing Calculator, is found on:   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 animatiom by Nour Ibram



The original Snow animation by Nour Ibram is found
on   Login to join »
Modified to add buttons: Snow on & Snow off
Also Added buttons for YouTube items: Wallis & Bellwald.

Source code:  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.

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 »
You can check this code out here, modified in working condition and on    Sololearn »

 

Moving Train Animation



The original Moving Train Animation by Mamun Khandaker is found
on   Login to join »
No Javascript, Pure CSS.

Source code:   Train Animation »

   More coding examples »