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.
I’m presenting a very simple way of making a text blinking using only HTML and CSS3. You can adjust the values, setting a different blinking speed and colors.
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.
As fall is entering our gardens and parks it’s time to harvest what 2017 brought us. Of course, we speak metaphorically. 2017 is a fruitful year for the web design industry, as it saw many technological advances and breakthroughs during this winter, spring, and summer. That’s why upgrading your website this fall appears to be a great idea. Cast your doubts aside and check out 15 newest HTML templates for October 2017 that incorporate all the best that was achieved this year in web design.
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.