HTML/CSS

  • Submitted by: 
    This project will teach you some animations using the CSS3 and jQuery. In my example, I used my previous project Comment Box . When the user wants to delete comments, the box will be animated using hinge effect. You can try this with your present project. This is easy and cool animation. Hope you learn from this.
  • Submitted by: 
    This project will teach you on how to image map using html. This is easy and simple project. Image mapping has the ability to hyperlink areas of the image to multiple destination. Just like my example, I have one image with with 6 boxes which contains different browser in each box. I set the coords of each box and link to it's preferred destination. The first 2 figures of the coords is the x, y...
  • Submitted by: 
    This project will teach you on how to set video as a background on your web page using HTML and CSS. It is important that you have knowledge in CSS so you can arrange your text, input field or whatever you want to include in your page properly. We have many CSS tutorials in sourcecodester that you can check out. Hope you learn from this.
  • Submitted by: 
    This project will teach you on how to create a contact form using ajax. It is simple yet a very powerful system. It has a form validation which validates errors and form requirements and CAPTCHA to tell whether the user is human or not. Hope you learn from this.
  • Submitted by: 
    You'll find six pre-built CSS classes that will apply the 3D effect in six different colors. You'll also find classes for five different font variations, served up via Google Fonts. To make it easier to add your own colors, I've added additional style sheets built with Sass and LESS. These use a mixin that only requires you to set a single color, from there the preprocessor takes care of the rest.
  • Submitted by: 
    This will teach you on how to validate a form without Javascript. This is like other form validation but it is more easier and very cool. If there is an error in submitting, css pop up will display in each field input that has an error or did not meet the requirements. Hope you learn from this project.
  • Submitted by: 
    This project will teach you on how to create a tooltip. I have here an example of where we can position tooltips. We can put it on the top, left, right, and in bottom. And also some notifications like system error, for information and warning. The "hint.css" is written as a pure CSS tooltip library which you can use to create cool tooltips for your site. Hope you will enjoy it
  • Submitted by: 
    This project is a text effect with text shadow using CSS3. This is very useful in designing web page. In my example, I have there a blurry effect, glowing, flaming, outline effect. You can try this on your web page. This is very easy to create. Hope you like it.
  • Submitted by: 
    This is an example of how to shape the div by setting the border-radius. You can make it rounded and in my example I have leaf like shape form. This is very easy to make. Hope you like this.
  • Submitted by: 
    Simply move your mouse to right or left to pick green dots which will enlarge the stick and try to avoid red dots, it will dwingle the stick. best of luck

Pages