This is a continuation on the first article I wrote on developing HTML emails and email templates. Let’s jump right into some tips:
Use HTML markup to style whenever possible. Use attributes like background=”” whenever possible. CSS backgrounds will incorrectly render in GMail, so whenever applicable, make sure your background will work if applied to a […]
Now you’ve gotten through Part 1 of CSS Layout Basics and you understand the basic principles behind CSS, we can get a little deeper.
Not all CSS requires stylesheets. Apart from a stylesheet, there are two ways to incorporate CSS: inline CSS and page CSS.
Inline CSS
Inline CSS is referred to when CSS is inserted to […]
When developing websites, you’ll often be tasked with launching emails from your web server to a variety of destinations, whether they’re internal or external. These emails can be confirmation emails, newsletters, etc. However, sometimes they get caught in various spam filters, and since many spam filters are different, it’s hard to pinpoint what you need […]
In the event you’ve figured out that you want to ditch table-based layouts and build CSS-based layouts, but you just don’t know where to start, I’m here to help. I won’t go too indepth, but I’ll cover the basics.
You will need to have two files. An HTML file, and a CSS file. Both of these […]
This article is part 3 of our 10 web development tips series. If you’re interested in part 1, click here, or in part 2, click here. These 10 tips will deal more with CSS and developing your HTML base template from the design.
1 - Use ID instead of CLASS wherever possible
In the example: <div id=”myID”>myID</div> […]
UPDATE: I’ve published Part 2 on developing HTML emails and email templates.
HTML emails are a whole different ballpark than HTML websites. Your approach will be different and your design will be different. For now, I’ll discuss more about the development part of it, then the design part of it.
Your design should be no larger then […]
When I first started doing CSS-layouts (instead of table-based layouts), I found that a lot of the solutions offered on the web included hacks and tricks to satisfy all browsers. Since then, I’ve refined my own personal technique which works in all browsers and validates as both CSS and HTML.
My method uses floats. Although floats […]
In a few occasions, website developers are surprised when they receive emails months after a website’s launch complaining that their website’s layout is askew.
What Can Happen?
Here’s an example of what can happen:
You have a 50px wide box. You managed to fit the word “crocodile” in the box perfectly (equal spacing on both sides and the […]
In a previous article, I touched briefly on Site Architectures and Wireframes. In this article, I will outline how important they are to make sure projects stay on budget and so the client doesn’t get away with scope creep. Scope creep is where new features and new work is slowly done at the request of […]
We’re getting closer to an era where having a website compatible with mobile will play an important role in your success. That being said what does it take to make your website compatible for a mobile?
The answer: not much.
Mobile phone browsers come in different shapes, sizes and capabilities. You should be ready to accomodate the […]
