Search Results For: microsoft word

Color Fonts: A Beginner’s Guide

Typography / 31 May 2017

Color Fonts: A Beginner’s Guide

So what in the heck is a color font? It’s a term that keeps popping up and is starting to gain traction, although use in large design projects is still in its infancy.

Vendors such as Adobe’s Typekit have started to release some color font options with browser support, so there’s some movement toward wider use. Some have even called color fonts “the next big thing in web design.”

Here, we’ll look at the trend and let you decide how big – or not – this concept will be.

The Complete Guide to an Effective Card-Style Interface Design

Layouts / 18 Mar 2015

The Complete Guide to an Effective Card-Style Interface Design

Card-style architecture is one of the biggest things in web design, and mobile design in particular. From apps to responsive websites, the card-style format is popping up everywhere.

And for good reason. Mobile card design looks nice, works well on a variety of devices and creates distinct organization and a method for content delivery. That’s why many large, well-known brands are using the card format and many smaller design and development groups are following suit.

Simple Tips for Designing a Newsletter Template That Stands Out

Business / 29 Apr 2013

Simple Tips for Designing a Newsletter Template That Stands Out

Almost every business has an email newsletter these days. From retailers promoting sales, to organizations showcasing information and events, the email newsletter is one of the most popular marketing tools out there. And for it to really be effective, it must look good.

An almost unlimited number of free email templates can make it easy to just download something and send out an email, but you should really take the time to create a custom template for communications that represents your business and who you are. Your newsletter represents your work just as much as a website or printed product. Although getting started can be intimidating, it’s fairly easy to create a newsletter template, choose software for distribution and send your first group email. It is important to keep in mind that most people get a lot of email every day, so you must work to make your newsletter stand out.

Create an Animated Share Menu With CSS

CSS / 18 Dec 2012

Create an Animated Share Menu With CSS

Sharing is an integral part of the web experience and designers are always looking for new and interesting ways to highlight or show off the sharing portion of their pages.

Today, we’re going to build a simple sharing menu that integrates an icon font as well as some animations. The final product is inspired by Disqus, but has a unique twist of its own. Let’s jump in and see how it works.

Cycle Through Client Quotes With CSS Keyframes

CSS / 17 May 2012

Cycle Through Client Quotes With CSS Keyframes

Client testimonials are a popular website feature. They bring credibility to a company and instill a sense of trust. If your other clients love you so much, I might too!

As a fun experiment, today we’re going to set out to build a cool little quote section that will rotate between multiple different quotes using only CSS. Along the way, we’ll learn all about how to plan and create multi-step keyframe sequences. Let’s get started.

What’s the Deal With :target in CSS?

CSS / 10 Apr 2012

What’s the Deal With :target in CSS?

I’ve been seeing a lot of tutorials lately that utilize :target in CSS to perform some fancy feat so I thought I’d take the time to really dig in and discuss how and why this syntax works. Instead of blindly following someone else’s code, you should be able to wield this tool with the knowledge of what’s happening how it affects browser support.

Read on to learn all about the basic functionality associated with the :target pseudo class and how you can stretch that ability to perform all kinds of crazy stuff with pure CSS. Along the way we’ll build some great navigation and slideshow examples for you to learn from.

Convert a Pricing Table PSD to HTML and CSS

CSS / 7 Feb 2012

Convert a Pricing Table PSD to HTML and CSS

Today we’re going to grab some PSD pricing tables from Design Curate and try to convert them to pure CSS so you can easily drop them into your site.

It’ll be a super basic but fun exercise in bringing a static design to the web and you’ll learn plenty of fun stuff along the way such as how to style hr tags a create a superscript effect.

10 Tips for Designing Presentations That Don’t Suck

Keynote Templates / 3 Sep 2010

10 Tips for Designing Presentations That Don’t Suck

PowerPoint has produced more bad design in its day that perhaps any other digital tool in history with the possible exception of Microsoft paint.

In this post we’re going to address the epidemic of bad presentation design with ten super practical tips for designer better looking and more professional presentations. Along the way we’ll see a number of awesome slide designs from Note & Point along with some custom examples built by yours truly. Let’s get started!