CSS Tutorials — Tips and Tricks

Today I will show you how to clear a float in CSS, the better way! Suppose you have a container, which has a border, or a background color. Inside of that div you have some text and maybe some images. You want to float the images to the left, however if you do that your elements will be going outside of your container. We will fix that right now!

In this article I will go over some of the details of the following codepen demo where I created a header by using the SVG Blur filter.

In this tutorial I will how you how to create perfect CSS hexagons in any size using transform and calc(). This method doesn’t make use of borders and dynamically calculates the essential values like the width and positioning based on some trigonometry calculations.

In this tutorial I will show you how you can implement custom cursors with some really simple CSS and JavaScript using jQuery.

In this article I will show you how to center vertically and horizontally using CSS3 transform property. Centering horizontally is easy, but vertical alignment has always been a bit tricky with CSS.

Learn to create a simple vertical drop down menu in html and css with 3 levels deep, working in all modern browsers, including Internet Explorer 7.

CSS3 provides the developer with abilities to manage powerful features such as rounded corners, shadows, gradients, etc. But since not all popular browsers (IE6-8) are aware of the new properties, implementing these kinds of designer ideas sometimes turns into a nightmare.

Thanks to some creative thinking, you can have a lovely and animated drop down menu done in CSS – no JavaScript required.

Find out more about Bootstrap v3 - the new version of the popular CSS framework.

Every year, computer screens are getting wider and wider and the text paragraphs on websites are becoming wider too and difficult to read. It is known that a person is comfortable reading 65-75 characters per line and you would expect people to adopt multiple columns in their layouts, but due to technology limitations multiple column layouts haven’t been implemented in the past.