How to Create a Ribbon using CSS

Submitted by Jeprox on
In this tutorial we are going to learn how to make ribbon using CSS. You may play around with the CSS codes change the positions of the ribbon elements . Here's the code: CSS Code: .ribbon { font-size: 16px !important; width: 300px; position: relative; background: #C50F0F; color: #fff; text-align: center; padding: 1em 2em; margin: 2em auto 3em; } .ribbon:before, .ribbon:after { content: ""

Basic Data tables PHP

Submitted by GeekRedz on
Creating CRUD grid is a very common task in web development (CRUD stands for Create/Read/Update/Delete). If you are a senior web developer, you must have created plenty of CRUD grids already. They maybe exist in a content management system, an inventory management system, or accounting software. If you just started web development, you are certainly going to experience lots of CRUD grids' creation

Date of Birth Counter Using Javascript

Submitted by jaredgwapo on
In this chapter, You will learn to make a Date of birth counter into days, hours and time. Just follow the tutorial below and download the source code. DIRECTIONS Creating our HTML code Date of birth: You are days old: Plus hours old: Plus minutes old: Creating our javascript code You have now created a date counter that counts days, hours and minutes between the date today and the date you

Disable Textbox in 3 Failure Login Attempts in Javascript

Submitted by Jeprox on
In this tutorial we are going to learn how to disable text box in 3 failure login attempts. The user is only given 3 chances to enter the correct username and password. Username: test Password: test You can modify the username and password inside the script. Username: Password:

Hangman Game Using Javascript

Submitted by jaredgwapo on
In this tutorial, we are going to make a simple hangman game using javascript and html. Just follow the instructions below and download the source code. You can you this in your projects or systems. Instructions Writing our html code Score : Fails (6): Writing our Javascript Code You have successfully created a simple hangman game using javascript. For more information, suggestions and queries

MP3 Player Using Javascript

Submitted by jaredgwapo on
In this tutorial, I will teach you how to make a mp3 player using javascript and html. just download the code to use it in your projects or systems. Instructions Creating our index.php page Audio PLayer 00:00| 00:00 Creating our style.css page. /* CSS Document */ body{ background:#f5f5f5; } #container{ width:730px; margin:50px auto; padding:5px; background:#000; } #playpausebtn{ background:url(

Simple Scientific Calculator using javascript

Submitted by Jeprox on
In this project we are going to learn how to create a simple scientific calculator using javascript. Here's the script for scientific calculator. Javascript Code: CSS Code: form{ width:440px; padding:25px; margin:auto; border:5px solid #aaa; border-radius:15px 15px; } input{ background:#888; color:#fff; font-size:15px; padding-top:15px; padding-bottom:15px; padding-left:19px; padding-right:19px

Count SubString in a Large String in Java

Submitted by donbermoy on
This tutorial will teach you how to create a program that will have an example of Caret Event and Listener in Java. A CaretEvent lets the user notify interested parties that the text caret has changed in the event with its source. Note: A caret is the cursor indicating the insertion point So, now let's start this tutorial! 1. Open JCreator or NetBeans and make a java program with a file name of countSubStrings.java. 2.

PHP Ajax Live Search

Submitted by Pandeyjibanaraswale on
Php Ajax Live Search Uses Data From Mysql Database With Associated Url With It..i was searching whole internet for tutorial like how search engines autocomplete searchers keywords & found this code in simple form of live search..got idea & did some experiment & results was awesome.you can see in picture that the keyword entered in search bar auto suggested many options based on keyword

Simple Hotel Customer Information Admin Using CodeIgniter

Submitted by Guigabytez on
This is a simple Customer Information Admin page where you can add new customer, edit, search , delete and view customer information. This is done using PHP with framework codeIgniter 3.0.3 and jquery. This is good for those who are learning codeIgniter framework. For more information, please contact me via: Email : [email protected] or [email protected] Mobile : +639462377049 or sourcecodester
Subscribe to