Author Archive

9 Email Designs for Content-Heavy Newsletters

email design for text-heavy newslettersI’ve recently been working on a project to design a daily email newsletter that will be powered by MailChimp’s RSS to Email option. In some ways using RSS limits the design, however by automating the email campaign the site owner can focus on creating content rather than delivering content.

The challenge for this email campaign is to create a template that can accommodate between 4 and 8 articles with photos and summaries, a spot for advertising, branding options and of course space for all the “required” information to be can-spam compliant. Oh yeah, the content all needs to fit together elegantly and encourage users to take action by visiting the site, bookmarking an article, etc. What’s the best way to fit that much information in an email and keep it organized?

I went looking for inspiration on Emailium, and found a collection of content-heavy email designs proving that it is indeed possible to fit a mountain of information into a document no more than 600 pixels wide. Want to be inspired, too? Check out this list of email designs for content-heavy newsletters and publishing sites.

(...)
Read the rest of 9 Email Designs for Content-Heavy Newsletters (509 words)


© Barbara Holbrook for Tutorial Blog, 2010. | Permalink | 11 comments | Add to del.icio.us
Post tags:

Feed enhanced by Better Feed from Ozh

9 Email Designs for Content-Heavy Newsletters is a post from: Tutorial Blog


Browse Email Marketing Campaigns on Emailium for Inspiration and Ideas

emailium email galleryEmailium, an inspiration database for designers who create email marketing campaigns, opened their public beta today. The site is free to join for now, although it makes no mention of what the prices might be once the public beta is over.

The company describes itself as “A filterable, sortable, categorizable, global database of email campaigns for competitive research, design inspiration and industry analysis.” In other words, Emailium is to email marketing what cssmania.com is to web design. (...)
Read the rest of Browse Email Marketing Campaigns on Emailium for Inspiration and Ideas (372 words)


© Barbara Holbrook for Tutorial Blog, 2010. | Permalink | 4 comments | Add to del.icio.us
Post tags:

Feed enhanced by Better Feed from Ozh

Browse Email Marketing Campaigns on Emailium for Inspiration and Ideas is a post from: Tutorial Blog


Design is in the Details: Using CSS Selection Pseudo-Classes to Declare Your Team Spirit

css3 using selection pseudo-classesI’m hesitant to admit it, but I’m not a huge football fan. My boyfriend, however, loves “his” team — the USC Trojans. And if there’s one thing I’ve learned over the years, it’s that football fans will use any excuse to dress up or decorate with their team colors. Actually, real fans don’t even need a reason to show team spirit.

So, in honor of football fans everywhere and to kick off the fall football season in America, I thought it would be fun to show how to use one of the new tools in CSS3 to decorate a web page with your team colors. Let’s play with the selection declaration.

There are many neat design tricks in CSS3. The selection declaration — ::selection — is a quick way to add some polish onto a design and give a website the “wow” factor that really makes clients happy. Using a .selection class can override the operating system’s default highlight color with any color you specify.

As with so many of the best html and css goodies, browser support varies. Safari and Firefox both recognize the selection declaration, but you’ll need to implement the code a bit differently for each browser. Here’s how to use CSS3′s new selection declaration to add a dash of unexpected color to your web design.(...)
Read the rest of Design is in the Details: Using CSS Selection Pseudo-Classes to Declare Your Team Spirit


© Tutorial Blog, 2010. | Buy iPhone Accessories | iPad App Reviews


Beyond the Blog: Get on the WordPress Bandwagon

using wordpressWordPress, long known as one of the most popular blogging platforms, has turned into so much more. With the release of WordPress 3 “Thelonious”, the platform really steps into its own as a powerful content management system for writers, designers and everyone else to create or manage stunning, cutting-edge websites.

Most people prefer WordPress because it is not only is it easy to use, it’s totally free. You can host your WordPress blog on your own servers or use free hosting with WordPress.com. Either way, using WordPress to manage your website is easy—add pages, delete pages, schedule content, add functionality with plugins and connect to the WordPress community.

The first thing most WordPress users learn to do is change their theme. There are hundreds of free WordPress themes available to download as well as many premium WordPress themes with special features such as built-in SEO. Installing and customizing WordPress themes is your ticket to creating brilliant websites that are also user-friendly. Changes to WordPress in the last year make installing new themes easier than ever. For newbies, it’s a good idea to start with a WordPress tutorial on how to install a new WordPress theme or change an existing WordPress theme.

In fact, most users will get the most out of WordPress by using and learning from the many free WordPress tutorials available online. Finding useful WordPress tutorials on the web will show you to create stunning websites with this free platform, and even add unique features to make your website stand out. (...)
Read the rest of Beyond the Blog: Get on the WordPress Bandwagon


© Tutorial Blog, 2010. | Buy iPhone Accessories | iPad App Reviews


How to Create a Hover Effect Using CSS

Hover effects, rollovers, super-fancy link styles — regardless of what you call them — are a great way to get extra bang for your buck when putting together a website.

Today we’ll be learning how to add a unique and creative feature to your website’s links using CSS. Using CSS Pseudo Classes, we can alter every aspect of a link when a visitor “hovers” over it, or puts their cursor over the link. (...)
Read the rest of How to Create a Hover Effect Using CSS


© Tutorial Blog, 2010. | Buy iPhone Accessories | iPad App Reviews

How to Create a Hover Effect Using CSS is a post from: Tutorial Blog


  •   
  • Copyright © 1996-2010 BlogmyQuery - BMQ. All rights reserved.
    iDream theme by Templates Next | Powered by WordPress