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...
When your develop websites for clients, it’s important to proactively anticipate needs, instead of waiting for things to come up after a design is underway. On a larger scale, this involves a client onboarding strategy that asks questions like: Are you targeting a B2B or B2C audience? Will your website need a blog? Will your website need any e-commerce functionality? Once you’ve answered these big questions, it’s necessary to change your focus to the smaller things that make up a complete website....
A few simple transitions can make a huge difference. In this article we’ll learn how we can use transitions to bring our content to life, as well as plan and build our hover effects to perform smoothly and look great. Transitions vs Animations ... Transitions are a great way to smooth the changes from one state to another, and back again, in the browser. They seem like a simpler alternative to the keyframes and animation approach, but they are useful in very different ways. For example, a transition isn’t...
Google AMP (accelerated mobile pages) is an open source initiative supported by large tech companies and developers around the world, including Google, Twitter, Reddit and LinkedIn. The project was created with the purpose of making websites and ads load faster and more beautifully on mobile. As such, it doesn’t support the use of popups or other interstitials. Although the amount of mobile search activity is constantly increasing, interaction with the mobile web is significantly less than...
What you see may be what you get, but it's not necessarily what everyone else gets. I was reminded of this when I bought a gaming monitor. I'd originally intended to get a 4K monitor of some kind, but I decided to go for speed over size. The one I did get can render my games at a brisk 144hz, and my games have never looked better. Well, they looked good after I finally got my color calibration worked out. It took a while, as I was out of practice, but after finding my monitor's ICC profile and eyeballing the calibration...