Everything You Need To Know About CSS3 Box Shadow


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


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


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


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


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


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


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


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


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


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


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!


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


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


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


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


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


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


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 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


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


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


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 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


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


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)


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


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


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


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


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


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 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 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


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


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


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


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


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 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


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)


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


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


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 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


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


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


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 […]