Unfortunately, always displaying an alert takes up much-needed screen real estate. We can resolve this by making it dismissible. Today, we’ll build one from scratch using localStorage and JavaScript. What We’re Creating The example in this case is a primitive portfolio-like website with a footer, navigation, and content area. At the top of the viewport,… Continue reading Create a Dismissible Alert With JavaScript (and localStorage)
Tag: Create
15 Top Schedule Planners in Figma & Adobe XD to Download in 2022
Are you a designer creating apps or task management platforms? Helping your clients to keep a realistic schedule planner can change the way they manage their time. Create your own using a schedule planner template for Figma or Adobe XD. This is a great schedule planner template for Figma and Adobe XD. A well designed… Continue reading 15 Top Schedule Planners in Figma & Adobe XD to Download in 2022
Create an accessible hamburger menu
Accessibility isn’t always easy. Should I be using a button or a link? Do I need ARIA labels? A lot of these questions can be answered using W3C’s WAI-ARIA Authoring Practices. The guide explains everything from carousels to breadcrumb navigations, from tabs to alerts—always with accessibility in mind. The design patterns that the guide discusses… Continue reading Create an accessible hamburger menu
How to Let Users Dynamically Change the Number of Posts per Page in WordPress
Consider the following scenario: you have a WordPress blog with hundreds of posts. On your blog archive page, six posts appear at a time. Of course, there’s pagination for moving between older and newer posts. But what if you want to give users the option to choose the number of posts they want to display… Continue reading How to Let Users Dynamically Change the Number of Posts per Page in WordPress
Brochure Templates
What is a brochure? Wondering how to make a brochure or where to find the best brochure templates? You’ll learn the answers to all those questions in this comprehensive guide. Let’s get started! What Is a Brochure? When a company wants to advertise its products and services, print brochures are a great option. They give… Continue reading Brochure Templates
Create a Simple Math CAPTCHA for Your Forms With PHP and JavaScript
In this new tutorial we’ll discuss a straightforward approach for reducing spam from form submissions. This technique will use PHP and JavaScript to block form submission until the user provides the correct answer to a simple math CAPTCHA. Here’s a quick video that demonstrates the expected functionality: It’s important to note that this is just… Continue reading Create a Simple Math CAPTCHA for Your Forms With PHP and JavaScript
How to Paint Watercolor in Procreate
This Procreate watercolor tutorial will teach you how to create a vibrant yet soft digital watercolor portrait in Procreate from scratch. We’ll explore different drawing techniques and textures to achieve an authentic watercolor look. Also, you’ll learn how to make your portrait expressive using colors and lines. Creating a watercolor portrait in Procreate is a… Continue reading How to Paint Watercolor in Procreate
200+ Best Color Paper Textures (Construction Paper Textures)
Color paper textures including construction paper textures from Envato Elements and GraphicRiver bring vibrancy to your design projects. Today we’ll look at 200+ of these textures. There is definitely something for you here. Just have a look! Unlimited Color Paper Textures at Envato Elements Download unlimited paper textures for your design projects from Envato Elements… Continue reading 200+ Best Color Paper Textures (Construction Paper Textures)
10 Reasons You Should Upgrade to Elementor Pro
Elementor is a powerful website builder plugin that anyone can use to build attractive, responsive websites without writing a single line of code. There’s a reason why the free Elementor plugin has over 5 million active installations and an average 4.5-star rating. Like many freemium WordPress plugins, you can get by with the free version… Continue reading 10 Reasons You Should Upgrade to Elementor Pro
How to Create a Brochure Mockup in Photoshop
If you’re looking to present your latest design project or establish a portfolio of your work, a good square trifold brochure mockup is a fantastic start! You’ll learn everything you need to know in this easy-to-follow square brochure mockup tutorial and will walk away with design skills that you can apply straight away. In this… Continue reading How to Create a Brochure Mockup in Photoshop
How to Create a Sticky Toolbar With CSS and a Bit of JavaScript
In this new tutorial we’ll learn how to create a sticky (or fixed) toolbar—also referred to as a vertical navigation menu—with animated tooltips that you can use on your sites for all sorts of things. For example, if you are a store owner, you can use it to include a quick links feature for promoting… Continue reading How to Create a Sticky Toolbar With CSS and a Bit of JavaScript
How to Create Metal Textures in Photoshop
What You’ll Be Creating In the following tutorial, I’m going to teach you how to create a metal pattern in Photoshop. You’ll create five different textures with Photoshop filters, gradients, and Blending Modes. You’ll get a cool metal pattern in Photoshop to use in your photo manipulations and digital paintings. Looking to brush up on… Continue reading How to Create Metal Textures in Photoshop
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
Using a WooCommerce Related Products Plugin
When you run an online store, there’s no such thing as selling too many products. Just because the customer has found what they’re looking for, doesn’t mean you can’t convince them to throw a few more items into their cart. If you’ve ever spent any time on sites such as Amazon, then chances are you’re… Continue reading Using a WooCommerce Related Products Plugin
How to Create a WooCommerce Product Table for Free
* { box-sizing: border-box; } body {margin: 0;}*{box-sizing:border-box;}body{margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;} People set up an eCommerce store in the hope of selling as many of their products as possible. This requires a lot of work on your part—from choosing the right platform to promoting your store. Simply creating a store will not automatically bring in sales. You will… Continue reading How to Create a WooCommerce Product Table for Free
Read a CSV to Array in PHP
* { box-sizing: border-box; } body {margin: 0;}*{box-sizing:border-box;}body{margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;} In this post, I’ll show you how to use PHP’s built-in functions to read and print the contents of a CSV file and convert it into an array. We’ll use fopen() and fgetcsv() to read the contents of a CSV file, then we’ll convert it into an… Continue reading Read a CSV to Array in PHP
How to Build a UIkit Lightbox With Dot Navigation
* { box-sizing: border-box; } body {margin: 0;}*{box-sizing:border-box;}body{margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;} Have you ever worked with the UIkit front-end framework? Its current version at the time of writing is 3.9.4, and in the next few months, YOOtheme (the team behind it) plan to release v4. This isn’t the first time I’ve written about UIkit; some years ago, while still… Continue reading How to Build a UIkit Lightbox With Dot Navigation
Understanding Static Functions and Static Classes in PHP
* { box-sizing: border-box; } body {margin: 0;}*{box-sizing:border-box;}body{margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;} Static functions and static classes can be easily accessed without necessarily creating an instance of that class. This helps keep your code clean and organized. In this post, you’ll learn about the static keyword and how it is applied on functions and classes to make them static.… Continue reading Understanding Static Functions and Static Classes in PHP
How to Make a Perfect Circle in Procreate
What You’ll Be Creating Wondering how to draw a perfect circle in Procreate? Today, I’m going to show you how to make a circle using the shape tool in Procreate. What You’ll Learn in This Procreate Perfect Circle Tutorial How to make a perfect circle on Procreate How to transform or scale a perfect circle… Continue reading How to Make a Perfect Circle in Procreate
Thinking in experiments: Today’s winning mindset
[unable to retrieve full-text content] The old excuses for not engaging with customers more often simply don’t apply anymore. In fact they’ve been turned on their heads. Photo by Girl with red hat on Unsplash “For every good idea there are a thousand bad ideas it is indistinguishable from. The only real way to tell the difference… Continue reading Thinking in experiments: Today’s winning mindset
How to Send Serverless Emails With Node.js
If you are running a Jamstack architecture, sometimes you will require additional functionality like sending transactional emails to your users. Sending emails requires a server, so you can make a simple serverless service with an endpoint that takes a few fields and sends off an email. It’s an excellent alternative that doesn’t require the maintenance… Continue reading How to Send Serverless Emails With Node.js
6 Tips for Collecting Customer Feedback (The Right Way)
Feedback is one of the most valuable resources for any business. Informative messages from your customers can tell you a lot about your company. They’re a way to check that your service strategies are paying off and a chance to learn which parts of your product need an upgrade. Reviews and testimonials can also help you… Continue reading 6 Tips for Collecting Customer Feedback (The Right Way)
30 Tutorials for Developing HTML5 Web Browser Games
September 30, 2021 by Jake Rocheleau Modern HTML5 specifications allow for a wide breadth of creativity. Web developers have always been toying around with JavaScript games. But, nowadays, it is so much easier to jump into the process and create something truly magnificent. This gallery is devoted to 30 tutorials you might use to learn… Continue reading 30 Tutorials for Developing HTML5 Web Browser Games
How to Create Mobile App Animations With SVGator
Designing animations by coding is both a complex and time-consuming undertaking that can hinder creativity. This is why designers are looking for a no-code solution to create scalable animations for mobile apps. Finding a way to easily create and export these types of engaging branding assets can also make the designer-to-developer handoff a frustration-free exchange.… Continue reading How to Create Mobile App Animations With SVGator