Posts

Showing posts with the label HTML & HTML5

Cut ONE Corner of div Using CSS

When we want to create the div with one edge is cut with the help of only CSS, following code does that. HTML Code: <div></div> CSS Code: div {     height: 300px;     background: red;     position: relative; } div:before {     content: '';     position: absolute;     top: 0; right: 0;     border-top: 80px solid white;     border-left: 80px solid red;     width: 0; } Above example shows the corner at top left of div. We can have any corner cut by little tweaking above code. Example: div {     height: 300px;     background: red;     position: relative; } div:before {     content: '';     position: absolute;     top: 220px; right: 0;     border-bottom: 80px solid white;     border-left: 80px solid red;     width: 0; } Above code show the corner at bott...

Differences between HTML4 and HTML5

Image
10 Differences Between HTML4 & HTML5 It’s going to be a while before HTML5 is the new standard and everything HTML5 has to offer is supported by all the important browsers. If you’re a web dev, what should you do? If you’re new to the game or you’re an old pro, you eventually have to ask yourself when and how to begin transitioning over. Perhaps the first thing that you should learn and keep in mind is exactly what the differences between the two are. Here are ten important differences between HTML4 and HTML5: 1. HTML5 Is a Work in Progress As cool as it is to  see what HTML5 can do for you,  it hasn’t been standardized like HTML4. You don’t have to worry about updating pages built using HTML4. It’s more than ten years old and it’s a set standard. If you jump into HTML5 with both feet, you’re going to be making updates. Elements and attributes are added and modified several times a year. Of course, this is dependent how much...