Awkward Group - Digital Production Agency http://www.awkwardgroup.com Awkward is a Digital Production Agency Mon, 20 Feb 2012 15:01:59 +0000 en hourly 1 South Park in the Parliament http://www.awkwardgroup.com/case/south-park-in-the-parliament/ http://www.awkwardgroup.com/case/south-park-in-the-parliament/#comments Mon, 20 Feb 2012 15:01:59 +0000 Dennis Phang http://www.awkwardgroup.com/?p=2527

]]> http://www.awkwardgroup.com/case/south-park-in-the-parliament/feed/ 0 Sveriges osvenskaste fest http://www.awkwardgroup.com/work/sveriges-osvenskaste-fest/ http://www.awkwardgroup.com/work/sveriges-osvenskaste-fest/#comments Wed, 28 Sep 2011 12:13:19 +0000 Dennis Phang http://www.awkwardgroup.com/?p=2464 A promotion campaign for tropical fruit juice in Sweden, called “Sweden’s most un-Swedish party”. Del Monte challenged Swedes to arrange parties with attractive themes. You gathered guests by sharing a party invite on Facebook. Every visit to your party’s webpage was generated from a unique link to prevent cheating.

The happy person gathering most guests to their party won SEK 10 000.

]]> http://www.awkwardgroup.com/work/sveriges-osvenskaste-fest/feed/ 0 Awkward Check – A jQuery Plugin http://www.awkwardgroup.com/sandbox/awkward-check-a-jquery-plugin/ http://www.awkwardgroup.com/sandbox/awkward-check-a-jquery-plugin/#comments Wed, 03 Aug 2011 11:44:52 +0000 Joakim Strandell http://www.awkwardgroup.com/?p=2401 real-time validation, which means that a field is validated as soon as it's loses focus. Another one is custom validation rules which opens up for ajax based validations. The look of the validation is 100% customizable via HTML and CSS. Download v.1.3.1View Demo
]]> Implementation Example 
<!DOCTYPE html>
<html>
<head>
<title>Awkward Check - Demo #1</title>
<link rel="stylesheet" href="css/style.css" />
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
<script type="text/javascript" src="jquery.aw-check.js"></script>
<script type="text/javascript">jQuery( document ).ready(function() { aw_check_init('#form'); });</script>
</head>
<body>

<form id="form" method="post">
	<div class="input-box" checkfield="#input-name" checkrule="text">
		<label>Name</label>
		<input type="text" id="input-name" name="input-name" />
		<span class="check"></span>
		<span class="error"></span>
	</div>
	<div class="input-box" checkfield="#input-email" checkrule="email" checkerror="Please enter a valid e-mail address">
		<label>E-mail</label>
		<input type="text" id="input-email" name="input-email" />
		<span class="check"></span>
		<span class="error"></span>
	</div>
	<div class="input-box" checkfield="#input-phone" checkrule="phone:empty" checkerror="Please enter a valid phone number">
		<label>Phone</label>
		<input type="text" id="input-phone" name="input-phone" />
		<span class="check"></span>
		<span class="error"></span>
	</div>
	<div class="input-box">
		<input type="submit" name="submit" value="Submit form" onclick="javascript: return aw_check('#form');" />
	</div>
</form>

</body>
</html>

Configuration Options

Functions

aw_check_init( identifier, auto )
Run this, in the jQuery-document-ready-function, to initialize the form validation. The function takes two parameters:

identifier (string) Identifier of the form to validate.
auto (bool) Activate real-time validation.

aw_check(‘#id-of-the-form-to-validate’)
Run this when clicking the submit button. If the form do not validate the function returns the value false.

 

Element Attributes

class
The class ”input-box” MUST be included.

checkfield
The identifier of the field to validate.

checkerror (optional)
The error message to show.

checkrule
The validation rule for the field.
text, email, check, phone, number and custom rules

Add :empty if it’s an optional field that you want validated.

checklabel
The value for the overlay label.

 

Custom Validation Rules

Add custom validation rules (checkrule) by adding regular expressions or functions to the array named aw_check_custom_validation.

aw_check_custom_validation['time'] = /^([0-1][0-9]|[2][0-3]):([0-5][0-9])$/;

Known Bugs in v.1.3.1

No known bugs yet =)

If you find any bugs, or solutions on how to solve them, keep us updated. Thanks!

Changelog v.1.3.1

- A small bug fix for custom validation functions.

Upcoming Features

If you have any features you want in upcoming versions, let us know.

Changelogs

Visit our jQuery Plugin Page

3 latest releases

Awkward Check v.1.3.1
Awkward Check v.1.3
Awkward Check v.1.2

 
]]> http://www.awkwardgroup.com/sandbox/awkward-check-a-jquery-plugin/feed/ 28 H&M Fashion Media Update http://www.awkwardgroup.com/work/hm-fashion-media-update/ http://www.awkwardgroup.com/work/hm-fashion-media-update/#comments Wed, 20 Jul 2011 08:34:22 +0000 Dennis Phang http://www.awkwardgroup.com/?p=2376 H&M Fashion Media Update is a News Magazine and press release all-in-one system. It allows the H&M people to create content for the News Magazine, and at the same time send that content as press releases all over the world (38 different languages).

]]> http://www.awkwardgroup.com/work/hm-fashion-media-update/feed/ 0 Akta musen http://www.awkwardgroup.com/work/akta-musen/ http://www.awkwardgroup.com/work/akta-musen/#comments Wed, 20 Jul 2011 08:33:45 +0000 Dennis Phang http://www.awkwardgroup.com/?p=2380 As a part of “Akta musen”, we ran a promotion for three weeks on Facebook. Besides pushing people to order free samples, we encouraged people to engage and take care of a real live mouse via 24/7 live streaming cameras.

]]> http://www.awkwardgroup.com/work/akta-musen/feed/ 0 Del Monte http://www.awkwardgroup.com/work/del-monte/ http://www.awkwardgroup.com/work/del-monte/#comments Fri, 03 Jun 2011 10:53:16 +0000 Dennis Phang http://www.awkwardgroup.com/?p=2280 Del Monte is one of the world’s leading producers of canned fruit, juices and fruit drinks, and a well-known brand in Sweden. Like many other companies, they wanted to renew their website.

Our mission for this project was to highlight the Del Monte brand and boost the link between their products and the recipes on the website.

]]> http://www.awkwardgroup.com/work/del-monte/feed/ 0 PAN Vision http://www.awkwardgroup.com/work/pan-vision/ http://www.awkwardgroup.com/work/pan-vision/#comments Fri, 03 Jun 2011 10:19:28 +0000 Dennis Phang http://www.awkwardgroup.com/?p=2268 PAN Vision is the leading distributor and publisher of interactive home entertainment in northern Europe.

Through new studies, it was shown that end consumers were a big part the old website’s visitors.

Our challenge was to please different kinds of target groups: companies and end consumers, and also to make the website experience fun and easy to navigate.

]]> http://www.awkwardgroup.com/work/pan-vision/feed/ 0 Lanvin for H&M http://www.awkwardgroup.com/work/lanvin-for-hm/ http://www.awkwardgroup.com/work/lanvin-for-hm/#comments Mon, 11 Apr 2011 09:50:52 +0000 Dennis Phang http://www.awkward.se/?p=1780 Artistic Director Alber Elbaz of Lanvin created unique haute couture looks from the Lanvin for H&M 2010 winter collection.

The looks were revealed at a fashion show in New York and were then auctioned off exclusively at the site.

All proceeds from the auction was donated to the H&M UNICEF All for Children project.

]]> http://www.awkwardgroup.com/work/lanvin-for-hm/feed/ 1 A Christmas Tale by Sony Ericsson http://www.awkwardgroup.com/work/a-christmas-tale-by-sony-ericsson/ http://www.awkwardgroup.com/work/a-christmas-tale-by-sony-ericsson/#comments Sun, 10 Apr 2011 14:52:49 +0000 Dennis Phang http://www.awkwardgroup.com/?p=2086 The mission for this project: Is it possible to make an e-mail invitation for a Christmas Party more fun and make it stand out from all the others cluttering your inbox.

By letting our guests RSVP to the party a fun and irregular way, we gave them a chance to contribute to the content of the site and have a sneak peek of who’s coming.

]]> http://www.awkwardgroup.com/work/a-christmas-tale-by-sony-ericsson/feed/ 0 Your Art Here By H&M http://www.awkwardgroup.com/work/your-art-here-by-hm/ http://www.awkwardgroup.com/work/your-art-here-by-hm/#comments Sat, 09 Apr 2011 15:19:02 +0000 Dennis Phang http://www.awkward.se/?p=1581 The world is filled with talented artists. Recognizing that talent is becoming increasingly difficult. That is why H&M now introduces ‘Your Art Here’ – an all styles visual arts contest, with a New York City theme.

Our mission was to develop a campaign site where aspiring artists could publish their artwork and compete for the grand prize of exhibiting their work in H&Ms new Flag Ship Store on 5th Avenue in New York.

]]> http://www.awkwardgroup.com/work/your-art-here-by-hm/feed/ 0