WordPress Tutorials & More!
(Best WordPress Tutorials)

Have you ever built a website just to find out that your client doesn’t seem to view the website (even at the same dimensions) as to how you are viewing it? This is all to do with Windows Scaling (not to be confused with browser zoom). By default on a lot of Windows laptops, the […]

The web is increasingly moving towards mobile browsing, and this doesn’t seem to be slowing down. The number of people using mobile devices is increasing every day. Here are a few tips that will help you build a website optimised for mobiles: Select a responsive template for creating the website: This is one of the […]

Here is an example of an arrow with pure CSS which is supported by all web browsers. How is it done? Quite simple really, check out the below code: HTML <div class=”arrow”> <div class=”line”></div> <div class=”point”></div> </div> .arrow { width:120px; } .line { margin-top:14px; width:90px; background:blue; height:10px; float:left; } .point { width: 0; height: 0; […]

Do you want to change the default behaviour of the Bootstrap 4 navbar? Well, you’re at the right place. The default menu for mobile is a hamburger menu when clicked it will slide to the menu items. There are various ways to do this using jQuery/JavaScript but the best way, in our opinion, is just […]

What are less mixins? One of the best features of any CSS preprocessor is the ability to create mixins, which allow you to tie a bunch of properties and customisable values all into one nice little package. Here’s an example: /* Mixin */ .box-shadow (@x: 0px, @y: 3px, @blur: 5px, @color: #333) { -webkit-box-shadow: @x […]

Need a good method to vertical centre elements, then look no further, flex is the way! There are other techniques that do work for vertical centring such as using table and table-cell with the good old vertical-align: middle, but they never seem to work when you need them. The current landscape of vertical centring options […]

What is Breakpoint? Though the Bootstrap is a complete framework and packaged with JavaScript components too but achieving effortless responsive behaviour is the major key point we can grant Bootstrap for. Responsive behaviour depends on resolutions (viewport or screen sizes). By default, Bootstrap supports four resolutions – called Breakpoints in technical term. < 768px Extra […]

So you have seen on websites that typically have a full-screen header with an indicator to scroll down to view the rest/more of the content. We’re going to show a very nice and clean way to represent this feature. In today’s tutorial, we have a scroll down icon created as an SVG using just HTML […]

The clip-path property allows you to make complex shapes in CSS by clipping an element to a basic shape (circle, ellipse, polygon, or inset), or to an SVG source. CSS Animations and transitions are possible with two or more clip-path shapes with the same number of points. If you need to create a slanted div […]