Search Results For: microsoft word

Understanding the Three Question Limit as a Designer

Business / 13 Mar 2013

Understanding the Three Question Limit as a Designer

Have you noticed when you ask someone three questions in a row, their eyes glaze over and they stop paying attention? It’s a psychological defense mechanism to keep our privacy to ourselves. It’s one reason so many people choke up when taking a test.

The human, by nature, is a questioning animal. We question our existence and future but when it comes to giving answers, that’s just not in our biological nature. This is one of the problems with planning a design project. Questions have to be asked – numerous questions. There is, however, a way to ask questions and get all the answers you need…

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.

Business / 21 Jul 2011

Creating Environments That Optimize Creativity and Inspiration

Today’s article takes a look at how to help maximize creative thought by carefully structuring the environment around you. Everything from the design of your office to the specific hours of the day that you choose to work can play a key role in how effective you are when it comes time to actually get things done.

HTML / 28 Dec 2010

Deeper Study Into the WWW’s Document Object Model

The Document Object Model is a fundamental part of the World Wide Web. DOM for short, this is a set of API standards which define how a browser should construct a web document and how developers are able to manipulate objects.

We’ll be looking a bit further into how the DOM really works. The model has been around for years and currently resides at DOM level 3 (DOM3 documentation here). There is a DOM4 currently in editor’s draft with some brand new specs coming soon. For now we can focus on a brief understanding of how the object model came into being.

CSS / 20 Oct 2010

CSS3 Cookbook: 7 Super Easy CSS Recipes to Copy and Paste

By now you’ve probably seen enough lengthy CSS3 tutorials to last a lifetime. You’re probably starting to become familiar with what CSS3 has to offer and are ready to move past basic theory and see some practical design examples that you can copy and paste right into your code without without wading through tons of commentary.

Well you’re in luck because that’s exactly what we have for you today! Below you’ll find seven fun and attractive CSS tricks that you can grab and insert right into your own projects and customize at will. Keep in mind that since this stuff is still cutting edge, older browsers won’t support most of it. I’ve tried to ensure graceful degradation where possible so that you can provide a working experience to all users and a better experience to those with using webkit.

Graphics / 11 Oct 2010

The Science Behind Design Color Theory

Color Theory has been a subject of interest for years in the art community. The rules and guidelines hold true when working on digital projects just as much as physical items.

There is a lot to learn in the subject of color so I’m going to cover just some of the key points. Terminology is something many designers get caught up on which really shouldn’t scare you or hold you back. The science behind color theory is brilliant yet elegant. It should be a topic of interest to every digital artist.

Graphics / 4 Feb 2010

15 Design Tips to Learn From Apple

There is no shortage of companies that follow popular design trends to appeal to a mass market. Much more rare is the breed of company that actually sets design trends. Today we’ll examine the techniques of a company that occupies the top of the design food chain: Apple.

Below you’ll find 15 practical ways to follow Apple’s example in creating beautiful interfaces.