Coding examples using HTML, CSS, Bootstrap & JavaScript

   More coding examples »

 

Pick up HTML methods and tricks



Looking through the source code of other sites is an excellent way to pick up HTML methods and tricks.
Click on an image below for working examples; Right click to View Page Source on this or any other page and the code which created it, will be openend.
Copypaste the source in an editor of your choice and you are ready for modifying and testing.
Google Download all resources  All resources YouTube (6:38)    View Page Source online  In all browsers! »

 

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 »
What is CSS3 Webkit? »

 
 

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.

 

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 »

 
F

AER Weather app by Jonah Lorence



Use HTML, CSS, and JavaScript to create a fully functional weather app using an API.
In this tutorial, I will show you how to access the OpenWeatherMap API in JavaScript to create a website that displays the current weather for any location.
I will show you how to use flexbox to create a responsive, centered card...
See the video on YouTube:   Build a Weather app »

 

Moving Train Animations



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

The original CSS Toy train by Mr Alien is found
on Codepen.io  Login to join »