This month we’re taking a close look at above-the-scroll presentation. It’s the first thing you see, and the first impression a user has when they type in your URL. So, it’s a logical place to spot trends in website design. Here’s what’s trending in design this month. 1. Text That’s Almost Hard to Read With… Continue reading 3 Essential Design Trends, July 2019
Tag: left
How to Link Your WordPress Site with Your MailChimp Mailing List and Get More Signups
What You’ll Be Creating There are a variety of ways of keeping in touch with people who visit your websites. You can encourage them to become subscribers by adding a Subscribe widget. You can use the Jetpack plugin to make it easier for existing WordPress.com users to keep up to date. Or you can encourage… Continue reading How to Link Your WordPress Site with Your MailChimp Mailing List and Get More Signups
How to Code a Landing Page in Your WordPress Theme
What You’ll Be Creating If you’ve bought anything on the internet, you’ve probably come across a landing page. They’re a highly effective way of maximizing conversions from a website. But just what is a landing page, and how do you create one for your WordPress site? In this tutorial, I’ll demonstrate what makes a landing… Continue reading How to Code a Landing Page in Your WordPress Theme
Best Free WordPress Plugins for Optimizing Website Performance
Did you know that search engines like Google give preference to fast-loading websites in their rankings? Visitors are also less likely to abandon your site if it loads quickly. Everyone expects a website to load as quickly as possible—if it doesn’t, they will likely abandon it and visit the competitor instead. This means that a… Continue reading Best Free WordPress Plugins for Optimizing Website Performance
Build a Static Portfolio With Advanced CSS Bar Chart
In a previous post, I showed you how to build a beautiful fullscreen portfolio page. During that tutorial we also learned how to create a responsive CSS column chart. In this tutorial we’ll build another attractive static portfolio page, this time featuring a pure CSS bar chart without using any external JavaScript library, SVG, or the canvas… Continue reading Build a Static Portfolio With Advanced CSS Bar Chart
How to Add a Free WordPress Music Player to Your Site
Any website which lets users discover, buy, share, or download music or other sound effects should always have an audio player. Every user would like to preview the audio or music to determine if they want to purchase or share it or not. Giving users the option to play this audio from the webpage itself,… Continue reading How to Add a Free WordPress Music Player to Your Site
How to Create a Vector Infographic Template in Illustrator
What You’ll Be Creating In the following steps, you will learn how to create an infographic template in Adobe Illustrator. For starters, you will learn how to set up a simple grid. Using basic tools and taking full advantage of the grid and snap to grid features, you will learn how to create the infographic… Continue reading How to Create a Vector Infographic Template in Illustrator
Create a JavaScript Contact Form With the Smart Forms Framework
In our earlier posts, we listed some free plugins and tools that you can use to create your own forms. One major downside to using free tools to create forms is that the end product might not look as professional and polished as you expect. Similarly, using free libraries to code your own forms might… Continue reading Create a JavaScript Contact Form With the Smart Forms Framework
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 a Google Login Page in PHP
In this article, I’m going to explain how to integrate Google Login in your PHP website. We’ll use the Google OAuth API which is an easy and powerful way to add Google Login to your site. As a web user, you’ve probably experienced the hassle of managing different accounts for different sites. Specifically, when you have… Continue reading Create a Google Login Page in PHP
How to Make a Simple Flyer in Adobe InDesign
What You’ll Be Creating This simple flyer tutorial shows you how to create a rainbow-themed flyer template to promote IDAHOBIT at your workplace, college, or school. Perfect for beginners to Adobe InDesign, this is a quick and simple flyer design to put together. On 17 May, people worldwide are invited to celebrate IDAHOBIT (International Day Against Homophobia,… Continue reading How to Make a Simple Flyer in Adobe InDesign
How to Set Up a Quiz on Your WordPress Website
Today, we’re going to explore the WP Quiz plugin which allows you to set up quizzes on your WordPress site. We’ll go through the details of this plugin and we’ll end the post with a real-world example. Setting up online quizzes is one of the best way to engage your visitors and it’s always fun… Continue reading How to Set Up a Quiz on Your WordPress Website
How to Make a Business Brochure in InDesign
What You’ll Be Creating In this tutorial, you’ll learn how to make a business brochure with a clean, corporate style in Adobe InDesign. Business brochure templates are quick and simple to put together in InDesign, and can be easily adapted with your own text and images. This eight-page brochure design has a clean and modern… Continue reading How to Make a Business Brochure in InDesign
Code a Burger Menu for Mobile Users in WordPress
What You’ll Be Creating If you want your site to be responsive (and who doesn’t?), then it’s important to make sure that your main navigation menu works well on small screens. Large navigation menus can take up too much space on a mobile phone, or if they don’t, they can be too small to read… Continue reading Code a Burger Menu for Mobile Users in WordPress
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
How to Create a Seder Plate for Passover in Adobe Illustrator
What You’ll Be Creating Whether or not you observe Passover, this is a great time to create and learn about the Seder plate and what it means during this Jewish holiday season. Celebrated this year from sunset on 19th April to 27th April, Passover celebrates the story of the exodus of the Israelites from Egypt.… Continue reading How to Create a Seder Plate for Passover in Adobe Illustrator
20 Best WPBakery Page Builder (Visual Composer) Addons & Plugins of 2018
With over a million users worldwide, the popular drag-and-drop page builder, WPBakery Page Builder (formerly Visual Composer), has inspired a legion of developers to create loads of cool and useful addons and extensions. These expand the functionality of WPBakery and provide virtually unlimited possibilities when it comes to creating the WordPress site of your dreams.… Continue reading 20 Best WPBakery Page Builder (Visual Composer) Addons & Plugins of 2018
How to Make Stylish Layouts for a Portfolio Template in InDesign
What You’ll Be Creating Show off your creative work and nail that next job interview with this stylish portfolio design template. In this tutorial, I’ll show you how to make a brochure in InDesign. This multipage document is perfect as a portfolio template. It is versatile and easily adaptable to any work you want to… Continue reading How to Make Stylish Layouts for a Portfolio Template in InDesign
Create a Contact Form in WordPress Using a Free Plugin
Today, we’re going to discuss the Formidable Forms plugin for WordPress, which allows you to create different kinds of forms easily. Specifically, we’ll look at how you could use this plugin to build a contact form for your site. We’ll start by exploring the basic settings provided by this plugin, and later on, we’ll go… Continue reading Create a Contact Form in WordPress Using a Free Plugin
Create an Animated SVG Logo for International Women’s Day 2019
To mark International Women’s Day 2019 we’ll be creating an animated SVG version of the event’s logo you can use along with this year’s hashtag #BalanceforBetter. In the process we’ll be learning about using Figma and its boolean operations, as well as inline SVG animation via the animateTransform element. This is what we’ll be creating:… Continue reading Create an Animated SVG Logo for International Women’s Day 2019
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
International Artist Feature: Guatemala
Welcome back to our International Artist Series. Today, we’re catching up with five incredible artists from Guatemala, a Central American country that is home to Mayan cities and a long history of artistic production. I asked each artist how their country and culture influenced their work, and they delivered great responses. Wilker Velásquez… Continue reading International Artist Feature: Guatemala
How to Make a Personal Resume Website: From a WordPress Theme
What You’ll Be Creating In the modern work world, a simple resume is often not enough. Sure, it’s imperative to send it along with any job application, but if you truly want to stand out you need to go a step further. And nothing makes you stand out more than a personal website that showcases your education… Continue reading How to Make a Personal Resume Website: From a WordPress Theme
How to Make a Valentine’s Dinner Restaurant Menu Flyer Template
What You’ll Be Creating Do you have a fascinating dinner event in mind and wish to kick off the celebration with a catchy restaurant menu design? Great! There are many software packages available to enable you to design flyer templates, but today we will be using Adobe Illustrator in a step-by-step guide to custom designing a… Continue reading How to Make a Valentine’s Dinner Restaurant Menu Flyer Template