Continue reading Why my browser sent duplicate requests to the server for a page?
Ordered lists <ol> allow you to show incrementing numbers (or other counters) next to your list items. For example, let’s list down seven books of A Song of Ice and Fire using <ol>:
Continue reading How To Stylize Ordered Lists <ol> With Pure CSS?
In one of my older posts, we learned about creating a speech balloon with pure CSS. As I mentioned at the end of the post, the technique had a little flaw in it: in order to create an arrow along the box, we had to prepend a new div within the box div. Although it did serve the purpose, it didn’t look much sophisticated. In this post, I will try to explain how we can create the arrow without prepending a new div within the box div. Hence the only thing you will need to balloonify any HTML element would be to add class “balloon” in it.
Continue reading A Better Technique To Create A Speech Balloon With Pure CSS
The goal of this post is to help you understand how to create a speech balloon with pure CSS without using any image.
Continue reading How To Create A Speech Balloon With Pure CSS?
Triangles are useful for creating different types of design artifacts on a website, particularly speech balloons. HTML/CSS has no explicit way of creating triangles therefore some people use triangle images instead. However there is a small hack with which one can create triangles without any images.
Continue reading How To Create Triangles With HTML/CSS?