Articles - Page 128

Browse hundreds of articles, tips, and inspiring design collections. Find helpful design advice, or the perfect resource for your next project.

How to Embed a YouTube Video in Keynote

Keynote Templates / 21 Aug 2019

How to Embed a YouTube Video in Keynote

If you’ve ever wanted to embed a YouTube video in Keynote to create a more engaging slideshow for in-person or recorded presentations, don’t worry. It’s not complicated at all.

We’re going to take you through how to embed a YouTube video in Keynote step-by-step, and share a few tips for how to use video to supercharge your presentations.

You don’t need any special software, and you’ll be all set with a video-packed presentation in minutes!

10 Tips for Designing for Wearables and Watches

Graphics / 20 Aug 2019

10 Tips for Designing for Wearables and Watches

Every day, we see more and more people sporting an Apple Watch or similar. These devices are constantly changing the way we think about wearable technology and how to design websites and apps for unique interfaces.

Wearables present challenges unlike other design projects. Function is a primary concern, as is the size, with what will be one of the smallest screens designers have ever worked with.

The key is creating a design that is visually pleasing but is user-friendly and provides a functional experience.

Here are 10 things to consider as you design for a wearable interface (with examples other designers are already imagining).

UX Designers Will Love Phrase

Reviews / 19 Aug 2019

UX Designers Will Love Phrase

Have you ever struggled with translation management across languages for a website project? It can be a complicated task to navigate. Phrase is designed to make it a lot easier, saving UX designers time and effort during website builds.

Phrase is a translation management solution for software products. It’s built with designers in mind, and their recently released Sketch Plugin can be incredibly helpful for anyone designing with multiple languages in mind.

We’re taking a look at the broad tool, as well as the new Sketch Plugin, and explaining how it works.

What Is Adobe After Effects (And What Is It Used For?)

After Effects Templates / 19 Aug 2019

What Is Adobe After Effects (And What Is It Used For?)

Adobe After Effects is a video and animation-based tool that’s used to add elements to moving pictures and animations. Most designers use it to create titles, intros, and transition between clips for more seamless video production.

After Effects is part of the Adobe Creative Suite of products and is included in cloud plans. Full suite users already have access to this tool, or you can get it on its own if that’s all you need.

As with other Adobe tools, the great thing about using this set of tools is that functions and interacts have a look and feel that you are probably already used to, making it easier to learn on the fly.

Here’s a look at Adobe After Effects, what it is, and how to know if you should use it for projects.

How to Insert a GIF Into PowerPoint

PowerPoint Templates / 18 Aug 2019

How to Insert a GIF Into PowerPoint

GIFs are more popular than ever right now and they can be a great way to add a touch of personality, character, or humor to your PowerPoint presentation. We’re going to quickly cover how to insert a GIF into PowerPoint in a few quick, easy steps!

Of course, you have to find the right image to use in a presentation. If you’re going for humor, aim for something short, punchy, and easy to read from a distance as well! If you’re using a GIF to explain a workflow in your app or product, try zooming in on the areas you’re getting people to look at.

Once you have your GIF sorted, here are the steps you need to focus on in order to insert your GIF into PowerPoint.

How to Use Premiere Pro: 10 Beginner Guides + Tutorials

Premiere Pro Templates / 15 Aug 2019

How to Use Premiere Pro: 10 Beginner Guides + Tutorials

Adobe Premiere Pro is one of the most powerful video editing tools professionals can’t live without. Whether you’re making films or editing YouTube videos, this app can do wonders to help advance your career.

Getting access to technology and software used by Hollywood movies used to be a dream for most filmmakers and video editors. Today, you get to use that same software for a very low price.

Films such as Avatar, Deadpool, Gone Girl, and many more were made using Premiere Pro. If you’re interested in using this incredible software and learning how to make the most of the app, we made a round-up of some useful guides and tutorials to help you get a head start.

10 Ways to Use Mapping in Web or App Design

Layouts / 14 Aug 2019

10 Ways to Use Mapping in Web or App Design

Almost everywhere you look these days, you find a map or location-based nugget of information. Almost every app asks for a location, and their presence is becoming more and more common on desktop websites as well.

But if you have not branched out into the world of mapping or location data, it may seem a little intimidating.

How can you effectively use mapping services for your website or app? We’ll take a look at ten ways you can integrate a map today.

What Is Adobe Premiere Pro? (And What Is It Used For?)

Premiere Pro Templates / 14 Aug 2019

What Is Adobe Premiere Pro? (And What Is It Used For?)

Adobe Premiere Pro is one of the go-to editing tools for video, including film, TV, and clips for the web and social media. If you are an Adobe CC subscriber and have seen this tool but haven’t given it a whirl, what are you waiting for?

While Premiere Pro can look a little intimidating at first, functionality is rooted in the same principles as other Adobe products and with a little tinkering, you should figure it out pretty quick (and there’s plenty of documentation and online help available).

So, what is Adobe Premiere Pro and how can you make this most of this video-editing tool? Let’s take a look.

The Lowdown on :before and :after in CSS

CSS / 7 Aug 2019

The Lowdown on :before and :after in CSS

We previously took a look at :active, an extremely handy pseudo-class selector that can be used to create some awesome mouse-down effects. Today we’re going to take a step back and explore some other “pseudo” items, this time we’ll be looking at the pseudo-elements :before and :after.

You’re probably beginning to see these used all over the web in advanced CSS examples so you might as well jump in and learn to use them yourself.

What is a pseudo-element and how does it differ from a pseud-class? Why do pseudo-elements sometimes have one colon and sometimes have two?

How are :before and :after implemented in CSS? What are some ways that developers all over the web are using these tools to perform amazing feats of modern coding?

Read on to find out.

What Are Photoshop Actions? (+ 15 Useful Examples)

Photoshop Actions / 7 Aug 2019

What Are Photoshop Actions? (+ 15 Useful Examples)

Photoshop Actions might be one of the best tools you aren’t taking advantage of. Simply, a Photoshop Action is a sequence of things done to an image in the editing process that you can save and use repeatedly. Actions can be great for batch editing, saving bulk files, and almost any process that could be made faster by recording and repeating.

So, what are Photoshop Actions and how do you make the most of them? Their use case can be so varied and extensive, it’s often hard to know where to start.

Read on to learn more about what Photoshop Actions are, where they’re stored on your computer, and where to download them from.

How to Add Slide Numbers in PowerPoint

PowerPoint Templates / 7 Aug 2019

How to Add Slide Numbers in PowerPoint

It’s often a good idea to organize your PowerPoint presentation with slide numbers. Numbering can help you keep track of slides and provide additional information on notes pages to make following a presentation that much easier.

The best part about adding slide numbers in PowerPoint is that you don’t have to do it manually. Insert slide numbers the right way and they will automatically update and change as you add slides to your presentation.

Here’s how to add slide numbers in PowerPoint, quickly and easily.

The Lowdown on Absolute vs. Relative Positioning

CSS / 6 Aug 2019

The Lowdown on Absolute vs. Relative Positioning

When I was first learning web development, the style side of CSS seemed straightforward and fun, but performing layout feats seemed like a confusing mess. I sort of felt my way around without a solid understanding of how things like positioning and floats worked and as a result it would take hours to perform even simple tasks. If this situation sounds familiar, then this article is for you.

One of the real revelations that I had early on was when I was finally able to wrap my head around how positioning contexts worked, especially when it came to the difference between absolute and relative positioning.

Today we’re going to tackle this subject and make sure you know exactly how and when to apply a specific positioning context to a given element.