css

How to Create a Toggle Switch using CSS

Submitted by alpha_luna on
In this tutorial, we are going to learn how to create a Toggle Switch using CSS. We are going to use pure CSS to create a simple toggle switch button to your web page. We have a simple checkbox to filter any data, for the replacing of the checkbox, we are going to upgrade from checkbox GUI to toggle switch button GUI. It will add a neat and clean for the user if they are going to use the toggle switch functionality.

Quadratic Equation Auto Generation Exercise with Answers for Student's practice

Submitted by seniox.kalvio on
This is a simple script written in HTML/CSS. It uses JavaScript to enable its dynamic behavior. Every time you refresh the page, you will get a new set of quadratic equations with answers. It has a little bug in the script and I encourage anyone interested to help me fix it. Have fun. Blessing from the pearl of Africa (Uganda) For more information viist our facebook page: SourceCode Ltd Email

Back to Top using Button with jQuery and CSS

Submitted by alpha_luna on

Back to Top using Button

In this tutorial, we are going to create Back to Top using Button with jQuery and CSS. This project is going to show you on how to create a "back to top" button to scroll your page smoothly to the top. This can be useful if you have long scrolling pages to allow the users to navigate. This tutorial, we’ll show you how to create and the uses of Back to Top Button. It helps the user to scroll up the page by clicking the button.

CSS Loading Effect

Submitted by alpha_luna on

CSS Loading Effect

In this article, we are going to learn How To Make Loading Effect using CSS. Some programmers or developers they create loading effect using the Flash Software, but as of now they already using the CSS for making the loading effect or any animation even they did not use the Flash Software. For this simple article that we have today, you can change any variant color that you want for the loading effect. You can edit the source code of the CSS style after you download the full source code.

Facebook Like - Timeline Design

Submitted by alpha_luna on

Facebook Like - Timeline Design

In this tutorial, we are going to create Facebook Like - Timeline Design using jQuery and CSS. We all know, timeline design already exist on a social networking site and it's called Facebook. In this case, we are going to discuss how to design timeline in our web page in a simple and easiest way using jQuery, CSS, and JSON file for the data.

How to Create 3 Column Web Template

Submitted by velmaxtechnologies on
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. Markup Code Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum eget

Flip Effect: Log In and Sign Up

Submitted by mark gerryl mi… on
Simple login and sign up form built in bootstrap. A flip effect to change from login form to signup form. Easier to direct to other forms without reloading the page. Another way than using the tab class. Hope you like it. Sample Source Code This simple source code for the Log In Form for the user, where they can type their username and password to log in​. LOGO Forgot Password LOG IN Sign in with