Popup boxes are the most useful way of showing a warning or any other important information to the website visitors in many HTML5 templates. In this article I’m going to walk you through the creation of a very simple popup box with shadow overlay and close button. We’re going to implement this using HTML, CSS and jQuery in less than 100 lines (not compressed code).
Creating websites is a complicated process and many coders can develop bad practices while creating them. Here’s a few things not to do while web coding and some site features you should avoid at all costs.
I often find myself writing the same code over and over for each new HTML or XHTML document I start. Below are some minimalist HTML templates for various doctypes which you can copy and paste into any new documents you are creating. All of these validate.
Positioning and aligning images on an HTML page is crucial to layout the page. One of the most common questions is how to align an image to the center of a section. In this article we’re going to discuss many possible ways of placing images to the center.
I have already presented how to draw faces with plain HTML+CSS and we’ve also learned about CSS keyframes animation. Let’s combine these two and create a continuously moving face with blinking eyes looking around and with a smiling mouth. Let’s do this using nothing but plain HTML5 CSS3!
Today I’d like to present how to draw Star Wars characters using the HTML5 markup and CSS3 styles.
We can improve the user experience highlighting the active menu item on our websites. This makes navigation easier because the visitor will know at the first glance which is the current page.
This strategy also increases the amount of visited pages because the visitor will more likely click the next page when it’s easier to find that.