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.
All resources YouTube (6:38)
View Page Source online In all browsers! »
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 »
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? »
Examples: Make Buttons & Icons »
Examples: Buttons Check boxes »
Examples: Popup-window »
View on: Codepen.io »
View on: Buttons - Bootstrap »
View on: HTML Button Input Generator »
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 »
The original Skateboard, by Jelena, is found on Codepen.io Login to join »
Coding examples with HTML, CSS, JavaScript & SVG.
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 »
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 »
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 »
Source code: W3Schools.com »
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 »
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 »