Tag: top

How to Design a Powerfully Persuasive Above the Fold Area

There are few parts of a website that command more attention than the area above the fold. This is the screen section users look at after immediately landing on a website. The punchier and more persuasive the above the fold is, the better your conversion rates. Despite its importance, this crucial real estate often gets… Continue reading How to Design a Powerfully Persuasive Above the Fold Area

Benefits of Using Kanban Tools in Project Management

Team members are the people who usually give their insight when there is a discussion about identifying the opportunities to improve the business. But in the majority of the situations they will be busy, and it does not seem right to pull them from their work and get their input. So, if the same team… Continue reading Benefits of Using Kanban Tools in Project Management

Create a WordPress Image Gallery: Code the Plugin

What You’ll Be Creating People like pictures. They like looking at them, they like clicking on them. So it makes sense to use them in the navigation for your site. You may already use featured images in your archive pages, letting users get a greater insight into what a post is about and making your… Continue reading Create a WordPress Image Gallery: Code the Plugin

Keyboard Accessibility Tips Using HTML and CSS

Making your website accessible for keyboard-only users is an important part of the bigger accessibility picture. Here are some keyboard accessibility tips you can quickly implement using basic HTML and CSS. A11y From the Beginning These tips are part of Web Accessibility: the Complete Learning Guide, where we’ve collected a range of tutorials, articles, courses, and… Continue reading Keyboard Accessibility Tips Using HTML and CSS

Draw with CSS: Using CSS To Draw Elements

With clever use of CSS properties, it is in fact possible to draw very complex shapes. All the shapes below were drawn with CSS alone. It might be that CSS isn’t the best way to render shapes in the browser window, but it’s very fast and included for “free” on all modern browsers. Learn how… Continue reading Draw with CSS: Using CSS To Draw Elements

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

12 Biggest UX Flaws Hijacking User Experience (and How to Fix Them)

Undeniably, website designing is a cut and dried chore these days. First off, you get a simple layout ready. Next, you paint it with combination simpler colors. Then you stuff it with simplest words possible. Get set go! However, in their eagerness to launch their site in a hurry, most website owners forget to address… Continue reading 12 Biggest UX Flaws Hijacking User Experience (and How to Fix Them)

How to Create a Mental Health Themed Photo Manipulation in Adobe Photoshop

What You’ll Be Creating Although mental health is just as important as physical health, it’s often misunderstood and treated too lightly. After all, a person suffering from depression or anxiety looks completely fine on the outside, and nobody can tell what they’re really feeling. That’s where art can help—it allows the artist to show their… Continue reading How to Create a Mental Health Themed Photo Manipulation in Adobe Photoshop

Introduction to Firebase

We are in an era of rapid prototyping. We may get bright ideas, but sometimes they don’t get implemented if they take too much work. Often, the back-end is the limiting factor—many ideas never get implemented due to lack of knowledge or time for server-side coding. As a mobile developer, using a back-end as a service (BaaS) platform can… Continue reading Introduction to Firebase

21 Awesome WordPress Podcast Themes to Make Audio Sites

If 2017 was the year of the podcast, then 2018 is the year of the podcast website–here’s a collection of WordPress themes to build your perfect podcast site. The Unstoppable Rise of the Podcast The NPR Podcast sketch from comedy show Portlandia has all the hallmarks of peak podcasting: soft-spoken hosts, quirky background music, a Blue… Continue reading 21 Awesome WordPress Podcast Themes to Make Audio Sites

Top 5 Tips to Design the Best Banner Ads for More Clicks

The best banner ads capture our attention and are irresistible to click. What goes into these effective ads? Discover ten tips to creating the best banner ads. Are you struggling to come up with creative and engaging banner ads for your business? Having people interact and be interested in your ads is difficult if you… Continue reading Top 5 Tips to Design the Best Banner Ads for More Clicks

Top 5 Tips to Design the Best Banner Ads for More Clicks

The best banner ads capture our attention and are irresistible to click. What goes into these effective ads? Discover ten tips to creating the best banner ads. Are you struggling to come up with creative and engaging banner ads for your business? Having people interact and be interested in your ads is difficult if you… Continue reading Top 5 Tips to Design the Best Banner Ads for More Clicks

4 Key Design Principles That Videos Should Leverage

September 30, 2018 by Spyrestudios Design principles can be applied to any visual medium – and videos are no exception. In fact it is essential that you consider the design of the elements in your videos if you want them to look impressive. While there are many design principles that you should take into account,… Continue reading 4 Key Design Principles That Videos Should Leverage

A Collection Of 10 Well-Designed Wedding Websites

Okay — you have clients, and they need websites for their weddings — like, asap! How do you choose the best wedding website builder, though? Superb query. Well for starters: You want to use a wedding website building platform that saves you time, saves them money, cuts out uncalled for stress and effort, helps you… Continue reading A Collection Of 10 Well-Designed Wedding Websites

Create Custom Maps With the MapSVG Plugin

What You’ll Be Creating If you’re like me, you’ve been using Google Maps to add maps to your WordPress sites for years, but you sometimes get a little frustrated about the lack of customization options. In this tutorial, I’m going to show you how to use an alternative—a WordPress plugin called MapSVG that lets you… Continue reading Create Custom Maps With the MapSVG Plugin

A Guide to Getting Ready for iOS 12 Notifications for Designers

Now that iOS 12 is out and some users have upgraded to the operating system, you’ll want to start revising your application to take advantage of the new features of iOS 12 notifications. What’s new in iOS 12 Notifications? iOS 12 brings a number of changes to how notifications work. While no single change completely… Continue reading A Guide to Getting Ready for iOS 12 Notifications for Designers

Render Text and Shapes on Images in PHP

In the previous, we focused on loaded and manipulating images with PHP. We learned how to rotate, resize, scale or flip an image. We also learned about different filters and the convolution matrix. Those tutorials also covered some practical uses of the GD library like resizing all images in a directory or adding watermarks on multiple… Continue reading Render Text and Shapes on Images in PHP

How to Boost Email Conversions With Personalization and Dynamic Content

Did you know, that instead of sending the same email to everyone on your mailing list, you can improve your results and conversions by sending highly-targeted messages to laser-focused audiences? I’m not just talking about just personalizing the message subject line or the greeting–those things help, but what I’m talking about is using dynamic content… Continue reading How to Boost Email Conversions With Personalization and Dynamic Content

How to Create a Pastel Photo Effect Action in Adobe Photoshop

What You’ll Be Creating In this tutorial, you will learn how to create an amazing pastel photo effect in Adobe Photoshop. I will explain everything in so much detail that anyone can create it, even those who have just opened Photoshop for the first time.  The effect shown above is the one I will show… Continue reading How to Create a Pastel Photo Effect Action in Adobe Photoshop

Resize and Manipulate Images in PHP (With Examples)

In my previous tutorial, we discussed basic image manipulation using the PHP GD library. In that tutorial, I gave a brief introduction to the library and showed you how to load images from a file or create them from scratch in PHP. After that, we learned how to crop, rotate, scale and flip an image… Continue reading Resize and Manipulate Images in PHP (With Examples)

4 Insider Secrets to Building Persuasion in Every Pixel

One of the fundamental mistakes you can make as a web designer is to divorce your designs from business goals. Few websites exist just for the sake of it. If you want to be a well-paid designer, you’ll have to align your work with your clients’ business demands. Most businesses have a simple goal for… Continue reading 4 Insider Secrets to Building Persuasion in Every Pixel

How to Develop and Test a Site Using Mobile-First Design

You’ve spent hours honing in the branding. You’ve followed SEO best practices for every page.  You’ve even painstakingly mapped out user flows to find the optimal page architecture. In short, you’ve built a beautiful website that you’re sure your visitors will love. It looks gorgeous on your 17” retina display. But how’s it going to… Continue reading How to Develop and Test a Site Using Mobile-First Design