HTML

Google Chrome Logo in HTML/CSS

Submitted by GeePee on
This project will teach you how to create a logo of Google Chrome using raw css and html. Google Chrome logo has only 5 parts which I named it as circle(which is the white bigger circle in the center of the logo), center(the blue center circle), red, yellow and green. This is very cool css tricks. Hope you learn from this.

Simple Tooltip in CSS

Submitted by GeePee on
This project will teach you how to create a simple tooltip using raw css code. When image is hover, the car model will immediately appear on each image. Feel free to edit or do what you want in this project. You can position your tooltip anywhere in the image by setting up the margin property. Hope you learn from this project.

Folded Corner Effect in CSS

Submitted by GeePee on
This project is cool and simple for a web design. We can use it in our comment box or other part or your page you think this effect suits best. What we need in order to create a folded corner is set the border-with, border-style and border-color property. It's up to you how you will design this box or what color you will be using. You can also add some box-shadows to enhance the appearance of a

Expand/Retract Box Animation in Javascript

Submitted by GeePee on
This project will teach you how to animate expand and retract box using javascript. You can also do this in jQuery plugin by using toggle slide. But here in my example I used raw javascript code. This is simple and easy to do with just a few lines of code. It expands the box according to it's content height. Hope you learn from this project.

Notification Box in CSS - #1 HTML & PHP

Submitted by Yorkiebar on

Introduction:

This tutorial is on how to make a notification box for your website. This is the first of two parts, in which we will be creating the HTML and setting the messages.

Notification Box?

When I say a notification box, I mean one of those smooth and sliding information boxes which sometimes appear under certain circumstances on a website at the top of the page. Normally stating that the web page uses 'cookies'.

HTML:

First we want to create the HTML for our page.

How To build jquery ajax with php

Submitted by thusitcp on
This tutorial describes how to insert, update, and delete method using php/ajax. In this tutorial I am creating small project for user account creation. That will guide you how to process server side script using Ajax without refreshing the page. What is Ajax? Ajax stands for Asynchronous JavaScript and XML. It is a technology to use communicates to sever and load severs side content without
Subscribe to HTML