Git Product home page Git Product logo

Elias Ngumbi's Projects

5-star-rating-using-javascript icon 5-star-rating-using-javascript

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.

add-shopping-cart-code-in-js icon add-shopping-cart-code-in-js

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.

animated-spelling-game-in-python icon animated-spelling-game-in-python

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

animation-delay-property-in-css3 icon animation-delay-property-in-css3

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

animation-duration-in-css icon animation-duration-in-css

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.

animation-iteration-count-in-css icon animation-iteration-count-in-css

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.

attendancemanagementsystem icon attendancemanagementsystem

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.

circular-flipping-slideshow-in-javascript icon circular-flipping-slideshow-in-javascript

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.

comn_tech icon comn_tech

explains the communication Technologies of IOT

contact-form-in-bootstrap-template icon contact-form-in-bootstrap-template

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 icon css-animation-play-state

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.

css-animation-properties icon css-animation-properties

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.

css-keyframes-rule icon css-keyframes-rule

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)

how-to-create-3-column-web-template icon how-to-create-3-column-web-template

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.

how-to-create-simple-stopwatch-in-html-css-with-javascript icon how-to-create-simple-stopwatch-in-html-css-with-javascript

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!

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.