Absolute Advantage offer a range of web solutions from basic html sites to dynamic content management and database systems along with email marketing, hosting, SEO, graphic design and much more. We have initially carved out the following mission:

• To provide creative websites that help our clients stand out.
• To deliver a range of services that ensure our clients maintain optimal presence on the web.
• Offer first class solutions at cost-effective prices.

Please see http://www.absolute-advantage.net for an overview of our company.

Our company is young and expanding. We require a junior web designer to support our ongoing web development projects.  Candidates should have recently graduated from university in an IT, Marketing or Graphic design related field. The right candidate should have a sound understanding of web programming conventions along with a creative flair. As the company grows, successful candidates will have a real opportunity to become an integral part of the organisation.

Requirements

• A degree in an IT, Marketing or Design-related field
• A sound understanding of HTML and CSS
• A good understanding of PHP, MySQL and other dynamic web based languages
• Ability to use graphic based software such as Photoshop and AI
• A good eye for design, graphics and branding conventions
• Experience in using and adapting various open source CMS platforms such as Wordpress   and Joomla.
• Professional work ethic with creative thinking and problem solving skills.
• High level of motivation and ability to work independently.
• Good spoken and written English

Benefits

• Salary up to 18,000/month depending on qualifications and skill-set
• All Thai national holidays including extra paid holiday days
• Year end bonuses.

Applications

Candidates should send their resumes to Ketsiree Kongsakul at ketsiree@absolute-advantage.net along with examples of your work, online portfolios etc. Please also include any other details you think are important in your application.

Deadline for applications is April 9th 2010.

Conversion Rate Optimization can make the difference

By planning, designing, and optimizing your website to persuade, you can ensure that it will act as a more efficient sales tool. You can compare a conversion-optimized website to a successful (but commission-and salary-free) digital sales person who works for you 24/7, 365 days a year, qualifying leads, building rapport, and even closing sales.

With margins falling and advertising costs rising, a high-performing website has become essential for online success. CRO helps you to meet the following business goals:

• An increase in sales, revenues, and profits
• The generation of more leads for your sales team
• Boosting “opt-ins” to build your email list
• Reduction of customer acquisition costs
• More page views for advertising
• Engagement of more users
• A permanent improvement to conversion rates

CRO uses proven persuasive techniques to encourage site visitors to act because they have experienced your polished site design, compelling copy, unique selling proposition (USP), and irresistible calls to action. With increased sales, more leads, and higher engagement, what’s not to like about CRO? Yet despite these advantages, we’ve found that CRO is usually the last step taken in optimizing websites. Most website owners focus on getting more traffic to boost online sales. But paying to advertise an underperforming website is throwing good money after bad.

CRO, on the other hand, makes your website work harder for you by producing more sales now from your existing website traffic. Its goal is to make every site visit count. However, to maximize your success you need to focus on conversion quality for the life of your site. The savviest optimizers don’t stop after their initial success. They continuously tweak their sites to maximize their return on investment (ROI).

Source King, A.B (2008) Website Optimization, O’Rielly

To find out how Absolute Advantage can help you with CRO on your site contact us for a consultation.

Mint Innovation by Absolute Advantage

So when you want stunning visual effects without using Flash, where do you turn. jQuery is the answer. The Mint Innovation project  uses a collection of jQuery effects together to bring the look and feel of a Flash based site.

1. jQuery Coda Slider

Based on the Niall Doherty coda slider effect, the moving business card on Mint Innovation forms the foundation for the site. Using jQuery and cods-slider.js it allows left and right scrolling along with cross links to scroll to any page from any part of the site.

Download Coda Slider Pack
Alternative Coda Slider documentation

2. jQuery Unobtrusive Tabs

Within the sliding panels we utilised another jQuery function – jquery.tabs.js. Based on the Unobtrusive Tabs by Klaus Hartl, the jquery tabs plugin allows us to dynamically load tabbed content within the page. For added effect we used the on click fade for transition.

jQuery tabs within coda slider panel

Download the jQuery Tabs files
Read the documentation

3. jQuery Innerfade

The transitioning effect you see on the first page of the panel could have easily been achieved with an animated gif. However, that wouldn’t offer us the same amount of flexibility as using jQuery. Additionally, it reduces the sizes of the image files on an already very busy page.

The Innerfade with jQuery offers you the ability to dynamically tweak the fade type, speed, pause, and even create hyperlinks from each separate image in the transition.

Download the jQuery innerfade package
View documentation on the jQuery innerfade

4. jQuery No Conflict

Now with all this loading of jQuery going on there is bound to be some conflicts in the coding. This is where jQuery No Conflict comes in. This neat function allows you to switch the $ variable on conflicting scripts.

See our previous post on jQuery Running Slow with Conflicting Scripts – A Solution
See the jQuery No Conflict documentation

Job Description – Office Manager/Assistant

As a new company we are seeking an experienced individual to manage a small office and provide secretarial support. You should have enough experience to work with your own initiative and help move the company forward. Your tasks will include:

• Manage a small office environment.
• Provide a full secretarial service support to the Director.
• Provide first point of contact for a wide range of contacts, both in Thailand and International.
• Arrange and attend sales meetings with companies in a supporting role.
• Maintain simple accounts and cash flows
• Translate web content and documents from English into Thai and vice versa.

Qualifications

• Thai nationality
• Bachelor’s Degree in Business or related fields
• At least 3 years of demonstrable experiences in an office management/personal assistant role or related fields.
• Proficiency in written and verbal English
• Computer literacy in MS Office and Internet Applications
• Out-going personality that isn’t afraid to express opinions.
• Excellent organizational skills
• Self-motivated and able to work under minimal supervision
• Related experiences in web design, Internet applications and a knowledge of current Internet trends.

See http://absolute-advantage.net for a full company overview.

Please send resumes and introductions to hello@absolute-advantage.net

There are a plethora of factors that you need to consider when designing HTML emails that actually do their job – get to the recipient and get the message across. The list below is by no means exhaustive but it should put you in good stead.

1. Size Matters

You’ve designed your HTML content, previewed it in your favourite web browser and it looks fantastic. Well, sorry to burst your bubble. The truth is, most of us read our emails in preview panes and windows half or a quarter of the size of a normal web page. Designing a HTML email for a 1024×768 window will not display well in most email clients.

As a rule of thumb I try to keep the width of the template as narrow as possible without spoiling the look of the email. Most email preview panes are scrollable which means that the height is less of an issue.

Tip: Keep the width of your template quite narrow.
Trick: Center your content so it looks fine in both wide and narrow readers.

2. Pretend it’s 1998 – Tables Rule, CSS Positioning is Gibberish!

For all you CSS lovers and web designers out there, I’m sure that you’ll agree that it hurts when you are forced to regress into old standards and markup. Well unfortunately, when designing HTML emails you have to do exactly that.

Firstly, you should have seen that attaching a CSS document isn’t possible. Why don’t you stick it in the document head tags, I hear you say. Well, this does work – sometimes. We can use CSS to style the content of the page, however it must be put inline if it is to work properly in email clients. This makes most web designers shudder at the thought but if you want your styling to be displayed in all the different email clients this is the only way to go. And yes, it does mean repeating that styling for your page links!



Ugly, but it works


CSS positioning is a big no no when designing for HTML emails. You have to imagine you’re designing for Internet Explorer 5 – imbrace those sloppy, untidy tables. It will save you heaps of headaches in the long run. Having your divs display differently in 10 email clients is a problem we can all do without.

Tip: Use tables to define your layout.
Trick: Use CSS to style inline, not on a stylesheet or in the header.

3. Image to Text Ratio

Too many images compared to the amount of text is quite hazardous. Spam filters tend to flag image heavy emails. It seems natural to create a flyer style image and then send that as an email. Without any text, it is more likely that the email will be rejected by SPAM filters.

A lot of email clients deactivate images as standard. An email with just one image ‘e-flyer’ would get no message across in these cases.

Tip: Use small images and avoid filling the email with an image e-flyer.
Trick: If you don’t have much text to fill the email with don’t use more than one or two images.

4. Don’t rely on images to get your message across.

As already said most email clients don’t necessarily display the images by default. Gmail, yahoo, and the like de-activate images as standard. It’s not only until the user clicks ‘activate images’ that they will get displayed.

This means that if you use images to display text then your message will not get across. Additionally, if the layout of your email relys too heavily on images then it may look silly when they are de-activated. To test how your email looks without images use the Web Developer add-on for Firefox and select de-activate images. If it doesn’t make sense without the images you need a re-design.

Tip: Don’t rely on images to get the message across.
Trick: Test the HTML with images deactivated to see how it would appear without images.

5. Use the image “alt” tag to good effect.

If you’re images aren’t necessarily going to get displayed using the alt tag is essential. This will be the text displayed instead of the image. To take it a step further, you can even style this text by using the style settings for font and background within the image tags. For example,

will display

when the image myimage.jpg is not displayed.

Tip: Always use the alt tag within images.
Trick: Use the style element to manipulate how alt text and background is displayed when images are deactivated.

The jQuery.noConflict(); solves this very neatly. Here’s how to implement it:

1. Insert the following in your header with the other scripts. This is basically saying that the variable J is replacing the $ due to the conflict.

2. Open one of the conflicting scripts and replace all instances of $ with the variable J. Use a find and replace tool for speed.

3. Save the script and refresh the page. The scripts should run cleanly.

In fact, if you really want to get the most out of your blog you should be using Feedburner anyway. Feedburner, now owned by Google offer a neat service called BuzzBoost. BuzzBoost republishes your burned feed’s content as HTML you can use on any other site. You can adjust the settings within the Feedburner account and create CSS classes to adjust the way it displays.

Some helpful links…
Google Feedburner

Styling the appearance of BuzzBoost

Pepper Vector by `Artgerm

What does vector actually mean? We can contrast it to raster artwork, which appears to be pixelated when enlarged. True vector artwork images can be scaled indefinitely without degrading.

Enjoy the selection below. I hope…

22in Kicks by ~KLRbee

Gundam Poster by BernardoMeta

Drug Free Zone by David Fuhrerby

Tromp Loeil by Giel Blankestijn

King by Cristian Osiqueira

U.N.I.T.Y. by David Waters

Vector by fernandomoralez

Problem: When using XAMPP on mac os x the following message appears:

Solution: Use MAMP instead.

That really is it. When I installed the file system on the MAMP powered apache server it worked fine the first time.

MAMP for Mac OS X

XAMPP for Mac OS X

Magento Commerce Homepage