There are so many creative ways to embed audio and video content in your website, once you step away from default players and explore custom plugin options. Whether you are showcasing content that you created yourself—as a musician, podcaster, filmmaker, or YouTuber—or simply want to add music or video content to your website, you know… Continue reading 15 Best WordPress Audio Player and Video Player Plugins
Tag: top
Target CSS for Specific Content With WordPress Template Tags
What You’ll Be Creating Learning WordPress development isn’t just about learning to code PHP. You’ll also need some HTML and CSS skills if the sites, themes and/or plugins you create are going to work well. In this tutorial, I’ll show you an incredibly useful feature of WordPress that mixes PHP with some simple CSS. It’s… Continue reading Target CSS for Specific Content With WordPress Template Tags
How to Design a Travel Website that Accepts Booking and Reservation
Lots of people are relying on travel websites for their travel needs. From plane tickets to hotel bookings and everything else in between, travelers now have the option to customize their travel experiences. Any travel booking website can get you from point A to point B, but the best ones will get you to your… Continue reading How to Design a Travel Website that Accepts Booking and Reservation
How to Draw Anime Hair
What You’ll Be Creating Hair is a very complex subject to draw, because it’s like a substance that can take many shapes and forms. Because of this, manga artists have developed a special method of simplifying hair. In manga or anime, you draw hair as a mass or a cloth. This way it can be… Continue reading How to Draw Anime Hair
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
How to Create a WordPress Landing Page Template
What You’ll Be Creating One of the purposes of a website is to generate leads. This can happen in a number of ways: you might have a form for people to contact you for a specific quote, you might encourage people to create an account when buying goods on your site, or you might have… Continue reading How to Create a WordPress Landing Page Template
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