You keep hearing all of your friends talking about the latest television shows and you want to know what all of the hype is about; however, in order to watch the shows, you need to get a subscription to Netflix, Hulu or some other type of blocked website. Those blocked websites are often unavailable in different areas. Unless you move, you won’t be able to see the shows that all of your friends are talking about. But, what if you could gain access to these sites in your area? Well, you can, thanks to Overplay Review from a smart DNS proxy. (more…)
Category: HTML
-
Email Coding Tips from FreshMail
I want to share a cool find about FreshMail in this post. Here’s the deal. I’ve been sending standard emails as part of my email marketing campaigns up till now, but it’s time to make it more custom because it allows to better convey the look and feel of your brand. Problem is, you can’t just use up-to-date web development technologies (HTML5, CSS3, just to name a few) for building sleek newsletter emails nowadays.
That’s because there are dozens of email clients out there that support different sets of HTML and CSS properties. Long story short, if you build your custom newsletter template for one email client, chances are, it will look out of whack on others. For example, Outlook 2007 and Outlook 2010 use the Microsoft Word processor to render HTML. Ouch! Right?
With that in mind, there’s still a silver lining. Here’s the deal. While doing research on the topic before I get down to creating custom newsletter email templates for WebDesy subscribers, I stumbled upon an annual CSS properties support report put together by FreshMail this year. They really took their time to highlight all the nitty-gritties of CSS support properties in modern email clients.
That’s pretty much a one-stop piece of stats that you need to take into consideration if you want to ensure that your newsletters are properly displayed on your subscribers’ email clients, regardless of whether they use Outlook 2007 on Windows or Mail on Mac. All the stats are broken chart-by-chart so that you can easily compare the CSS support property in question.
Other than that, they have a list of best practices that you really want to use in order to fit the bill when we talk about the top-notch current standards in newsletter design. I’m sure you’ll be able to find useful stuff both for cross-client CSS support and what you need to take into account while designing your email newsletter.
Interestingly enough, they also included an analysis of animation and video support in this year’s report. That just goes to show that the guys at FreshMail are in the know what’s trending in the business of email newsletters. More often than not, site owners are looking to integrate both video and animation in their newsletters.
Also, they took the plunge and investigated how you can use all sorts of fancy CSS3 properties in your newsletters. Odds are, you know how you can make use of the CSS3 technology while creating your actual site, but what about using those features for your newsletters?
And one more thing. Mobile is going big not only in the realm of search engine optimization but in email marketing as well. You can use the CSS support for email report to get to know which features will work on mobile devices and which won’t. So you can save yourself from tons of guess work and just use CSS properties that will work for sure.
Bottom Line
So if you want to get really serious about coding custom email newsletters, you need to keep in mind a bunch of peculiarities but FreshMail made it a whole lot easier. You may just want to keep the report open in a separate browser tab or window while designing your next newsletter.
-
The All-In-One CSS Generator That Does More
Since the release of CSS3, more and more websites have been including it to spice up their websites without the use of images that can slow down the website. And as you may probably be aware of, the speed of a website can greatly impact its SEO. Plus, not only are the tasks required to design a website repetitive, so are the majority of the online CSS generators many designers have come to use on a daily basis to the point that there is nothing useful about them anymore. All designers must agree that the hardest part is weaving CSS and HTML together into a neat bundle for the output to look right in every browser. (more…)
-
How to Create an HTML/PHP Contact Form (Part One)
In this series of tutorials, we’ll try to cover most of the aspects of a well-coded and secure HTML/PHP contact form. Even if you’re not familiar with PHP and have only basic knowledge of HTML, that will be totally enough. First, let’s think of why you would actually need a contact form on your site? Well… if you’re running a business, there should be a way for customers to contact you and discuss the project or prices with you. Of course, there can be any other reason you would want that on your website. Since we want everything to be as easy-to-follow as possible, we’ll do one thing at a go. Today, we’ll just create a basic layout for our contact form. (more…)
-
HTML Editor: Which One You Should Use?
I’m going to help you choose the best HTML editor for your needs. The basic thing in web design and development is that you need to switch on your monitor…. well, not exactly just that. 🙂 In fact, if you’ve decided to mess around with HTML and become a web design guy or a web developer, you need to start from learning HTML. Sure thing, not just that either, but you’ll need foremost HTML in the very beginning. Once you’re comfortable with it, you can go further and learn CSS, PHP and some other good stuff. (more…) -
Web page design – HTML Tutorial 14 (part 2)
This is the second and the last part of my web page design tutorials. If you’ve got to our blog for the first time, I suggest checking my previous tutorials because they just give you a basic understanding and really necessary skills to proceed with your HTML endeavors. In this particular tutorial, you will learn how to set a color, size and font for text (for those who think that size actually matters :)), add images to your web page and layout them properly, and decorate your web page design with a background image. All these elements are really essential for any up-to-date site. And you want that because it’ll blow your customers’ minds when they behold such a top-notch piece of art. Let’s get the party started! (more…) -
Web page design – HTML tutorial 14
In this HTML tutorial I will share some web-page design techniques and you will learn how to create web-pages with a perfect layout.A web page design is similar to the design of usual documents for print except for a few differences. The main difference is the ability to use links. Using links (or URLs) website visitors can easily jump from one page to another looking for information that seems to be interesting. We can be so fascinated by clicking the links that we can easily get lost in cyber-space 🙂 (more…)
-
Object in HTML – HTML tutorial 12
In the HTML tutorial 11 – HTML audio, we have learned how to add audio files and music to our HTML-pages. Now it’s time to expand the horizons of our knowledge. The Object in HTML tutorial will teach you how to add different objects to your HTML-page such as: video, flash animation and java-applet. (more…) -
HTML audio – HTML tutorial 11
This tutorial will teach you how to add audio files to your HTML page. It could be a simple music track or a background HTML audio file. We will go through all the settings, tags, and attributes related to HTML audio and compare the default audio players in different browsers. You’ll learn about the obligatory and optional tags that you might wanna use in some cases. The bottom line is that you’ll be an online audio guru after reading the post. 🙂 So, let’s rock! (more…)
-
HTML form – HTML tutorial 10
This HTML tutorial will teach you how to create an HTML form so that you can receive information from your website visitors. Browsing the Internet you may see different kinds of HTML forms. However you probably do not even suspect how easy it can be to create such an HTML form. It’s like Sunday morning, or like 1 2 3 , or like a piece of cake. Or even like a piece of pizza. OK, you got the idea, right? 🙂 (more…) -
HTML frames – HTML tutorial 9
In this HTML tutorial, you will learn how to create HTML frames, why some web-developers (and SEOs) do not like HTML frames and how to use HTML frames effectively. Currently HTML frames are not used too often. However you need to be able to recognize HTML frames and be able to work with them. So this HTML tutorial will give you a good practice. In the nearest future HTML frames can completely disappear. In this case you would be proud of yourself because you are part of the HTML history. 🙂 (more…) -
HTML image map – HTML Tutorial 8
In this HTML tutorial we will learn how to use an HTML image map. In other words, you will get the knowledge on how to divide an image into parts and assign a unique URL to each part. This may be useful when assigning links to parts of a regular map (for example, states or cities) or even galaxy stars 🙂 Also you will get some basic knowledge on using Photoshop to determine coordinates within an image. (more…) -
HTML Tutorial 7 – Image in HTML
In this HTML tutorial you will learn how to decorate a web-page by adding an image in HTML. If your web-page consists of text only, it may be interesting to somebody (not sure who can like such a site though 🙂 ) however it will be hardly attractive. It is very easy to add images and graphics to a web-page. All this knowledge is gathered in the following “Image in HTML” tutorial. Let’s start, boys and gals 🙂 (more…) -
HTML Tutorial 6 – Table in HTML
In this HTML tutorial you will learn how to create a table in HTML. Tables can be simple and advanced. We will get familiar with both kinds. HTML table formatting, attributes and CSS involved are used to make your HTML table look better. All these interesting stuffs will be explained in a short and simple manner in the following HTML tutorial. And one more thing, you may lay the table and put your laptop on it for better understanding 😉 (more…) -
HTML Tutorial 5 – HTML list
In our everyday life we often use lists of different types: to-do lists, purchase lists and step by step instructions. If you hate lists in the real life (yes, there is a life out of the Internet too :)) do not worry – you will love to create lists in HTML. It is the most easy part of our HTML studying course! In this HTML tutorial you will learn how to create ordered, unordered and definition lists in HTML to organize textual information. (more…)
