Modal windows were always the realm of JavaScript and there are plenty of scripts to try. But with CSS3 it’s even easier to create a modal in pure CSS. The effects are somewhat limited but you can still make an excellent experience without relying on scripting. Most of these CSS examples are scattered to various corners of the web so I’ve curated some of the best ones here. These vary from simple code snippets to more thorough libraries but they’re all open source and reusable. 1. CSS Modal...
Have you ever thought about the security of your WordPress installation? Or rather has your installation ever been attacked or hacked? Well, security is one very important feature that every other developer is always worried about. In this article, I would like us to discuss ways of making your installation secure to avoid attacks from hackers who might want to hijack your work and gain unauthorised access. There are several factors to check in making your installation secure, ranging from the strength...
The Internet certainly doesn’t lack for resources on great web design. From various tutorials and inspiration galleries, you are bound to find a way to improve your design skills, learn new ways to accomplish something, stay on top of design trends or simply gain a new perspective. But, sometimes it’s worth stepping away from your usual inspiration resources and turn elsewhere. One of the best places to seek out inspiration is music, especially old-school MTV music videos. Not only can music...
There’s a goal behind every website, and a specific chain of events that must occur before each goal is accomplished. Whether you want someone to sign up for your email newsletter, or fill out a contact form, these things don’t happen without the proper triggers. Used strategically, WordPress plugins can assist with the realization of important goals. Here’s how to turn your website into a conversion machine with WordPress Plugins. Essential Grid ... Essential Grid is an all-around grid solution...
Blogs, E-commerce sites, admins, and search results, almost everywhere you go online you are presented with large amounts of data and results, this transfer of information is a big part of what web applications are about. In this article we are going to take a look at how you can make your application dynamic by allowing your users to sort and navigate the data you are showing them using Vue.js. The Game Plan ... We are going to be building a reactive table like in the picture above, but before we get down to...
Plugins and themes on WordPress can occasionally interfere with each other and prevent your login page from loading, which will prevent you from accessing your website’s backend. In most cases you might even get nothing but a white screen. The solution in this case is to access the database associated with your WordPress site using phpMyAdmin and deactivate the plugins manually. 1. Access to the Database ... To start troubleshooting first we need to login to our cPanel and click on the phpMyAdmin...
There’s so much talk about the “user experience” these days that it’s easy to shrug off the concept of the UX. After all, if you’re in the business of building websites using modern standards and best practices, then isn’t the ultimate goal already to create a quality user experience? The answer to that is, “Yes, but…” Here’s the caveat: this idea that websites should be designed around the user experience is a given. If the on-site experience isn’t a satisfying or even a pleasurable...
CraftCMS is a content-first CMS that is loved by developers and content producers alike. Of all the alternatives to WordPress that are out there, CraftCMS is one of the best. Here we look at getting started with this awesome developer-friendly content management system. 1. Download ... The easiest stage of all, go to CraftCMS’s official site and get download the latest version of CraftCMS. It’s free to download and develop on, but when you come to launching your site you need to choose a licence...