What You’ll Be Creating Navigation menus are having a bit of a moment in the spotlight. From burger menus for mobile through mega menus for stores to sticky menus for enhanced user experience, there’s a great choice in the way you can present your navigation menu in your WordPress site. But what if you want… Continue reading How to Make a Drop-Down Menu in WordPress
Tag: Inside
How to Create a Google Calendar Plugin for WordPress
Regardless of niche, adding a calendar plugin to your WordPress site is a great way to improve user engagement and retention. Creating such a plugin doesn’t take much effort because there are lots of cloud-based calendaring packages available today. Google Calendar is the most popular of them all, and it offers a free to use API.… Continue reading How to Create a Google Calendar Plugin for WordPress
Show WordPress Related Posts With Taxonomy and a Custom Post Type
What You’ll Be Creating Sometimes you want your blog posts to appear on more pages in your WordPress site than just your blog. You’ve already got the option of using category and taxonomy archives, as well as tags. This can help you divide up your content and add a variety of sections to your blog… Continue reading Show WordPress Related Posts With Taxonomy and a Custom Post Type
How to Quickly Build Layouts With Bootstrap 4’s Responsive Flexbox Utilities
In this tutorial I’ll show you how to quickly build layouts with Bootstraps 4’s responsive flexbox utilities. To gain a better understanding of these utilities, we’ll examine four different examples. Note: this tutorial assumes you’re familiar with Bootstrap 4 as well as flexbox. Take a look at these courses to get you going in the right… Continue reading How to Quickly Build Layouts With Bootstrap 4’s Responsive Flexbox Utilities
Using npm as a Build Tool
Related Course Build Your First Node.js Website Node is a powerful tool to get JavaScript on the server. Use Node to build a great website. Get Started Every developer will love this saying “It is hard to build a software without using a build tool.” To get rid of the repetitive tasks, we are using… Continue reading Using npm as a Build Tool
Extending HTML by Creating Custom Tags
In this tutorial I will show you how easy it is to extend the HTML language with custom tags. The custom tags can be used to implement various behaviors, so they are a very convenient way to write less code and keep your HTML documents simpler. What Is a Custom HTML Tag? With HTML you… Continue reading Extending HTML by Creating Custom Tags
How to Draw Bar Charts Using JavaScript and HTML5 Canvas
In an earlier tutorial we covered how to draw a pie chart or doughnut chart using HTML5 canvas. In this tutorial I will show you how to use JavaScript and the HTML5 canvas as a means to graphically display data by using bar charts. There are easier ways to create charts than coding one from… Continue reading How to Draw Bar Charts Using JavaScript and HTML5 Canvas
How to Use Pantheon to Set Up and Maintain a Production-Safe WordPress Site
Today, WordPress powers 25% of all of the world’s websites, so it’s safe to say that what started as blogging software has grown into something much bigger than its humble origins, and is ready to be used on production-level sites from news portals to complete web applications. With this level of professionalism, new needs arise. On a personal blog read by… Continue reading How to Use Pantheon to Set Up and Maintain a Production-Safe WordPress Site
How to Build a Pebble Application
What You’ll Be Creating The Pebble smartwatch has been around since its very successful Kickstarter campaign in 2012 and is a popular choice amongst smartwatch users. This is due to its excellent battery life, low price, various models to choose from, and compatibility with both iOS and Android. Pebble has had a developer SDK since day one, encouraging developers… Continue reading How to Build a Pebble Application
Kick-Start WordPress Development With Twig: Blocks, Nesting, and WP Cheatsheet
In the previous article, I wrote about integrating the Twig templating engine with WordPress through Timber and how developers can send data from the PHP files to the Twig files. Let’s discuss how to create a base template with Twig, the benefits of this DRY technique, and a Timber-Twig WordPress Cheatsheet. Creating a Base Template… Continue reading Kick-Start WordPress Development With Twig: Blocks, Nesting, and WP Cheatsheet
How to Code Multiple Loops While Only Querying the Database Once
I’m a big fan of the WP_Query class: I use it in many of my client sites to query and output content in custom ways. If you want to run multiple loops on a page, the easiest way to do it is to run WP_Query each time you need to run a loop. But there… Continue reading How to Code Multiple Loops While Only Querying the Database Once
Display WooCommerce Categories, Subcategories, and Products in Separate Lists
What You’ll Be Creating WooCommerce gives you a few options as to what you can display on your archive pages: products categories (on the main shop page) or subcategories (on category pages) both products and categories. When I’m setting up a store, I normally select the third option: products and categories/subcategories. This means visitors to… Continue reading Display WooCommerce Categories, Subcategories, and Products in Separate Lists
Knowledge Persistence and Sessions With React
Having a “remember me” function is a very useful feature, and implementation with React and Express is relatively easy. Continuing from our last part where we set up a WebRTC chat application, we will now add Mongo-backed persistent sessions and a database-backed online user list for good measure. Sessions? If you have not used sessions… Continue reading Knowledge Persistence and Sessions With React
Data Structures With JavaScript: Tree
What You’ll Be Creating * { box-sizing: border-box; } body {margin: 0;}*{box-sizing:border-box;}body{margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;} Trees are one of the most commonly used data structures in web development. This statement holds true for both developers and users. Every web developer who has written HTML and loaded it into a web browser has created a tree, which is referred… Continue reading Data Structures With JavaScript: Tree
Create a Stand-Out Portfolio Book in InDesign: Part Two – the Inside
In the second part of this two-part tutorial you’ll learn how to design the interior pages for an Illustration Portfolio book intended for print, in Adobe InDesign. We will create a number of different page layouts and explore how layout styles can showcase your work to its best potential. In this tutorial I will be… Continue reading Create a Stand-Out Portfolio Book in InDesign: Part Two – the Inside
A Beginner’s Guide to HTTP and REST
Hypertext Transfer Protocol (HTTP) is the life of the web. It’s used every time you transfer a document, or make an AJAX request. But HTTP is surprisingly a relative unknown among some web developers. This introduction will demonstrate how the set of design principles, known as REST, underpin HTTP, and allow you to embrace its… Continue reading A Beginner’s Guide to HTTP and REST