WordPress Tutorials & More!
(Best WordPress Tutorials)

Today we are going to show you how you can convert letter-spacing from tracking from design programmes like Photoshop or Illustrator to CSS. Have you ever had that conversation with a graphic designer for a layout that specifies tracking (letter-spacing in our language) for text elements? So how do you make this conversion? The Simple […]

In this tutorial, we are going to show you how to create a modern scroll down animation which you can easily add to any website. These types of animations are typically used on websites that have a full-screen header in which you add an animated element to demonstrate that there is more content on the […]

How do we make a full browser width container when we’re inside a limited-width parent? In other words, how do we stretch the div outside of its ‘container’. If we could use absolute positioning, we could set the container to be at left: 0; and width: 100%; – but we can’t because we want the […]

Have you ever wanted to indent the second line of a list item instead of it appearing directly beneath the bullet point? This is probably why you are here and below is probably the result you are looking for: Today we are going to show you an easy way to do this. The reason this […]

Today we will show you how to create a large header and a smaller subheader beneath it which featured double horizontal lines jutting out after the text to both the left and right of the centred text. An easy thing to mock up an image, but a much more difficult thing to pull off in […]

We absolutely love Sass (SCSS), it’s such a massive time-saver and makes building front-end design such a breeze! There are many JavaScript tools for working with files and automating other tasks, but Sass’s built-in mixin capabilities allow one to write modular front-end style code. In this article, we have listed thirteen of our favourite Sass […]

In this tutorial, we are going to create a simple animated background colour animation which loops with pure CSS using keyframes along with various CSS animation properties. In our example, we are going to set this to the body element. However, you can apply the code to any HTML element of your choice either with […]

If you’ve seen the layout on Pinterest you probably already know what we are going to be creating here. If not, it’s essentially the stacking of divs or images of different sizes with a set number of columns (view demo). We really do love this style of layout, it gives a different kind of look […]

In this tutorial, we are going to show you how you can limit text length to the number of lines you would like to use with CSS. Is it possible to limit a text length to “X” amount of lines using CSS? The answer is yes. There is a way, but it is webkit-only. However, […]