Bootstrap is awesome. I seriously love it and always use it for project builds. And that’s either Bootstrap 3 or 4 – whatever the projects require, I’ll usually always go with BS. When it comes to dropdowns, especially so in navigation menus, I always prefer dropdown submenus to appear on hover. By default, this is … Continued
Both Bootstrap version 3 & 4’s default navigation has nav menus toggled on click enabled by default — you have to actually click the parent item to have them open/show the sub-menu, and click again to them shut. This is fine for some applications, but the default behaviour of most navigations is to show the … Continued
Here’s a short snippet for getting a nice fancy zoom when hovering over an image using purely CSS3. Here’s an example: and here’s the code: You simply need to add the class ‘img-zoom’ to any image’s container to get the effect. Feel free to play about with the values in the zoom to … Continued
I noticed recently that Google’s conversion tracking code, usually found in the footer, has a set height of 13px as an iframe. This creates an annoying white space in your sites footer. When your footer is anything but white, it creates a 13px high gap underneath your footer which looks rather out of line with … Continued
Previously, I wrote a short post with a snippet to allow full-size CSS backgrounds. This is great and I use it all the time, but this method will stretch the image background to the max width, thus height is in proportion to the width. What this means, is that landscape images will perfectly fit the … Continued
I love website conversion and find myself becoming more and more intrigued with attempting to master this fine art. It blends design, psychology, user experience, development and combines a deep understanding of how people actually use the internet and how they read webpages. Overall, it’s pretty interesting stuff. During the course of my studies, I’ve … Continued
More and more, I see websites with large image backgrounds that completely fill the screen size. I really like these and here’s how to achieve it simply using CSS: That’s it! Obviously you need to change the Div name and background image/path to suit but you’re good to go.