Everything You Need To Know About CSS3 Box Shadow

css3-box-shadows

This article takes a look at the box shadow effects we can create on our block level elements with CSS3.

20 Example Travel Websites That Will Get You Moving

example-travel-websites

Pack your bags.  We are going on vacation. A well designed travel website will activate the travel bug with vivid imagery and exciting, descriptive copy.  And, it will give the would be traveler all the information they need to arrange their travel plans. What Should a Travel Website Include? To make a visitor’s travel planning […]

13 Experts Lay The Smackdown on the PRWeb Home Page

pr-web

The verdict is in. And it was virtually unanimous.  PRWeb, one of the largest distributors of press releases on the web, needs to go to work on their home page. Each expert critiqued the PR Web home page independently and virtually all of them gave it a “thumbs down.” Take a look and add your […]

How To Code An Email Newsletter in 6 Simple Steps

email-design-templates

In this tutorial I’ll walk you through the steps necessary in coding a functioning email in HTML that displays well in most email software.

The Straight Skinny On CSS3 Rounded Corners and Border Effects

css3-rounded-corners

In the previous article, we looked in to a wide variety of text shadow effects. In this article we’re going to look at rounded corners and border effects. Rounded Corners Previously as a web developer, if you ever wanted to create a layout with rounded corners it used to be an absolute pain. Techniques such […]

Six Rule-Breaking Websites That Defy The Design Grid

websites-that-break-the-grid

Having a solid grid system is foundational to good design – web or otherwise. The grid was first widely recognized in the 1950s when the International Typographic Style, or Swiss Style, was adopted by many designers. “The grid system is an aid, not a guarantee. It permits a number of possible uses and each designer […]

How To Create Loading Spinners Using CSS3 Animations

css3-loading-spinners

Giving feedback to the visitors is a massive part of the user experience, if the user clicks a button they would expect to see something happen. An example of this is uploading an image to a website, it may take some time for the server to upload the image, but when the user clicks the […]

6 Simple Ways to Gear Up And Get Inspired For Your Next Web Design

web-design-inspiration

For most of us, getting started is the hardest part. The dreaded ‘blank canvas’ is sometimes daunting and no amount of hair pulling and coffee servings seem to be helping. Here are 6 simple ways to jumpstart your creative process: 1. Let the Colors Guide You Good design captures purpose and mood. That’s why a […]

20 Amped Up Musician Websites That Keep Fans Engaged

musician-websites

Many musicians put their soul into their music, and it’s only appropriate that this energy be carried over to their website. While this is an artists chance to put their best foot forward and get viewers interested in their music, they should tread lightly when it comes to flash-based websites, splash pages, and music that […]

How To Create CSS3 Modal Box Bounce And Minimise Animation

css3-modal-box-bounce

In this tutorial we are going to create a modal box which will open by bouncing on to the screen and then when you close the box it will minimise out of sight. To do this we are going to use new CSS3 features of 3D transforms, which means that it’s not going to be […]

9 Awesome WordPress Galleries for Your Inspiration

good-looking-wordpress-themes

If you are developing a website or blog on WordPress and need a little design inspiration, then you are in luck. In today’s post, we are going to look at nine galleries that showcase the power, functionality, and design capabilities of sites on the WordPress platform. We have also included traffic statistics if you are […]

Why I Fell in Love with the Sass CSS3 Extension, And You Will Too!

sass-css3-extension

In some ways I’ve always been a traditionalist. I like writing my code from scratch, without preprocessors and frameworks. I feel like I have more control over what I’m doing. Recently, however, I finally took a proper look at Sass – the CSS3 extension – and I have to say that I’ve kind of fallen […]

5 Niche Social Bookmarking Networks for Designers

social-bookmarking-web-designers

When it comes to social media, everyone talks about the major networks – Facebook, Twitter, Google+, and LinkedIn. But there are other social sites out there that can drive traffic to your website or blog content, particularly social bookmarking sites. While you might know about the major social bookmarking sites, you may not know about […]

12 Web Design Changes That Improve Website Bounce Rates

make-business-social

Your website gets a lot of traffic.  But that traffic doesn’t stick around.  Sound familiar? Every day internet users visit millions of web pages but don’t spend more than a few seconds on the majority of them. They land on a page, skim it briefly and move on. The ‘Bounce Rate’ is a measure of […]

How To Create 15 Different CSS3 Transition Effects

css3-transition-effects

In this tutorial we are going to look at 15 different effects you can create using CSS transitions. CSS3 allows you to add transitions to different CSS properties on any HTML element. Using CSS transition effects allows you to add different types of animation to your web pages. If you look at the social media […]

20 Hard-Hitting Startup Websites That Get Visitors To Take Action

successful-startup-websites

The viral nature of the web makes it an excellent breeding ground for interesting startups. If you have a cool idea, the web can help you spread it.  That is, if you can communicate that cool idea. A startup website has fewer seconds to make an impression than the site of an established brand.  It’s […]

8 Do’s and Don’ts of Effective Web Design

Effective Web Design

In the relatively old days, there was just one simple question: is the page converting or not? Today, thanks to measures like CrazyEgg, we can go a level deeper and evaluate the page in terms of every one of its elements: Which components convert and which don’t? Where should the copy be placed and why? […]

9 Stunning WordPress Themes for Photographers

wordpress-photography-themes

As an amateur photographer married to a professional photographer, one of the things I spent a lot of time on recently was choosing a WordPress photography theme. When it comes to posts on WordPress themes, you’ll likely see the stock theme screenshot. Today, I would like to share with you some of my favorite photography […]

5 Ways to De-Clutter Your Website For Better Conversion Rates

declutter-website

When it comes to your website, and particularly your landing pages – less is more. Even as far back as 1997, usability guru Jakob Nielsen advised us to design for “scanners” – people who read the web in chunks (79%) rather than every word on a page (16%).  But reading is only part of the […]

20 Inviting Examples Of Hotel Website Design

hotel-website-design

Hotel website design can be tricky business.  A hotel’s core job is to give its guests a sense of comfort in an inviting atmosphere. This feeling should be extended onto the website design for the hotel as well, garnering the customer’s interest while providing an accessible experience that allows those who never booked with them […]

25 Exciting And Effective Infographic Designs

example-infographics

We have already discussed the essentials and rules of great infographic design and now it’s time to see those tips at work! Here are 25 outstanding infographics from all over the Internet that embody everything that makes data visualization so exciting and effective. Tell us which ones are your favorites (and why) and feel free […]

How To Design an Email Newsletter Template in 7 Simple Steps

design-email-newsletter-template

Email newsletters are more important than ever. If you want to reach potential and existing customers, they’re a great way to spread the word about upcoming projects, company news, and other business-related information to a large audience. In this tutorial I’ll walk you through how to create your own email newsletter template in Photoshop, taking […]

Everything You Need To Know About CSS3 Text Shadow Effects

css3-text-shadow-effects

With CSS3, a whole host of text shadow effects are available for us to play with. In this article, we’ll cover some of the effects you can make with relatively little CSS code. CSS3 text shadows can be applied to any text on the page. The syntax for text shadows is as follows: text-shadow:xPosition yPosition […]

3 Web Design Misconceptions And The Ammo You Need To Combat Them

web-design-misconceptions

Web design is one of the few professions where people will pay you to tell you you’re doing it wrong. I can’t remember where I heard that quote. It’s felt accurate at times. One of the most common ways in which it manifests itself is when clients and employers bring up some of the more […]

Tired of Lorem Ipsum? Check Out These 12 Hilarious Image and Text Placeholders

text-image-placeholders

Lorem ipsum can get a little boring if you use placeholder text often. And why fill your beautiful site with boring grey boxes when you’re waiting on images from a client? Try one of these hilarious (and not always client appropriate) alternatives for image and text placeholders! Funny Text Placeholders Bacon Ipsum (baconipsum.com) Every cut […]

A Simple Question That Will Streamline Your Logo Design Process

logo-question

Design is subjective. It’s not math.  Math is easier.  2 + 2 = 4.  There is no arguing that.  It’s a fact. But design is interpretable.  You know… the whole “beauty is in the eye of the beholder” thing. As a result, there is nothing more nerve racking than hitting the send button on an […]

How To Create a Slam Dunk Mobile App (Inspired By March Madness)

mission-baed-mobile-apps

We pay lip service to “designing for the end user” and “creating a better experience for users.” But we don’t always execute. If you are designing a mobile app, there is no question more important than the following: “What missions will my end user be trying to accomplish using this application?” Make a list.  Prioritize […]

Critique This Web Savvy Non-Profit Event Website

non-profit-event-website

Startup Weekend is a 501c(3) non-profit organization that is all about the doing. These are 54-hour events that bring marketers, developers, entrepreneurs and other movers and shakers together to launch a start up. We asked our Crazy Egg Marketing and Web Design Experts to weigh in on the design and marketing on the Startup Weekend […]

New to CSS3? Get Started With These CSS3 Basics

introduction-to-css3

Over the coming weeks, we are going to be introducing a variety of different CSS3 techniques that you can apply to your web pages to make them more interesting. In this first post, we begin with CSS3 basics. Let’s get started with CSS3. What is CSS3? CSS3 is a supplementary expansion to what is currently […]

[Tutorial] Design a Professional Portfolio Website Using Photoshop and 960 Grid System – Part 2

960-grid-system

This is the second part of a two-part tutorial on building a portfolio website using Photoshop and the 960 Grid system. Part 1 is located here We are well on our way to completing our portfolio website design. Here is a preview of the finished product: Let’s pick up where we left off with the […]

[Tutorial] Design a Professional Portfolio Website Using Photoshop and 960 Grid System – Part 1

960-grid-system

In this tutorial I’ll walk you through the steps necessary to design a portfolio website to showcase your design services. We will be using Photoshop and the 960 Grid System. With some subtle textures and layer styles, you’ll see how the smallest details can work to give your portfolio website that polished look. Here’s a […]

3 iPad Design Elements You Ignore At Your Own Risk

ipad-design-elements

The iPad has become a leader in mainstream computing appliances – allowing you the best there is in web, email, movies, music, and much more all in a compact aluminum and glass body. Designing for the iPad is an in-demand skill to possess and one that should be approached differently than your typical website. In […]

3 Ways Color Gives Meaning To Design

color-persuasion-tool

Color is one of the most important design elements, if not the most important. Research from the Institute for Color Research reveals people make a subconscious judgment about an environment or product within 90 seconds of initial viewing, and between 62% and 90% of that assessment is based on color alone. Whether intentional or not, […]

The Landing Page Formula Of Software Giant Intuit

intuit-go-payment

Intuit has been helping small businesses ring up sales since 1992 with its Quickbooks, Quicken and TurboTax software. Now, Intuit sees an opportunity to grab market share from Square by introducing GoPayment, software and hardware that turns your phone or tablet into a credit card processor. We asked our Crazy Egg Marketing and Web Design […]

25 Eye-Catching Event Websites For Your Inspiration

event-websites-inspiration

Whether it’s a festival, conference, wedding, or sporting event — it needs a website. And event websites are a little different. A well-designed event website will: Communicate the what, where and when clearly Let site visitors know exactly how to RSVP or get a ticket Use imagery, fonts, copy, colors and more that match the […]

Use This Approach To Create Simple And Flexible CSS Code

simple-flexible-css-code

As the capabilities of CSS continue to grow, and browser support improves, it’s easy to find stylesheet files growing in complexity and size. It’s easy to fall into the trap of focusing your CSS too tightly, with styling targeted at element IDs or nested HTML. Taking a class based approach for CSS flexibility means simpler […]

How to Create Remarkable Websites For Boring Products

web-design-boring-products

It’s easy to develop a remarkable web design to showcase the latest Apple product.  Ok, not easy, but easier than developing a remarkable website for a plumber or an office supply company. The difference is the product. When the product itself is remarkable, the design follows. But most web design projects don’t involve remarkable products. […]

Use These 5 Free Web Design Tools To Make Your Life Easier

free-web-design-tools

My father used to say “Any job is easy if you have the right tool.” This couldn’t be more true when you are designing for the web. Here are 5 free tools I’ve stumbled upon which really make my web design life easier. Need a tool to create rounded corners using CSS3? One of the […]

3 Impactful Ways Web Designers Can Use Pinterest

how-web-designers-use-pinterest

Pinterest is the hot topic in social media right now. This network allows users to bookmark, or “pin” images from webpages onto a virtual pin board. The bonus for websites whose images are pinned on Pinterest is additional traffic from Pinterest users who see their images. So, how are web designers using Pinterest to make […]

10 Marketing And Web Design Experts Analyze a World-Class Non-Profit Website

cure

Cure is an outstanding non-profit organization whose mission is to provide life-changing surgery to children that have no access to this care. Currently, Cure operates 10 hospitals in 10 countries and performs surgeries for children with bowed legs, club foot and untreated burns just to name a few. Non-profit organizations like Cure require funding to […]

How To Design an E-Book That Gets Downloaded, Read, and Shared

design-ebook

Nice-looking site? Check. Mailing list software and follow-up messages? Check. Good opt-in rates thanks to a compelling free offer? No? Then this post is for you. The knee-jerk reaction that most people have in this situation is to write up a quick and dirty “seven steps to whatever” e-book, save it as a PDF, and […]

4 Reasons You Should Never Use WordPress.com (And 4 Reasons You Should)

reasons-to-use-wordpress

First I want to clear up the confusion between WordPress, WordPress.com and WordPress.org. WordPress is WordPress right? Not really. There are very important differences between them. Firstly there is WordPress – the blogging software platform. Secondly there is WordPress.org – the organization that provides you with free downloadable installations of the WordPress software. Finally there’s […]

Infographics: How to Strike the Elusive Balance between Data and Visualization

infographics

They started out as a social media experiment and then suddenly everyone wanted a piece. A couple years back, if you dropped the word ‘Infographic’ or ‘Dataviz’ in a conversation, you would have been greeted by a good number of confused looks even if you were among other web designers. Today, so many infographics have […]

25 Beautiful Restaurant Website Designs That Will Have Your Mouth Watering

beautiful-restaurant-websites

Dining out is an experience.  A restaurant website is often the the first stage of that experience. For the restaurateur, it is critical that the website encourage patrons to visit the restaurant. The objective of the restaurant website should be two-fold: Show off the enticing array of food Make it easy to find necessary information […]

What Harvard Business School Can Teach Us About Web Design

harvard-business-school-web-design

Harvard University has graduated eight U.S. presidents and more Nobel Laureates than you can count on all of your fingers and toes. It is also home of the largest academic library in the U.S. Harvard University knows academics. But it turns out they are no slouch when it comes to web design and marketing either. […]

4 Web Page Elements I’d Pick Over Good Design Any Day (and Twice on Sunday)

Elements I Would Choose Over Web Design

Before the hate mail starts rolling in, I’d like to make it clear that the point of this post is not to minimize the importance of good web design. I strongly believe design is a critical component of a successful website. But if I were to rank the elements I’d want on a web page […]

The Only Thing Funnier Than These 90’s Websites Is A 90’s Hairdo

funny-websites-from-the-1990s

The 1990’s saw the end of The Cosby Show and Cabbage Patch Kids and the beginning of the original Beverly Hills 90210 and Viagra [Spammers begin clapping.] And, oh yeah, there was also this little invention called the Internet. The Internet was in its infancy and web design was… let’s just say… immature. Here are […]

11 Reasons To Use The Gravity Forms WordPress Plug-In

gravity-forms11

You might be a skeptic.  I know I was. I was getting along just fine with Contact Form 7 as my go-to contact form plug-in for WordPress.  Don’t get me wrong, Contact Form 7 is an outstanding free plug-in.  If all you need is a simple contact form plug-in, Contact Form 7 will do the […]

9 Web Design And Marketing Lessons Daddy Learned At The Grocery Store

web-design-marketing-lessons

Yep, I’m that guy. The daddy that has a 2 year-old strapped into a grocery shopping cart that looks like a car.  And god bless those goofy, oversized shopping carts.  They keep my kids entertained for 10 minutes of my 40 minute sprint through the grocery store every weekend. I want zero friction in my […]

11 Places To Turn When You Need Web Design Inspiration

Need Web Design Inspiration

Sometimes we get stuck. When that happens, I have some go-to sites that get my creative juices flowing again.  I bet you do too.  I hope you will share yours in the comments. I spend at least the first hour of my day reading blogs and researching trends and I want to share with you […]