Elias Ngumbi's Projects
This simple script will show you how to create 5 Star Rating in javascript. This can be useful to know the opinion of the audience or customer of the products or services. The 5 Star Rating is very common on the internet you can see this in any sites.
๐
After you extract the file use it on your local server. Open index2.php for adding products and open index3.php for editing shopping cart.
The user will create a login and password, they can log in using the details they provided. the player reads instructions and then enters a game, count down from three and the player looks a word for a maximum of 5 seconds, then they click "cover" to cover up the word and they type the word in the box provided
Let's discuss, what is a animation-delay in CSS3. The animation-delay property specifies when the animation should start. The animation-delay value can be defined in seconds (s) or milliseconds (ms). Syntax of this property: animation-delay: time | initial | inherit ; Property Values: time - it specifies the time (can be a negative number) before the animation begins. This is a time difference from when the animation is applied to the element. The time may be specified in either seconds (by specifying "s" as the unit) or milliseconds (by specifying "ms" as the unit). If no units are specified, seconds are assumed. (optional) The Defaultvalue is 0. initial - it specifies that the value of the property should be set to the default value inherit - it specifies that the value of the property should be inherited from the parent element
In this tutorial, we are going to learn about animation-duration. So, what is animation-duration? The animation-duration property specifies how many seconds or milliseconds an animation takes to complete one cycle. This property has a syntax: animation-duration: time | initial | inherit ; Property Values time - it specifies the length of time an animation takes to finish. The default value is equal to 0s. initial - it specifies that the value of the property should be set to the default value. inherit - it specifies that the value of the property should be inherited from the parent element.
In this article, we are going tackled about Animation Iteration Count in CSS. What is animation-iteration-count? Let's discuss a animation-iteration-count. The animation-iteration-count property specifies how many times an animation should be played. Syntax of this property: animation-iteration-count: number | infinite | initial | inherit ; Property Values number - it specifies a number that defines how many times an animation should be played. (default = 1) infinite - it specifies that the animation should be played infinite times. initial - it specifies that the value of the property should be set to the default value. inherit - it specifies that the value of the property should be inherited from the parent element.
Attendance Management System is a web based developed for daily employee attendance in company. If facilitates to access the attendance information of a particular employee in a particular work place.
This is a responsive home page can be used for any website created with bootstap attractive and fancy
jQuery based script that allows you to control, monitor and play multiple audio files in sequences at a time.
a customize-able loading screen, based on jQuery UI and Bootstrap
A page using css transform and js to make a circular interesting gallery. This is a cool slideshow and can be used in any gallery page. This is a project that is more helpful for beginners. Note: Works best in Firefox. Hope you learn from this.
PROJECTS OF IOT
explains the communication Technologies of IOT
Compare countries of the world to each other in an interactive bar chart.
In this tutorial, we are going to create simple Contact Form in Bootstrap Template. This simple tutorial that I create is a very common right now. There are many of websites that have a contact form. Itโs commonly used to set a questions or suggestions to your website by the user that they send to the email of a website. Here are a few examples of reasons why it has a contact form on the website. For the questions โ The users allow creating or to send questions that related to your business in your website. For the service or information request โ If your website has a business sells a service or products. The users send you more information about their deals in your business or they can inquire information before they purchase the products. For the feedback โ These function is very common to all, to have a general comments or feedback to the website from the user.
CSS animation-play-state In this tutorial we are going to learn about animation-play-state. So, what is animation-play-state? The animation-play-state property specifies whether the animation is paused or running. Syntax of this property: animation-play-state: paused | running | initial | inherit ; Property Values paused - specifies that the animation is paused. running - specifies that the animation is running. The default value is running. initial - specifies that the value of the property should be set to the default value. inherit - specifies that the value of the property should be inherited from the parent element.
What is animation in CSS3? The animation property is a shorthand property that allows to setting six of the animation properties at once. It has a following syntax: animation: name | duration | timing-function | delay | iteration-count | direction | fill-mode | play-state | initial | inherit ; Property Values: name - itโs specifies the name of the keyframe you want to bind to the selector. duration - itโs specifies the duration in seconds or milliseconds of the animation. timing-function - itโs specifies the duration in seconds or milliseconds of the animation. delay - itโs specifies a delay before the animation will start. iteration-count - itโs specifies the number of times to play the animation. direction - itโs specifies whether or not the animation should play in reverse on alternate cycles. fill-mode - itโs specifies what values are applied by the animation outside the time it is executing. play-state - itโs specifies whether the animation is running or paused. initial - it specifies that the value of the property should be set to the default value. inherit - it specifies that the value of the property should be inherited from the parent element.
What is a @keyframes in CSS3? The @keyframes rule is used to create animations. In general, an animation in CSS3 is defined as changing from one CSS style to another. Structure: @keyframes name { selector { styles ; } } Property Values: name โ itโs specifies the name of the animation. (required) selector โ itโs specifies that percentage of the animation duration.(required) Possible Value: 0 โ 100% from (same as 0%) to (same as 100%) styles - itโs specifies one or more CSS style properties.(required)
This is my Web Application project I made using PHP/MySQL.
gggg
Check out what elias has created
A flappy bird game clone made with Phaser JavaScript game engine.
This game in React js made for final project. Before starting the Game should be install nodejs with node package manager (NPM)
Clone All Free Codes of GEEKSOURCECODES.COM In Release Area
Goalee Battle is a game made with Phaser a JavaScript game engine.
Hello, dear developers. I have developed this source code to demonstrate how to code a three column layout website design. I have used external Cascading Style Sheet. This Template contains one HTML file called index.html and one CSS file called style.css Download and use for free. Take a look for the source code.
Simple Stopwatch in HTML/CSS with JavaScript This is an example of a simple stopwatch. It has the ability to keep track on an individual event, especially in a sports event. Try this yourself. This is easy to learn project. It has 3 buttons to operate this stopwatch. These are: Start Stop Pause Hope this simple work will help you in your future project. Enjoy!