Search Results For: style

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.

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.

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.

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.

Inspiration / 2 Aug 2019

25+ Awesome Responsive Blog Designs

Whether you’re a blogger looking for the perfect design for your next website or a web designer looking to get inspired for your next project, the process always starts the same way—by exploring designs made by others.

We’re here to make that process easier for you. In this post, we’re featuring a roundup of some of the best and most professional blog designs you can find on the Internet. If you’re working on a new blog layout design, or simply planning on making a new blog, you can start your search for inspiration right here!

Business / 24 Jul 2019

How to Find or Create Your Brand Personality

What is the personality of your brand? No, it’s not a trick question. Is your brand formal or spunky or socially conscious?

Identifying and defining the identity and personality of your brand is crucial.

Even if you don’t define it, some sort of personality (even of the multiple variety) will come through. So it’s best to think about it now. The last thing you want is anyone else getting any say in how exactly your brand is defined.

Who do you want your brand to be?

CSS / 10 Jul 2019

Inner Shadows in CSS: Images, Text and Beyond

Shadows in CSS are quick and easy, whether you’re slapping on a box-shadow or a text-shadow. But how comfortable are you with inner shadows? Can you pull off an inset box-shadow? How do you do the same thing on some text?

Today we’re going to learn some really simple inset shadow techniques that you can pull off with just a few lines of code. I’ll walk you through both the box-shadow and text-shadow syntax and how to change them to pull off an inset shadows.

Google Slides Themes / 1 Jul 2019

5 Quick Google Slides Tips & Tricks

If you aren’t using it already, Google Slides might quickly become one of your favorite tools. For anyone with a Google account, the presentation software is included to use completely free of charge.

It’s packed with tools to help you make great presentations with ease, and it supports downloadable templates to help you get started fast.

Make the most of this presentation tool with these tips and tricks that make Google Slides that much more functional!

Google Slides Themes / 24 Jun 2019

How to Embed a YouTube Video in Google Slides

You know that video can add extra spark to a website design, but it can also spice up a presentation. The challenge is that embedded videos can sometimes result in presentation mishaps if they don’t play properly.

It can be pretty embarrassing to run into one of these mishaps, but they are totally preventable.

Today, we’re going to walk through how to embed a YouTube video in Google Slides so you can nail your presentation, embedded video and all!

Photoshop Actions / 19 Jun 2019

How to Create Actions in Photoshop in 5 Minutes

A Photoshop action can save time and effort when you perform some of the same edits and tasks repeatedly. You can record almost any command into an action that you can replay for later use on different files.

Here, we have step-by-step instructions so you can learn how to create actions in Photoshop. (It really only takes five minutes.)

In no time at all, you’ll have a helpful Photoshop action that can save you time every day!

PowerPoint Templates / 12 Jun 2019

How to Start and End a Presentation: 10 Unique Ideas

A good presentation leaves you wanting more. It engages your thirst for information. These presentations are a mix of killer content, striking visuals, a charismatic speaker and—crucially—a memorable start and end.

And with the right tools, almost anyone can give a great presentation. When every minute matters, how you start and end your presentation can have a huge impact on what people take away from the time you’re talking to them (and whether it makes a lasting impression!)

Today, we’re breaking from traditional visual design techniques to think about how to craft a dynamic presentation, with a memorable beginning and ending.