Css3 Examples

Css Animation
Ease
Css Transform
cardflip

Hover your mouse over
me. I will rotate ninety degrees.

CSS3 Tabs
css tabs

Cascading Style Sheets (CSS) is used to style, and format a document written in any markup language.

Flash supports audio, animation, and advanced video handling and interactivity.

HTML5 has new elements like a new video & audio tags that enable you to build more complex websites and apps.

Vue is a JavaScript framework for building user interfaces. It builds on top of standard HTML, CSS, and JavaScript.

Javascript Examples

Digital Clock
digital clock
Javascript Slideshow
js slider
Yumm Pecan Pie
Tasty Apple Pie
Oooh! Banana Cake
I do donuts!
Yes to chocolate cake!
Javascript Movie Player
HTML5 Custom Video Player
00:00  /  00:00

Jquery Examples

Jquery Load
News Headlines

News Headlines

Jquery Effect
jquery fade in and out
The Jquery fadeIn() and fadeOut() function hides page elements from view or can fade the elements in and may have a speed value shown in seconds.
   
Jquery Bounce
boucing

Learning Web Design
with Ease.

Php Examples

Php Time
php time
The current time is:

07:31:37 am

Notice the time shown is not
updating constantly as it would in javascript.
Php runs once and shows time
Php Foreach
php foreach

Eggs array:
eggs = ['boiled', 'scrambled', 'poached']
When we use php foreach on the eggs array:
we get a list of all items in the array.
foreach ($eggs as $value)
{ echo $value."< br/ >"; }


The result is: boiled, scrambled, poached,
Php Switch
php switch
Good morning

Php Switch is a better way of handling multiple if and if else statements. In this example the response changes based on time of day.

Mysql Examples

Mysql Insert
insert table
When inserting data we use:
INSERT INTO music (column1, column2, column3) VALUES (value1, value2, value3);
After inserting a new row with the query above query we see:
ID Album Title Genre
179 Moods jazz
180 Blue Moon jazz
181 Live To Love jazz
182 Lovers Rock Blues
Mysql Delete
delete table
When deleting data we use:
DELETE FROM music WHERE ID = "182";
An entire row of data has now been deleted.
If you don't use a where clause you risk deleting all the data.
ID Album Title Genre
179 Moods jazz
180 Blue Moon jazz
181 Live To Love jazz
Mysql Update
update table
When updating data we use:
UPDATE music SET field1 = new-value1, field2 = new-value2, field3 = new-value3 [WHERE Clause];
After inserting a row with the query above query we see the results from our music table:
ID Album Title Artist
179 Moods Will Downing
180 Blue Moon Jay Spencer
181 Live To Love Gerald Albright
182 Illusions George Duke

The End?

css

We are at the end of our intro HTML course which you've found to be informative. There is much more to the HTML world that I have not covered such as, Flash [It's not dead still in use Apple fans].I also did not discuss HTML5, Geolocaton, local Storage or Three.js , which can produce realistic rain in your browser. Please direct any questions or comments to rod@webpagesofease.com.