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).
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.
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.
As fall is entering our gardens and parks it’s time to harvest what 2017 brought us. Of course, we speak metaphorically. Continue reading “Fall HTML Blast: 15 Newest HTML Templates for October 2017”
Gradient background buttons with animated hover transition effect implemented with HTML5 and CSS3. Try the onpage demo and see the focus position of the background travelling from one side to the other.
Rendering arrows, triangles and other simple shapes from HTML divs and CSS borders is a popular way of optimizing website performance. In this article I’m presenting how to draw the HTML shield logo using only HTML and CSS.
We know there are many pointless, dumb laws out there that make no sense. The European Cookie Law is also annoying because you have to start by closing a popup every single time you visit a website. This law is a privacy legislation that requires sites to get consent from visitors to store or retrieve any information about them.
We have updated this widget »
Show it only once and only to European visitors.
There’s something very common between a barbershop and web design. You find it extremely difficult to explain which haircut exactly you need, and these are the feelings which are very similar to the ones your customers have when trying to explain what website they need. Not surprisingly – they have never faced web design, they don’t know how it is done and they can’t even explain what they need. Until they see it. Which is why, to keep your nerve calm and your time saved, you may use ready-made templates. Luckily, the designs offered in these templates are of high quality, and this makes the choice easier. You may need a design with or without a Parallax effect, for a housewife blog or for a huge retail store, in dark or in light colors… Regardless of what you need, you will find them. If you spend some time, you may find literally everything that you need.