In this tutorial I’m going to show you how to make a WordPress shopping cart, using the BigCommerce WordPress plugin. We’ll go over the following things (in both video and written format, choose whichever you prefer!): What is BigCommerce (and the concept of “headless”)? How to download the plugin and create an account Setting up… Continue reading How to Create an Online Store with WordPress and BigCommerce
Tag: trigger
How to Make a Newsletter Email Subscription Popup with the ConvertPlus WordPress Plugin
A newsletter is a report sent by an organization or business containing any recent news. In an e=commerce business, it might contain news or sales on products which might interest the subscriber. Newsletters allow you to encourage website visitors to return to your site and can be a powerful tool for boosting sales and viewership.… Continue reading How to Make a Newsletter Email Subscription Popup with the ConvertPlus WordPress Plugin
Easy Form Validation With jQuery
In our previous tutorial, we discussed how to implement basic form validation using some input attributes in HTML5 and a little Regex. HTML5 Form Input Validation Using Only HTML5 and Regex Monty Shokeen In this tutorial, we will learn how to use a jQuery plugin to add form validation to your website. Using a jQuery… Continue reading Easy Form Validation With jQuery
Adding Customization Options to Your User Interface
There’s a careful balance to be struck when adding customization options to your user interface. You need to provide a real degree of control, or dictate your design completely. Here are some things to consider when applying customization options to your user interface. Theme Options If you’re providing the option for your user interface to… Continue reading Adding Customization Options to Your User Interface
14 Firefox Developer Tools You Might Not Know About
In this roundup we’re going to be checking out some of the awesome tools Firefox has in its collection of Developer Tools. Even if Google Chrome is your primary development browser, Firefox has some tools that Chrome doesn’t. In fairness the reverse is also true–Chrome has some tools that Firefox doesn’t, but the tools in… Continue reading 14 Firefox Developer Tools You Might Not Know About
How to Use Animation in Angular 6
In this tutorial, you’ll learn about the importance of animations in improving the user experience. I’ll show you how to incorporate animations in Angular 6 applications with the help of animation components and Bootstrap. The Role of Animations in User Design Most web users are visual creatures and therefore respond to visual objects. This means… Continue reading How to Use Animation in Angular 6
Best WordPress Contact Form Plugins
If you run a WordPress site, you need a reliable contact form so that visitors can reach you with their questions and comments. However, with so many WordPress form builders on the market, it can be difficult to find the very best contact form WordPress has to offer. To save you the time-wasting and head-scratching… Continue reading Best WordPress Contact Form Plugins
5 Most Clever WordPress Tweaks to Improve Your Site (Without Plugins)
WordPress is one of the best CMS out there for a number of reasons. Aside from being flexible and highly customizable, you can supercharge it using powerful plugins. Regardless of your goals for your website, you can be sure there’s a plugin for that. However, it’s always better to forego plugins and hard-code them into… Continue reading 5 Most Clever WordPress Tweaks to Improve Your Site (Without Plugins)
The Zone of Infinite Creative Possibilities
Ideation is the third component in our Design Thinking process, as seen in the Hasso-Plattner Institute of Design’s proposal which we’ve discussed in our previous articles: Image source: Interaction Design Foundation How Did We Arrive at the Ideate Stage? During the Empathize stage: you approach the user and gather data needed to define the challenge… Continue reading The Zone of Infinite Creative Possibilities
Solving distraction: iOS Do Not Disturb concept
Reverse Engineering Habits “Smartphone addiction” is a bit of a misnomer as people aren’t addicted to the phones per se, but to the actual apps installed on them. In order to understand how to combat habitual behavior, we first need to understand how these apps are designed to suck our attention. Several years ago, “behavioral… Continue reading Solving distraction: iOS Do Not Disturb concept
11 Amazing jQuery Plugins To Handle Images On Your Websites
jQuery plugins are the great help for web designers and web developers for designing/developing websites. With the help of these plugins, designers and developers can easily make their website designs more attractive and eye-catching. In this collection, we are going to showcase pure and latest jQuery plugins for you. We are sure all these wonderful… Continue reading 11 Amazing jQuery Plugins To Handle Images On Your Websites
How to Use Bold Typography in Your Design
Bold typography is one of the most exciting trends that has emerged in design. Whether it’s online or offline content, typography helps you to communicate your message across to your audience. Designers can have fun with typography and be creative. Based on the typography you choose, you can establish a brand identity and send a… Continue reading How to Use Bold Typography in Your Design
AI-Driven UX Design
What impact might AI have on UX? My take on how we can design for AI. How will Artificial Intelligence impact UX design? How can we design meaningful experiences in an era with AI-driven products & services? How will this creative process look like? These questions keep clouding my mind, and I like to give… Continue reading AI-Driven UX Design
How to Bake Engagement Into Video Content
Would you like to create video content that is more engaging and draws in and retains more viewers while also attracting more shares, likes, comments, and other reactions? If you do then you should know that engagement needs to be ‘baked into’ video content, and that starts from the time you sit down and begin… Continue reading How to Bake Engagement Into Video Content
How to Design a Website That Gets Conversions
If you want your startup business website to produce sales, use the many web tools available that make online selling easy. Don’t be fooled into thinking that an attractive website is all you need. Talk to a shrewd website designer and you will discover there is often a difference between a nice-looking website and one… Continue reading How to Design a Website That Gets Conversions
Kotlin From Scratch: Packages and Basic Functions
Kotlin is a modern programming language that compiles to Java bytecode. It is free and open source, and promises to make coding for Android even more fun. In the previous article, you learned about ranges and collections in Kotlin. In this tutorial, we’ll continue to learn the language by looking at how to organize code using… Continue reading Kotlin From Scratch: Packages and Basic Functions
Getting traction for experience design
Back in the eighties the job of design was to make things work reasonably. Technologies were in such a struggle to stay stable that any extra quality seemed unnecessary. In those times your computer would crash five times a day. So, worrying about beauty or engagement seemed like a somewhat unnecessary luxury. Fast-forwarding to 2007.… Continue reading Getting traction for experience design
How to Build a News Website Layout with Flexbox
What You’ll Be Creating It’s not necessary to understand every aspect of Flexbox before you can jump in and get started. In this tutorial, we’re going to introduce a few features of Flexbox whilst designing a “news layout” like the one you can find on The Guardian. The reason we’re using Flexbox is that it… Continue reading How to Build a News Website Layout with Flexbox
How to Create an AJAX Driven Theme for ProcessWire
In this tutorial we will look at setting up a simple theme in ProcessWire, we’ll investigate delayed output (now the default theme strategy within ProcessWire), and setup our site to request new content using AJAX. To accompany this tutorial I have created a new theme for ProcessWire, making use of both AJAX and delayed output,… Continue reading How to Create an AJAX Driven Theme for ProcessWire
Polaroid Stack to Grid Intro Animation
A tutorial on how to create an intro animation where a decorative Polaroid stack becomes a grid similar to the effect seen on the takeit website. View demo Download source Today we’d like to show you how to create a very simple intro effect similar to the one seen on the takeit website where a… Continue reading Polaroid Stack to Grid Intro Animation
Deploying from GitHub to a Server
GitHub, and the Git version control system it’s based on, are fantastic tools for managing and collaborating on projects – code-based or otherwise. In this article, we’ll look at options for making Git and GitHub projects fit better into developer workflows, allowing for a smooth and hands-off deployment process. I’ll break these options into the… Continue reading Deploying from GitHub to a Server