How to Customize Contact Form 7 for WordPress: Checkboxes and Radio Buttons

In the past, we’ve discussed different customizations of the WordPress Contact Form 7 (CF7) plugin. Today, we’ll learn how to build custom checkboxes and radio buttons with this plugin. Sound like a good exercise? Here are two animated images that show how these form elements will look after our custom styling: And here is a… Continue reading How to Customize Contact Form 7 for WordPress: Checkboxes and Radio Buttons

Pop and Shift Arrays With PHP: When to Use Each One

* { box-sizing: border-box; } body {margin: 0;}*{box-sizing:border-box;}body{margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;} PHP has a lot of built-in array functions to help with many common tasks. The presence of so many functions, though, can also be a bit overwhelming because sometimes you have to keep the slight differences between these functions in mind. It is also possible to use… Continue reading Pop and Shift Arrays With PHP: When to Use Each One

3 Essential Design Trends, December 2021

The year might be coming to an end, but plenty of design trends are still beginning to emerge. It’ll be interesting to see how many of these website design elements remain popular into the new year. From vintage elements to circles to happier feelings, there’s a lot to play with here. Here’s what’s trending in… Continue reading 3 Essential Design Trends, December 2021

How to Append to a File With PHP

Data is usually stored in a database when people are creating their website. However, sometimes we need to store data in files to make it easier for people to read or modify at a later time. PHP comes with a lot of functions to read and write data to a file. We can also use… Continue reading How to Append to a File With PHP

Rock the Stage with a Smooth WebGL Shader Transformation on Scroll

From our sponsor: Guide customers along the path to purchase with our award-winning platform. Starting at $14.99/mo. It’s fascinating which magical effects you can add to a website when you experiment with vertex displacement. Today we’d like to share a method with you that you can use to create your own WebGL shader animation linked to… Continue reading Rock the Stage with a Smooth WebGL Shader Transformation on Scroll

How to React to Touch Events in Flutter

Almost every app will need some sort of user input. Usually, your app will need to respond to touch events. This is a small guide to touch events, especially for starting Flutter developers. When it comes to gesture recognition and reaction to touch events, Flutter offers incredible widgets for new developers. You can make any… Continue reading How to React to Touch Events in Flutter

3 Essential Design Trends, April 2021

The best thing about writing about website design trends each month is looking at all the great sites that are being developed. Designers are stretching creatively and exploring new techniques and ways of doing things all the time. It’s refreshing and inspiring. This month, some of those trends include a style that nods to brutalism,… Continue reading 3 Essential Design Trends, April 2021

How to Build a Simple Theme Switcher With the CSS Checkbox Hack

In this tutorial, you’ll learn how to create a CSS-only theme switcher by taking advantage of the “CSS checkbox hack technique” and CSS variables. Ready for another CSS challenge? Note: This tutorial assumes that you’re familiar with this particular CSS technique along with advanced CSS selectors (e.g. general sibling combinator). If you haven’t heard of… Continue reading How to Build a Simple Theme Switcher With the CSS Checkbox Hack

How to Customize Contact Form 7 for WordPress: Floating Labels

You might have seen forms where the placeholder text is animated when you start typing into that input. This pattern isn’t new, yet still remains a popular trend in UX form design. Today, we’ll learn the steps needed for adding this behavior into a form built with Contact Form 7 (CF7), one of the most… Continue reading How to Customize Contact Form 7 for WordPress: Floating Labels

3 Essential Design Trends, September 2020

A seasonal change is on the horizon and that always has me looking to refresh projects. This month’s design trends provide a few different ways to do that without ripping up your entire website. Here’s what’s trending in design this month. Animated Heroes (That Aren’t Video) Hero headers and screens that feature video animation have… Continue reading 3 Essential Design Trends, September 2020

Photoshop Basics: How to Rotate an Image in Photoshop

July 13, 2020 by Sangalang Kristine Changing the orientation of an image may be necessary when editing in Photoshop. There are different ways on how to rotate an image in Photoshop. There are straightforward ways to rotate an image, while there are other clever tricks to do the same. Here are a few tips and… Continue reading Photoshop Basics: How to Rotate an Image in Photoshop

How to Create, Write, Read, and Delete Files in PHP

In this tutorial, we are going to learn file handling in PHP. I’ll show you how to create, read, write, and delete files in PHP by using the built-in file handling functions. File handling is something that you will need to do very often as a PHP developer. You could use PHP file handling functions… Continue reading How to Create, Write, Read, and Delete Files in PHP

Creating an Accessible Range Slider with CSS

April 29, 2020 I’ve always loved exploring how to make semantic, accessible elements aesthetically pleasing. And yes, it is possible. Challenging myself to do this has improved my CSS skills. Today we are going to talk about input[type=”range”]. These inputs where you select a value from a slider that has a thumb on it. You… Continue reading Creating an Accessible Range Slider with CSS

How to Make an Infographic Template

What You’ll Be Creating In this tutorial, you will have the opportunity to learn how to draw a set of elements for a medical infographic template in Illustrator! If you’d like to skip this tutorial and just use this infographic design template (with even more elements!) in your work, you can go ahead and simply… Continue reading How to Make an Infographic Template

Create Style Variations for WordPress Gutenberg Blocks: Part 2

In the previous post we learned all about block style variations and how they’re used in the brand new WordPress 5.0 editor to switch between predefined styles easily. We’ll take things a little further in this post by providing more examples to give you a solid base for implementing block style variations in your own… Continue reading Create Style Variations for WordPress Gutenberg Blocks: Part 2

The Binary Search Algorithm in JavaScript

In this post, I’ll compare linear search and binary search algorithms. You’ll learn pseudocode for linear and binary algorithms, see examples to demonstrate both the methods, learn about time complexity, and get a step-by-step guide on how to implement the algorithms. Introduction As a programmer, you want to find the best solution to a problem… Continue reading The Binary Search Algorithm in JavaScript