Search Results For: broken

Typography / 21 Apr 2014

The Complete Guide to Special Characters

Not everything is as easy as ABC or 123. Sometimes your copy might require a character outside of the basic alphabet. That’s where special characters and glyphs come in. (Look around, they are more common than you might think at first.)

Depending on your workflow, inserting a glyph can be as simple as a keystroke or a multi-step process. Much of it depends on the software you are using, typography palette and how the final product will be published. Here, we are going to take a look at special characters, examples of use and tips for success.

Graphics / 29 Dec 2013

6 Famous Logos That Leverage Inconsistent Design

One of the most powerful tools that you can use to improve any design is repetition. Repeating colors, shapes and other visual elements throughout a design increases consistency and familiarity so that the design feels more attractive.

But what about the flip side of this idea? Is it possible to wield inconsistency in such a way that it improves the quality of a design? It turns out that lots of well known logos use this very tactic. Read on to see what they are.

CSS / 21 Jun 2013

What the Heck Is CSS Specificity?

CSS specificity is a topic that many new front end coders avoid for as long as possible. It sounds complicated, there are all of these rules, you might even have to do some math! How lame is that?

Ultimately, you can only avoid it for so long. Specificity is an essential concept that you need to grasp to be an effective developer. Today I’ll walk you through the concepts of specificity in a simple and easy to understand manner. It’s easier than you think!

Software / 26 Sep 2012

Adobe Edge: Does Adobe Finally Understand Developers?

Adobe and web design. They have a complicated history. I can never quite tell if Adobe is an estranged partner of web developers or an active advocate. Are they focused on empowering developers or replacing them with clunky WYSIWYGs?

Today we’re going to take a look at Adobe Edge Tools and Services, a new initiative from Adobe that might be enough to change your mind about how Adobe views coders.

Software / 30 Jul 2012

How to Turn Photographic Textures Into Masks in Photoshop

Texture is a key element of design. Learning how to wield and apply textures effectively will really open up your level of skill and proficiency in Photoshop.

Today we’re going to learn about a super quick and easy way to take a photographic texture and turn it into a mask that affects the transparency of a layer. No matter how proficient you are with Photoshop, you should be able to pick up this technique and begin using it on your projects today.

CSS / 11 Jan 2012

Build a Fun Trivia Game With the CSS Active Selector

We’ve done a ton of fun stuff recently with the :hover selector. From button hover effects for beginners to more advanced hover tutorials and even onto using hovers with multiple backgrounds. Today we’re moving on and learning about a related but equally awesome selector that often gets overlooked.

With :active, we can control the state of an object while it’s being clicked. Typically, this takes the simple form of changing a link’s color while the mouse is pressed down, but we’re going to do something much more interesting. Follow along as we build a super cool, pure CSS presidential trivia game.

CSS / 24 Oct 2011

What Is CSS? Back to Basics

This is the third article in our back to basics series where we’re taking a look at the absolute beginning concepts of web development. If you’re a designer with little to no knowledge of web programming, this series is for you.

In our first article, we went over what HTML is and in our second article we outlined the basic anatomy of an HTML document. Today we’ll jump to a new topic and answer a very important question: What is CSS?

Typography / 17 Aug 2011

5 More Typography Do’s and Don’ts Everyone Should Know

Yesterday we brought you part one of our ten do’s and don’t for working with typography. Today we’ll wrap up with five more!

Read on to see if you’re guilty of any of the following blunders and how to make sure you never do it again.

Graphics / 28 Jul 2011

Three Quick Design Tricks: Sliced Text, Metal Knobs and Curled Stickers

Today we have a small collection of completely random but very useful design tricks that you should keep in the back of your mind the next time you need a new idea.

We’ll be showing you how to slice up some text in Illustrator to give it an edgy feel and how to build a metal slider and a curled sticker in Photoshop.

Layouts / 20 Jul 2011

Ditching the Grid: Alternative Layout Strategies and Tips

Are you tired of creating building websites using the same old grid-based layouts for every project? Have you been itching to break away from the norm and attempt something a little more organic?

Today we’ll take a look at a few sites that have done just that to see what we can learn about alternative layout methods and how they can be successfully implemented.

Business / 11 Jul 2011

How to Teach Someone Graphic Design

Do you have a friend, family member or colleague who is considering design as a profession and looks to you for guidance? Your instruction could mean the difference between a meaningful career and a non-starter.

Today we’ll offer up some basic advice that everyone should consider before attempting to teach someone to be a graphic designer.

Business / 22 Jun 2011

Using the Black Box Model to Design Better Websites

Today we’re going to introduce you to a popular model used in marketing to understand consumer behavior. We’ll then discuss how you as a designer can use this model to structure your designs to encourage action from users.

By becoming more equipped to analyze your visitors, you’ll be able to make informed decisions about how to design more persuasive websites.