HTML

This project will teach you how to create a customized border image in css. You can use your own image to be set as border. We have to simply set the border-image properties like border-image-outset, border-image-repeat, border-image-slice, border-image-source and border-image-width. You can experiment on your own and use my project as an example. Hope you learn from this.

This project will teach you how to show and hide scrollbar in css. First, the scrollbar was hidden. Once content was hovered, the scrollbar showed. This is pure css code. Try it yourself Hope you learn from this.

This project will teach you how to create a rollover hover effect in CSS/HTML. It composed of two the same images but the other one is set to greyscale. First, it only displayed in a greyscale effect, but when you hover it, the original image rollover and displayed. Hope you learn from this.

This is a webpage Design Tutorial. This is for begineers in thml and css. In this tutorial you will know how to make fixed header and nice footer. This is simple and easy to do. Hope you learn from this.

This project will teach you how to create a simple dropdown menu using details and summary element. tag could have additional details that the user can view or hide on demand. The tag is a visible heading of tag. It can be placed either vertically or horizontally. Hope you learn from this.

This project will teach you one example of typography effect using css. There are no images included in this example. What we have to do is skew each letter. The odd letter will set the transform property into 10deg skewY and the even is negative 10deg skewY. This will look like each letter is folding. Hope you learn from this simple project.

This project will teach you how to use a background-blend-mode in css. Background-blend-mode allows you to blend images and background color. We have different kinds of blend modes(multiply, screen, overlay, burn, color, darken...). Each blend modes applied will produce a stunning effect to an image. I have here an examples of all blend modes that you can use. Hope you learn from this.

This project will teach you how to clip text using background-clip in css. First we have to set background-clip into text, set the text-fill-color into transparent so the background image will display. Put a background image and animate. In my example, I have a text LIFELINE which has a background image of a lifeline and slide the image from left to right. Hope you learn from this.

This is simple insert delete update on php codeigniter framework. it is very useful to the beginner of codeigniter. in this project, user can insert the data and display the data, edit record and delete the records.